$(document).ready(function(){
	InitFadeDrop();
	InitPopup();
        InitRequest();
	CheckOnline();
});

function CheckOnline() {
$.ajax({url:'http://tool.lissly.com/ajax/check_online.cgi',dataType:'jsonp',cache: false});
}

function CheckOnlineDone(data) {
 if(data!=null && data.status == 'online') {
   $('.signin-box').hide();
   $('.signin-box-redirect').show();
   $('.signin-box-redirect-nick').text(data.nick);
 }
}

function InitFadeDrop(){
	var holder = $('.signin-box'), _speed = 400,	_t;
	holder.each(function (_i){
		var hold = $(this),
			opener = hold.find('.signin'),
			drop = hold.find('.form-block');
		drop.css('opacity',0);

		opener.click(function (){
			if (!drop.is(':visible'))	drop.show().animate({opacity: 1}, {queue:false, duration:_speed});
			else drop.animate({opacity: 0}, {queue:false, duration:_speed, complete:function(){$(this).hide()}});
			return false
		});
	});
};
function InitPopup(){
	if(jQuery.browser.msie && jQuery.browser.version < 7){
		var _light = $('.light-box').hide();
		var _lay = $('<div class="overlay"></div>').css({opacity:0.7}).appendTo($('body')).hide();
		var _close=$('a.close');
		var _view = $('.video-holder img');
		var _duration = 600;
		_view.click(function(){
			Position();
			_light.show();
			_lay.show();
			
			_lay.click(function(){
				_light.hide();
				_lay.hide();
				return false;
				
			});
			_close.click(function(){
				_light.hide();
				_lay.hide();
				return false;
			});
			return false;
		});
	}else{
		var _light = $('.light-box').css({opacity:0}).hide();
		var _lay = $('<div class="overlay"></div>').css({opacity:0}).appendTo($('body')).hide();
		var _close=$('a.close');
		var _view = $('.video-holder img');
		var _duration = 600;
		_view.click(function(){
			Position();
			_light.show().animate({opacity:1}, {queue:false, duration:_duration});
			_lay.show().animate({opacity:0.7}, {queue:false, duration:_duration});
			
			_lay.click(function(){
				_light.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				_lay.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				return false;
				
			});
			_close.click(function(){
				_light.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				_lay.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				return false;
			});
			return false;
		});
	}
	$(window).resize(function(){
		Position();
	});
	$(window).scroll(function(){
		Position();
	});
	function Position(){
		var _w = _light.outerWidth(true);
		var _h = _light.outerHeight(true);
		if (window.innerHeight){var _wx = window.innerWidth; var _wy = window.innerHeight;}
		else{_wx = document.documentElement.clientWidth; _wy = document.documentElement.clientHeight;};
		if ($('body').height()<_wy){	_lay.css({height:_wy})	}
		else{	_lay.css({height:$('body').height()});	};
		//if (_light.outerHeight()>_wy){	_light.css({height:_wy})	};
		_light.css({left:(_wx-_w)/2, top:(_wy-_h)/2+$(document).scrollTop()});
	};
};

function RequestDone(data) {
  return false;
}

function clear_form_elements(ele) {
	 
	    $(ele).find(':input').each(function() {
	        switch(this.type) {
	            case 'password':
	            case 'select-multiple':
	            case 'select-one':
	            case 'text':
	            case 'textarea':
	                $(this).val('');
	                break;
	            case 'checkbox':
	            case 'radio':
	                this.checked = false;
	        }
	    });
	 
	}
function InitRequest(){
	if(jQuery.browser.msie && jQuery.browser.version < 7){
		var _light = $('.light-box2').hide();
		var _lay = $('<div class="overlay"></div>').css({opacity:0.7}).appendTo($('body')).hide();
		var _close=$('a.close');
		var _view = $('.request');
		var _viewform = $('.request-form');

		var _duration = 600;
 

		_viewform.submit(function(){
                       	var pars = _viewform.serialize();
			$.ajax({url:'http://tool.lissly.com/invite/signup.cgi?ajax=jsonp&'+pars,dataType:'jsonp',cache: false});
                        clear_form_elements(_viewform);

			Position2();
			_light.show();
			_lay.show();
			
			_lay.click(function(){
				_light.hide();
				_lay.hide();
				return false;
				
			});
			_close.click(function(){
				_light.hide();
				_lay.hide();
				return false;
			});
			return false;
		});
	}else{
		var _light = $('.light-box2').css({opacity:0}).hide();
		var _lay = $('<div class="overlay"></div>').css({opacity:0}).appendTo($('body')).hide();
		var _close=$('a.close');
		var _view = $('.request');
		var _viewform = $('.request-form');

		var _duration = 600;
		_viewform.submit(function(){
                       	var pars = _viewform.serialize();
			$.ajax({url:'http://tool.lissly.com/invite/signup.cgi?ajax=jsonp&'+pars,dataType:'jsonp',cache: false});
                        clear_form_elements(_viewform);

			Position2();
			_light.show().animate({opacity:1}, {queue:false, duration:_duration});
			_lay.show().animate({opacity:0.7}, {queue:false, duration:_duration});
			
			_lay.click(function(){
				_light.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				_lay.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				return false;
				
			});
			_close.click(function(){
				_light.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				_lay.animate({opacity:0}, {queue:false, duration:_duration, complete:function(){$(this).hide();}});
				return false;
			});
			return false;
		});
	}
	$(window).resize(function(){
		Position2();
	});
	$(window).scroll(function(){
		Position2();
	});
	function Position2(){
		var _w = _light.outerWidth(true);
		var _h = _light.outerHeight(true);
		if (window.innerHeight){var _wx = window.innerWidth; var _wy = window.innerHeight;}
		else{_wx = document.documentElement.clientWidth; _wy = document.documentElement.clientHeight;};
		if ($('body').height()<_wy){	_lay.css({height:_wy})	}
		else{	_lay.css({height:$('body').height()});	};
		//if (_light.outerHeight()>_wy){	_light.css({height:_wy})	};
		_light.css({left:(_wx-_w)/2, top:(_wy-_h)/2+$(document).scrollTop()});
	};
};