$(function(){
	$(".nav li").mouseover(function(){
		var index = $(this).index();
		$(this).addClass("active").siblings("li").removeClass("active");
		$("#nav_bg").show();
		$(".header").css({"border-bottom":"2px solid #0091d7"});
		$(".sub_nav").hide();
		switch (index){
			case 0:
				$("#nav_bg").css({"left":"100px"});
			break;
			case 1:
				$("#nav_bg").css({"left":"250px"});
				$(".sub_nav").eq(0).show();
			break;
			case 2:
				$("#nav_bg").css({"left":"350px"});
				$(".sub_nav").eq(1).show();
			break;
			case 3:
				$("#nav_bg").css({"left":"450px"});
				$(".sub_nav").eq(2).show();
			break;
			case 4:
				$("#nav_bg").css({"left":"550px"});
				$(".sub_nav").eq(3).show();
			break;
			case 5:
				$("#nav_bg").css({"left":"650px"});
				$(".sub_nav").eq(4).show();
			break;
			case 6:
				$("#nav_bg").css({"left":"750px"});
				$(".sub_nav").eq(5).show();
			break;
			case 7:
				$("#nav_bg").css({"left":"56px"});
				$(".sub_nav").eq(6).show();
			break;
			case 8:
				$("#nav_bg").css({"left":"57px"});
				$(".sub_nav").eq(7).show();
			break;
			case 9:
				$("#nav_bg").css({"left":"59px"});
				$(".sub_nav").eq(8).show();
			break;
		}
	});
    $(".sub_nav").mouseleave(function(){
    	$(this).hide();
    	$(".nav li").removeClass("active");
    	$("#nav_bg").hide();
		$(".header").css({"border-bottom":"2px solid #0091d7"});
    })
})