$(document).ready(function(){
		
	$("#navLi").toggle(
	  function () {
		$("#navLiBox").slideDown("slow");
	  },
	  function () {
		$("#navLiBox").slideUp("slow");
		}); 
	
	
	
	 
	function hideAll()
	{
		$("#PopBox").fadeOut("slow");
		
	}
	
	$("#openPop").click(function(){
		hideAll();
		var left = (($("body").width() - $("#PopBox").width())/2) + "px";
		$("#PopBox").css("left",left);
		$("#PopBox").fadeIn("slow");	
		
	});
	$("#close").click(function(){
		hideAll();	
	});	
	
	
	function hideAll_323()
	{
		$("#PopBox2").fadeOut("slow");
		
	}
	
	$("#openPop2").click(function(){
		hideAll_323();
		var left = (($("body").width() - $("#PopBox2").width())/2) + "px";
		$("#PopBox2").css("left",left);
		$("#PopBox2").fadeIn("slow");	
		
	});
	$("#close2").click(function(){
		hideAll_323();	
	});	
	
	
	
	function hideAll_2()
	{
		$("#openBoxCon").hide();
		$("#closeCon").hide();
	}
	$(".openBox").click(function(){
		hideAll_2();
		var left = (($("body").width() - $("#openBoxCon").width())/2) + "px";
		$("#openBoxCon").css("left",left);
		$("#openBoxCon").show();	
	});
	$("#closeImg").click(function(){
		hideAll_2();	
		$(".openBox").show();			   
	});
		
	
	
	$("#fitment1").click(function(){
		$("#fitmentTable").show();
	});
	$("#fitment2").click(function(){
		$("#fitmentTable").show();
	});
	$("#fitment3").click(function(){
		$("#fitmentTable").show();
	});
	$("#fitment4").click(function(){
		$("#fitmentTable").hide();
	});
	
	
	
	
	var timeout;
	$("#star").mouseover(function(){
		$("#starCo").show();
	});
	$("#star").mouseout(function(){
		timeout = setTimeout(function(){
				$("#starCo").hide();
			},100);
	
	});
	$("#starCo").mouseover(function(){
			clearTimeout(timeout);
			$("#starCo").show();
		});
	
	$("#starCo").mouseout(function(){
			$("#starCo").hide();
		});
	
	
	
	
	
	
	
	function hideAll_3()
	{
		$("#tabCon1").hide();
		$("#tabCon2").hide();
		$("#tabCon3").hide();
		$("#tabCon4").hide();
		$("#tabCon5").hide();
		$("#tabCon6").hide();
	}
	
	$("#tab1").click(function(){
		hideAll_3();
		$("#tabCon1").show();
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab6").removeClass("nonceTab");
		$("#tab1").addClass("nonceTab");
	});
	$("#tab2").click(function(){
		hideAll_3();				   
		$("#tabCon2").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab6").removeClass("nonceTab");
		$("#tab2").addClass("nonceTab");
	});
	$("#tab3").click(function(){
		hideAll_3();	
		$("#tabCon3").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab6").removeClass("nonceTab");
		$("#tab3").addClass("nonceTab");
	});
	$("#tab4").click(function(){
		hideAll_3();	
		$("#tabCon4").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab6").removeClass("nonceTab");
		$("#tab4").addClass("nonceTab");
	});
	$("#tab5").click(function(){
		hideAll_3();						   
		$("#tabCon5").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab6").removeClass("nonceTab");
		$("#tab5").addClass("nonceTab");
	});
	$("#tab6").click(function(){
		hideAll_3();						   
		$("#tabCon6").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab6").addClass("nonceTab");
	});
	
	
	
	
	
	function hideAll_4()
	{
		$("#openBoxCon_2").hide();
		$("#closeCon_2").hide();
	}
	$("#openBox_2").click(function(){
		hideAll_4();
		$("#openBoxCon_2").show();	
		$("#openBox_2").hide();
	});
	$("#close_2").click(function(){
		hideAll_4();	
		$("#openBox_2").show();			   
	});
	
	
	
	
	
	$(".rubricWeb").click(function(){
		location.href = "../column/rubric.aspx";
	});
	
	
	
	$("#rubric01 li").mousemove(function(){
		$("#rubric1Box").show();
	});
	$("#rubric01 li").mouseout(function(){
		$("#rubric1Box").hide();
	});
	
	$("#rubric02 li").mousemove(function(){
		$("#rubric2Box").show();
	});
	$("#rubric02 li").mouseout(function(){
		$("#rubric2Box").hide();
	});
	
	$("#rubric03 li").mousemove(function(){
		$("#rubric3Box").show();								 	
	});
	$("#rubric03 li").mouseout(function(){
		$("#rubric3Box").hide();
	});
	
	$("#rubric04 li").mousemove(function(){
		$("#rubric4Box").show();
	});
	$("#rubric04 li").mouseout(function(){
		$("#rubric4Box").hide();
	});
	
	$("#rubric05 li").mousemove(function(){
		$("#rubric5Box").show();
	});
	$("#rubric05 li").mouseout(function(){
		$("#rubric5Box").hide();
	});
	
	
	$("#rubric1_a").click(function(){
		$(".key_1_b").show();
	});
	$("#rubric1_b").click(function(){
		$(".key_1_a").show();
	});
	$("#rubric1_c").click(function(){
		$(".key_1_c").show();
	});
	
	$("#rubric2_a").click(function(){
		$(".key_2_b").show();
	});
	$("#rubric2_b").click(function(){
		$(".key_2_a").show();
	});
	$("#rubric2_c").click(function(){
		$(".key_2_c").show();
	});
	
	
	$("#rubric3_a").click(function(){
		$(".key_3_a").show();
	});
	$("#rubric3_b").click(function(){
		$(".key_3_b").show();
	});
	$("#rubric3_c").click(function(){
		$(".key_3_c").show();
	});
	
	$("#rubric4_a").click(function(){
		$(".key_4_b").show();
	});
	$("#rubric4_b").click(function(){
		$(".key_4_c").show();
	});
	$("#rubric4_c").click(function(){
		$(".key_4_a").show();
	});
	
	$("#rubric5_a").click(function(){
		$(".key_5_b").show();
	});
	$("#rubric5_b").click(function(){
		$(".key_5_a").show();
	});
	$("#rubric5_c").click(function(){
		$(".key_5_c").show();
	});
	
	
	
	function hideAll_33()
	{
		$(".tabCon1").hide();
		$(".tabCon2").hide();
		$(".tabCon3").hide();
		$(".tabCon4").hide();
		$(".tabCon5").hide();
		$(".tabCon6").hide();
	}
	
	$(".tab1").click(function(){
		hideAll_33();
		$(".tabCon1").show();
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab6").removeClass("nonceTab");
		$(".tab1").addClass("nonceTab");
	});
	$(".tab2").click(function(){
		hideAll_33();				   
		$(".tabCon2").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab6").removeClass("nonceTab");
		$(".tab2").addClass("nonceTab");
	});
	$(".tab3").click(function(){
		hideAll_33();	
		$(".tabCon3").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab6").removeClass("nonceTab");
		$(".tab3").addClass("nonceTab");
	});
	$(".tab4").click(function(){
		hideAll_33();	
		$(".tabCon4").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab6").removeClass("nonceTab");
		$(".tab4").addClass("nonceTab");
	});
	$(".tab5").click(function(){
		hideAll_33();						   
		$(".tabCon5").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab6").removeClass("nonceTab");
		$(".tab5").addClass("nonceTab");
	});
	$(".tab6").click(function(){
		hideAll_33();						   
		$(".tabCon6").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab6").addClass("nonceTab");
	});

	
	function hideAll_35()
	{
		$(".tabzc1").hide();
		$(".tabzc2").hide();
		$(".tabzc3").hide();
	}
	
	$(".tabz1").click(function(){
		hideAll_35();
		$(".tabzc1").show();
		$(".tabz2").removeClass("nonceTab");
		$(".tabz3").removeClass("nonceTab");
		$(".tabz1").addClass("nonceTab");
	});
	$(".tabz2").click(function(){
		hideAll_35();
		$(".tabzc2").show();
		$(".tabz1").removeClass("nonceTab");
		$(".tabz3").removeClass("nonceTab");
		$(".tabz2").addClass("nonceTab");
	});
	$(".tabz3").click(function(){
		hideAll_35();
		$(".tabzc3").show();
		$(".tabz1").removeClass("nonceTab");
		$(".tabz2").removeClass("nonceTab");
		$(".tabz3").addClass("nonceTab");
	});
	
	$("#btnsend").click(function(){
	      var validate_Email=	/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
	      var flag=0;
	      var nickname="";
	      var email="";
	      for(i=1;i<5;i++)
	      {
	        if(($("#txtnickname"+i).val()!="")&&($("#txtemail"+i).val()!=""))
	        {
	            if(validate_Email.test($("#txtemail"+i).val()))
	            {
	                flag++;
	                nickname+=$("#txtnickname"+i).val()+",";
	                email+=$("#txtemail"+i).val()+",";
	            }
	        }
	      }	  
	      if(flag>0)
	      {
	        $.ajax({
	            type:"post",
	            url:"SendEmail.aspx?d="+ new Date(),
	            data:"nicknames="+nickname+"&emails="+email,
	            success:function(flag){
	                if(flag==1)
	                {
	                    alert("邀请好友成功!");
	                    $("#PopBox2").hide();
	                }
	                else
	                {
	                    alert("邀请好友失败!");
	                }
	            }
	        });
	      } 
	      else
	      {
	        alert("请检查您的输入信息!");
	      }   	      	      
     });
	
	
	
	
	function hideAll_153()
	{
		$(".tabxc1").hide();
		$(".tabxc2").hide();
		$(".tabxc3").hide();
		$(".tabxc4").hide();
		$(".tabxc5").hide();
		$(".tabxc6").hide();
		$(".tabxc7").hide();
	}
	
	$(".tabx1").click(function(){
		hideAll_153();
		$(".tabxc1").show();
		$(".tabx2").removeClass("nonceTab");
		$(".tabx3").removeClass("nonceTab");
		$(".tabx4").removeClass("nonceTab");
		$(".tabx5").removeClass("nonceTab");
		$(".tabx6").removeClass("nonceTab");
		$(".tabx7").removeClass("nonceTab");
		$(".tabx1").addClass("nonceTab");
	});
	$(".tabx2").click(function(){
		hideAll_153();				   
		$(".tabxc2").show();
		$(".tabx1").removeClass("nonceTab");
		$(".tabx3").removeClass("nonceTab");
		$(".tabx4").removeClass("nonceTab");
		$(".tabx5").removeClass("nonceTab");
		$(".tabx6").removeClass("nonceTab");
		$(".tabx7").removeClass("nonceTab");
		$(".tabx2").addClass("nonceTab");
	});
	$(".tabx3").click(function(){
		hideAll_153();	
		$(".tabxc3").show();
		$(".tabx1").removeClass("nonceTab");
		$(".tabx2").removeClass("nonceTab");
		$(".tabx4").removeClass("nonceTab");
		$(".tabx5").removeClass("nonceTab");
		$(".tabx6").removeClass("nonceTab");
		$(".tabx7").removeClass("nonceTab");
		$(".tabx3").addClass("nonceTab");
	});
	$(".tabx4").click(function(){
		hideAll_153();	
		$(".tabxc4").show();
		$(".tabx1").removeClass("nonceTab");
		$(".tabx2").removeClass("nonceTab");
		$(".tabx3").removeClass("nonceTab");
		$(".tabx5").removeClass("nonceTab");
		$(".tabx6").removeClass("nonceTab");
		$(".tabx7").removeClass("nonceTab");
		$(".tabx4").addClass("nonceTab");
	});
	$(".tabx5").click(function(){
		hideAll_153();						   
		$(".tabxc5").show();
		$(".tabx1").removeClass("nonceTab");
		$(".tabx2").removeClass("nonceTab");
		$(".tabx3").removeClass("nonceTab");
		$(".tabx4").removeClass("nonceTab");
		$(".tabx6").removeClass("nonceTab");
		$(".tabx7").removeClass("nonceTab");
		$(".tabx5").addClass("nonceTab");
	});
	$(".tabx6").click(function(){
		hideAll_153();						   
		$(".tabxc6").show();
		$(".tabx1").removeClass("nonceTab");
		$(".tabx2").removeClass("nonceTab");
		$(".tabx3").removeClass("nonceTab");
		$(".tabx4").removeClass("nonceTab");
		$(".tabx5").removeClass("nonceTab");
		$(".tabx7").removeClass("nonceTab");
		$(".tabx6").addClass("nonceTab");
	});
	$(".tabx7").click(function(){
		hideAll_153();						   
		$(".tabxc7").show();
		$(".tabx1").removeClass("nonceTab");
		$(".tabx2").removeClass("nonceTab");
		$(".tabx3").removeClass("nonceTab");
		$(".tabx4").removeClass("nonceTab");
		$(".tabx5").removeClass("nonceTab");
		$(".tabx6").removeClass("nonceTab");
		$(".tabx7").addClass("nonceTab");
	});
	
});




