//Click login form button, check the login.
$(document).ready(function(){
	$('.login_form_button').click(function(){
		var current_loc=location.href;
		$.post("login_do.php",$('.login_form').serialize(),function(data){
			if (data.match(/checkfail/)) {
				$('<div id="dialog" title="Messages">Email or password is wrong. Please try again.</div>').dialog({zIndex:10000,height:100,modal:true});
				$('.login_form :password').focus();
			}else {
				eval("var rs="+data+";");
				window.location.href="login_session.php"+"?user_id="+rs.user_id+"&email="+rs.email+"&current_loc="+current_loc;
			}
		});
		return false;
	})
});

//Display register form.
$(document).ready(function(){
	$(".login_reg_click").click(function() {
		var winwidth = $(window).width();
		var docscrollleft = $(document).scrollLeft();
		var floatleft = docscrollleft+winwidth/2-200;
		
		var winheight = $(window).height();
		var docscrolltop = $(document).scrollTop();
		var floattop = docscrolltop+winheight/2-150;
		
		screen_show();
		$(".login_reg").fadeIn('slow').css({'left':floatleft+'px','top':floattop+'px'});
		$(".login_reg").bgiframe();
		return false;
	});
});

//Close register form.
$(document).ready(function(){
	$(".login_reg_close").click(function() {
		$(".login_reg").fadeOut('slow');
		screen_hide();								 
	});
});

//Submit register form to reg_do.php. Page will reload if register succeed.
$(document).ready(function(){
	$('.login_reg_button').click(function() {
		var current_loc=location.href;
		$.post("login_do.php",$('.login_reg_form').serialize(),function(data){
			eval("var rs="+data+";");
			if(rs.errno==0){
				$('<div id="dialog" title="Messages">'+rs.error+'</div>').
				dialog({
					zIndex:10000,
					height:100,
					modal:true
				});
				window.location.href="login_session.php"+"?user_id="+rs.user_id+"&email="+rs.email+"&current_loc="+current_loc;
			}else{
				$('<div id="dialog" title="Messages">'+rs.error+'</div>').dialog({zIndex:10000,height:100});
			}
		});
		
	});
});


//Display reset password form on every page.
$(document).ready(function(){
	$(".login_forgetpass_click").click(function() {
		
		var winwidth = $(window).width();
		var docscrollleft = $(document).scrollLeft();
		var floatleft = docscrollleft+winwidth/2-200;
		
		var winheight = $(window).height();
		var docscrolltop = $(document).scrollTop();
		var floattop = docscrolltop+winheight/2-150;
		
		
		screen_show();
		$(".login_forgetpass").fadeIn('slow').css({'left':floatleft+'px','top':floattop+'px'});
		$(".login_forgetpass").bgiframe();
		return false;
	});
});

//Close login reset password form.
$(document).ready(function(){
	$(".login_forgetpass_close").click(function() {
		$(".login_forgetpass").fadeOut('slow');
		screen_hide();								 
	});
});

//Click on reset my password, check and input and send email.
$(document).ready(function(){
	$('.login_forgetpass_button').click(function(){
		$.post("login_do.php",$('.login_forgetpass_form').serialize(),function(data){
			$('<div id="dialog" title="Messages">'+data+'</div>').dialog({zIndex:10000,height:100});
		});
		return false;
	})
});


//Display login change profile.
$(document).ready(function(){
	$('.login_logged_profile_click').click(function() {
		var winwidth = $(window).width();
		var docscrollleft = $(document).scrollLeft();
		var floatleft = docscrollleft+winwidth/2-200;
		
		var winheight = $(window).height();
		var docscrolltop = $(document).scrollTop();
		var floattop = docscrolltop+winheight/2-150;
		
		screen_show();
		$('.login_logged_profile').fadeIn('slow').css({'left':floatleft+'px','top':floattop+'px'});
		$('.login_logged_profile').bgiframe();
		return false;
	});
});

//Close my login change profile.
$(document).ready(function(){
	$('.login_logged_profile_close').click(function() {
		$('.login_logged_profile').fadeOut('slow');
		screen_hide();								 
	});
});

