$(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_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();
	}
	
	$("#tab1").click(function(){
		hideAll_3();
		$("#tabCon1").show();
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab1").addClass("nonceTab");
	});
	$("#tab2").click(function(){
		hideAll_3();				   
		$("#tabCon2").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab2").addClass("nonceTab");
	});
	$("#tab3").click(function(){
		hideAll_3();	
		$("#tabCon3").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab3").addClass("nonceTab");
	});
	$("#tab4").click(function(){
		hideAll_3();	
		$("#tabCon4").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab5").removeClass("nonceTab");
		$("#tab4").addClass("nonceTab");
	});
	$("#tab5").click(function(){
		hideAll_3();						   
		$("#tabCon5").show();
		$("#tab1").removeClass("nonceTab");
		$("#tab2").removeClass("nonceTab");
		$("#tab3").removeClass("nonceTab");
		$("#tab4").removeClass("nonceTab");
		$("#tab5").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();
	}
	
	$(".tab1").click(function(){
		hideAll_33();
		$(".tabCon1").show();
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab1").addClass("nonceTab");
	});
	$(".tab2").click(function(){
		hideAll_33();				   
		$(".tabCon2").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab2").addClass("nonceTab");
	});
	$(".tab3").click(function(){
		hideAll_33();	
		$(".tabCon3").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab3").addClass("nonceTab");
	});
	$(".tab4").click(function(){
		hideAll_33();	
		$(".tabCon4").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab5").removeClass("nonceTab");
		$(".tab4").addClass("nonceTab");
	});
	$(".tab5").click(function(){
		hideAll_33();						   
		$(".tabCon5").show();
		$(".tab1").removeClass("nonceTab");
		$(".tab2").removeClass("nonceTab");
		$(".tab3").removeClass("nonceTab");
		$(".tab4").removeClass("nonceTab");
		$(".tab5").addClass("nonceTab");
	});
	
	
});