$(function(){
    var page = 1;
    var i = 6; //每版放6个图片
    //向后 按钮
    $("span.next").click(function(){    //绑定click事件
	     var $parent = $(this).parents("div.imgshow");//根据当前点击元素获取到父元素
		 var $imgshow = $parent.find("div.img_content_list"); //寻找到“视频内容展示区域”
		 var $img_content = $parent.find("div.img_content"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $img_content.width() ;
		 var len = $imgshow.find("li").length;
		 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$imgshow.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			  if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$imgshow.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
				page = 1;
				}else{
				$imgshow.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
				page++;
			 }
		 }
		 $parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
   });
    //往前 按钮
    $("span.prev").click(function(){
	     var $parent = $(this).parents("div.imgshow");//根据当前点击元素获取到父元素
		 var $imgshow = $parent.find("div.img_content_list"); //寻找到“视频内容展示区域”
		 var $img_content = $parent.find("div.img_content"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $img_content.width();
		 var len = $imgshow.find("li").length;
		 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$imgshow.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
		 	 if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$imgshow.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$imgshow.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
		$parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
    });
});



$(function(){
	    var $div_li =$("div.tab_menu ul li");
	    $div_li.click(function(){
			$(this).addClass("selected")            //当前<li>元素高亮
				   .siblings().removeClass("selected");  //去掉其他同辈<li>元素的高亮
            var index =  $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
			$("div.tab_box > div")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
					.eq(index).show()   //显示 <li>元素对应的<div>元素
					.siblings().hide(); //隐藏其他几个同辈的<div>元素
		}).hover(function(){
			$(this).addClass("hover");
		},function(){
			$(this).removeClass("hover");
		})
})