//Click OK on Change profile, change profile.
$(document).ready(function(){
	$('.login_logged_profile_button').click(function(){
		$.post('login_do.php',$('.login_logged_profile_form').serialize(),function(data){
			eval("var rs="+data+";");
			$('<div id="dialog" title="Messages">'+rs.error+'</div>').dialog({zIndex:10000,height:100});
		});
		return false;
	})
});

//Display login change password.
$(document).ready(function(){
	$('.login_logged_password_click').click(function() {
		var winwidth = $(window).width();
		var docscrollleft = $(document).scrollLeft();
		var floatleft = docscrollleft+winwidth/2-200;
		
		var winheight = $(window).height();
		var docscrolltop = $(document).scrollTop();
		var floattop = docscrolltop+winheight/2-150;
		
		screen_show();
		$('.login_logged_password').fadeIn('slow').css({'left':floatleft+'px','top':floattop+'px'});
		$('.login_logged_password').bgiframe();
		return false;
	});
});

//Close my login change password.
$(document).ready(function(){
	$('.login_logged_password_close').click(function() {
		$('.login_logged_password').fadeOut('slow');
		screen_hide();								 
	});
});

//Click OK on Change password, change password.
$(document).ready(function(){
	$('.login_logged_password_button').click(function(){
		$.post('login_do.php',$('.login_logged_password_form').serialize(),function(data){
			eval("var rs="+data+";");
			$('<div id="dialog" title="Messages">'+rs.error+'</div>').dialog({zIndex:10000,height:100});
		});
		return false;
	})
});


//Add a mask layer when open a new layer.
function screen_show(){
	if($("#screen").length == 0){
		$("<div id=screen></div>").appendTo("body");
	}
	$("#screen").css({ position:"absolute",
						backgroundColor:"#000000",
						width:$(document).width(),
				 	    height:$(document).height(),
					    left:0,
					    top:0,
					    zIndex:10
					 }).fadeTo("slow", 0.3);
	return false;
}

//Hide the mask layer.
function screen_hide(){
	$("#screen").css({zIndex:-1,width:0,height:0}).fadeTo("slow", 0);
}



//Function making up window slide.
var product_slide_up=function(speed){
	var spacing=147;
	var $slide_array=$("#index_centercol_product_centerup_in a");
	$slide_array.eq(0).animate({'left':spacing},speed);
	$slide_array.eq(1).animate({'left':spacing*2},speed);
	$slide_array.eq(2).animate({'left':spacing*3},speed);
	$slide_array.eq($slide_array.length-1)
		.css('left',-spacing)
		.animate({'left':0},speed,function(){
			$(this).prependTo('#index_centercol_product_centerup_in');
			product_slide_up(speed);
		});
	
}
//Function making down window slide.
var product_slide_down=function(speed){
	//alert(speed);
	var spacing=147;
	var $slide_array=$('#index_centercol_product_centerdown_in a');
	$slide_array.eq(0).animate({'left':-spacing},speed,function(){
		$(this).appendTo('#index_centercol_product_centerdown_in');
		product_slide_down(speed);
	});
	$slide_array.eq(1).animate({'left':0},speed);
	$slide_array.eq(2).animate({'left':spacing},speed);
	$slide_array.eq(3).css('left',spacing*3)
					  .animate({'left':spacing*2},speed);
}

//Create index page our product slide window.
$(document).ready(function(){
	var spacing=147;
	//Config the up window ini location.
	$("#index_centercol_product_centerup_in a").css({ 'float':'none','position':'absolute','left':1000});
	var $slide_array_up=$("#index_centercol_product_centerup_in a");
	$slide_array_up.eq(0).css('left',0);
	$slide_array_up.eq(1).css('left',spacing);
	$slide_array_up.eq(2).css('left',spacing*2);

	//Config the down window ini location.
	$("#index_centercol_product_centerdown_in a").css({ 'float':'none','position':'absolute','left':1000});
	var $slide_array_down=$("#index_centercol_product_centerdown_in a");
	$slide_array_down.eq(0).css('left',0);
	$slide_array_down.eq(1).css('left',spacing);
	$slide_array_down.eq(2).css('left',spacing*2);
	
	var speed_up=500;
	var speed_down=500;
	product_slide_up(speed_up);
	product_slide_down(speed_down);
	

    //Change the speed according to current speed.	
	$("#index_centercol_product_rightup").click(function(){
		switch (speed_up){
			case 5000: speed_up=3000;break;
			case 4000: speed_up=5000;break;
			case 3000: speed_up=4000;break;
		}
		$("#index_centercol_product_centerup_in a").stop();
		product_slide_up(speed_up);
	});
	
	$("#index_centercol_product_leftdown").click(function(){
		switch (speed_down){
			case 5000: speed_down=2000;break;
			case 2000: speed_down=1000;break;
			case 1000: speed_down=5000;break;
		}
		$("#index_centercol_product_centerdown_in a").stop();
		product_slide_down(speed_down);
	});
	
});


