/*导航条：鼠标移到大类标题显示对应的小类标题：Start*/
$(function () {		
	
	$('#mainMenu li.outlist').mouseover(function(){
		$(this).addClass("hover");
	}).mouseout(function(){
	    $(this).removeClass("hover");}),	
	
	/*产品类别*/
	$(".list").mouseover(function(){
			$(".list.sel").removeClass("sel");
			$(this).addClass("sel");
		})
})
/*导航条：鼠标移到大类标题显示对应的小类标题：End*/


/*热卖排行：鼠标移到标题上时显示对应的产品信息：Start*/
$(function () {		
	
	$('.index_left_4 li').mouseover(function(){
		$('.index_left_4 li.sel').removeClass("sel");
		$(this).addClass("sel");
	})
		
})
/*热卖排行：鼠标移到标题上时显示对应的产品信息：End*/


/*热门分类：鼠标移到大类标题显示对应的小类标题：Start*/
$(function () {		
	
		$(".Top_Categories .content ul").mouseover(function(){
			$(this).addClass("sel");
		}).mouseout(function(){
			$(this).removeClass("sel");
		})
})
/*热门分类：鼠标移到大类标题显示对应的小类标题：End*/


/*图片切换效果：鼠标移到小图片显示对应的大图片：Start*/
$(function () {

	$("#pics_show .pics li").eq(0).addClass("picsplayon");

	$(".about_products li a").click(function(){
			$(".about_products li a.sel").removeClass("sel");
			$(this).addClass("sel");
			$(".about_content.sel").removeClass("sel");
			$($(".about_content")[$(this).attr("tag")]).addClass("sel");
		})
	$(".products_side_list h2 span").click(function(){
										   $(this).parent().parent().removeClass("sel");
													})
	$(".about_products li a").eq(0).click(function(){
			$(".about_products li a.sel").removeClass("sel");
			$(this).addClass("sel");
			$(".about_content.sel").removeClass("sel");
			$(".about_content").addClass("sel");
		})
		
	//图片切换脚本
	//图片隐藏
	$("#pics_show .show li").hide();
	//显示第一张，并给相应的li加class (用于标记这张图片目前显示)
	$("#pics_show .show li").eq(0).fadeIn("slow").addClass("shows");
	//鼠标经过小图时脚本 //用tag标记小图序号
	$("#pics_show .pics li").mouseover(function(){
		clearInterval(autoTime);
		autoTime=null;
		//鼠标经过中间小图时，把左右两个按钮都激活（可能经过之前，左边或右边处于禁用状态）
		if($(this).attr("tag")<4&&$(this).attr("tag")>0){$("#pics_show .left").find("a").removeClass("no");$("#pics_show .right").find("a").removeClass("no");}
		//鼠标经过第1张图片时，把左按钮禁用，把右按钮都激活（可能经过之前，右边处于禁用状态）
		else{ if($(this).attr("tag")==0)$("#pics_show .left").find("a").addClass("no");$("#pics_show .right").find("a").removeClass("no");}
		//鼠标经过最后一张图片时，把右按钮禁用，把左钮都激活（可能经过之前，左边处于禁用状态）
		if($(this).attr("tag")==4){$("#pics_show .right").find("a").addClass("no");$("#pics_show .left").find("a").removeClass("no");}
		//图片切换脚本
		//隐藏当前显示图片，并去除标记class
		$("#pics_show .show li.shows").hide().removeClass("shows");
		//显示鼠标经过小图所对应图片，并标记class
		$("#pics_show .show li").eq($(this).attr("tag")).fadeIn().addClass("shows");
		}),
	//鼠标点击左侧按钮脚本 //用tag标记大图序号
	$("#pics_show .pics li").mouseout(function(){
											   if(autoTime==null){
          autoTime=setInterval("autoPlaypic()",playTimes*1000);
											   }
											   });
	$("#pics_show .left").click(function(){
		//如果切换前显示的图片不是第1张，执行切换
		if($("#pics_show .show li.shows").attr("tag")>0){
			//如果切换前显示的是最后一张，将右按钮激活
			if($("#pics_show .show li.shows").attr("tag")==4){$("#pics_show .right").find("a").removeClass("no");}
			//如果切换前显示的是第2张，将左按钮禁用
			if($("#pics_show .show li.shows").attr("tag")==1){$(this).find("a").addClass("no");}
			//切换（隐藏当前，显示前一张，并切换标记）
			autosetborder();
			$("#pics_show .show li.shows").hide().removeClass("shows").prev().fadeIn().addClass("shows");}
		//否则，不执行切换
		else{}
		}),
	//鼠标点击右侧按钮脚本 //用tag标记大图序号
	$("#pics_show .right").click(function(){
		//如果切换前显示的图片不是最后一张，执行切换
		if($("#pics_show .show li.shows").attr("tag")<4){
			//如果切换前显示的是第1张，将左按钮激活
			if($("#pics_show .show li.shows").attr("tag")==0){$("#pics_show .left").find("a").removeClass("no");}
			//如果切换前显示的是最后第二张，将右按钮激活
			if($("#pics_show .show li.shows").attr("tag")==3){$(this).find("a").addClass("no");}
			//切换（隐藏当前，显示后一张，并切换标记）
			autosetborder();
			$("#pics_show .show li.shows").hide().removeClass("shows").next().fadeIn().addClass("shows");}
		//否则，不执行切换
		else{}
		})
})

function autoPlaypic(){
		//如果切换前显示的图片不是最后一张，执行切换
		if($("#pics_show .show li.shows").attr("tag")<4){
			//如果切换前显示的是第1张，将左按钮激活
			if($("#pics_show .show li.shows").attr("tag")==0){$("#pics_show .left").find("a").removeClass("no");}
			//如果切换前显示的是最后第二张，将右按钮激活
			if($("#pics_show .show li.shows").attr("tag")==3){$(this).find("a").addClass("no");}
			//切换（隐藏当前，显示后一张，并切换标记）
			autosetborder();

			$("#pics_show .show li.shows").hide().removeClass("shows").next().fadeIn().addClass("shows");}
		//否则，不执行切换
		else{
		$("#pics_show .show li").eq(0).fadeIn("slow").addClass("shows");
		$("#pics_show .pics li").eq(4).removeClass("picsplayon");
		$("#pics_show .pics li").eq(0).addClass("picsplayon");
		oldfuck=0;
			}
}
var playTimes=9;//自动播放间隔（秒）
var autoTime=null;
function startPlaypic(){	
	autoTime=setInterval("autoPlaypic()",playTimes*1000);
}
var startTime=setTimeout("startPlaypic()",playTimes*1000);
var oldfuck=0;
function autosetborder(){
			var fucks=Math.floor($("#pics_show .show li.shows").attr("tag"));
			$("#pics_show .pics li").eq(oldfuck).removeClass("picsplayon");
			$("#pics_show .pics li").eq(fucks+1).addClass("picsplayon");
			oldfuck=fucks+1;
}
/*图片切换效果：鼠标移到小图片显示对应的大图片：End*/