//When click on up product img, a large img appear.
$(document).ready(function(){
	$("#index_centercol_product_centerup_in a").click(function(){
		/*$("#index_centercol_product_centerup_in a").stop();
		$("#index_centercol_product_large_up img").remove();
		var href=$(this).attr('href');
		var slide_offset=$(this).offset();
		$("#index_centercol_product_large_up").show('slow').css({'left':slide_offset.left,'top':slide_offset.top});
		$('<img/>').attr({src:href,height:150,width:150}).prependTo(("#index_centercol_product_large_up"));*/
		return false;
	});
});

//When click on down product img, a large img appear.
$(document).ready(function(){
	$("#index_centercol_product_centerdown_in a").click(function(){
		/*$("#index_centercol_product_centerdown_in a").stop();
		$("#index_centercol_product_large_down img").remove();
		var href=$(this).attr('href');
		var slide_offset=$(this).offset();
		$("#index_centercol_product_large_down").show('slow').css({'left':slide_offset.left,'top':slide_offset.top});
		$('<img/>').attr({src:href,height:150,width:150}).prependTo(("#index_centercol_product_large_down"));*/
		return false;
	});
});

//When click on up large img, img disapper and slide contiunue.
/*$(document).ready(function(){
	$("#index_centercol_product_large_up").click(function(){
		product_slide_up(5000);
		$("#index_centercol_product_large_up").hide('slow');
		$("#index_centercol_product_large_up img").remove();
	});
});*/

//When click on down large img, img disapper and slide contiunue.
/*$(document).ready(function(){
	$("#index_centercol_product_large_down").click(function(){
		product_slide_down(5000);
		$("#index_centercol_product_large_down").hide('slow');
		$("#index_centercol_product_large_down img").remove();
	});
});*/

//Price and package page, switch the price detail list img.
$(document).ready(function(){
	$('.price_pkg_ordernow_img').hover(function(){
		$(this).attr('src','image/price_pkg_ordernow_hover.png');
	},function(){
		$(this).attr('src','image/price_pkg_ordernow.png');
	});
});

//On order pay page, click on pay now image, submit the form to paypal.
$(document).ready(function(){
	$('#order_pay_paynow,#order_pay_note_pay').click(function(){
		$('#order_pay_paynow_form').submit();
	});
});

//On FAQ page, make a accordion effect on questions.
$(document).ready(function() {
    $('#faq_leftcol_text_content').accordion({ animated:'bounceslide'});
});

//On top make live chat map.
$(document).ready(function(){
	$('.top_livechat').click(function(){
		 window.location.href='http://server.iad.liveperson.net/hc/37833908/?cmd=file&file=visitorWantsToChat&site=37833908&byhref=1';
	});
});

//Switch the img of top live chat.
$(document).ready(function(){
	$('.top_livechat_img').hover(function(){
		$(this).attr('src','image/top_livechat_2.png');
	},function(){
		$(this).attr('src','image/top_livechat_1.png');
	});
});

//Display the whole tips subject.
$(document).ready(function(){
	$('.tips_list_content ul li a').mouseover(function(){
		//$(this).next().show('slow');
	});
	$('.tips_list_content ul li a').mouseout(function(){
		//$(this).next().hide('slow');
	});
});

//Display the whole column subject.
$(document).ready(function(){
	$('.column_list_content ul li a').mouseover(function(){
		//$(this).next().show('slow');
	});
	$('.column_list_content ul li a').mouseout(function(){
		//$(this).next().hide('slow');
	});
});