var naviInterval;
jQuery(document).ready(function(){
	jQuery(".subGnbArea").slideUp(0);
	jQuery(".gnbList").hover(function(){
		clearInterval(naviInterval);
		jQuery(".subGnbArea").stop(true, true).slideDown(300);
	}, function(){
		clearInterval(naviInterval);
		naviInterval = setInterval("gnbClose()", 1000);
	})
	jQuery(".gnb06").hover(function(){
		clearInterval(naviInterval);
		jQuery(".subGnbArea").stop(true, true).slideDown(300);
	}, function(){
		clearInterval(naviInterval);
		naviInterval = setInterval("gnbClose()", 1000);
	})

	jQuery(".subGnbArea").hover(function(){
		clearInterval(naviInterval);
	}, function(){
		clearInterval(naviInterval);
		naviInterval = setInterval("gnbClose()", 1000);
	})

	jQuery(".gnbArea").find("li").each(function(q){
		jQuery(".gnbArea").find("li").css("cursor","pointer")
		jQuery(this).hover(function(){
			jQuery(this).find("img").attr("src", jQuery(this).find("img").attr("src").replace("_off","_on"));
		}, function(){
			jQuery(this).find("img").attr("src", jQuery(this).find("img").attr("src").replace("_on","_off"));
		})
	})

	jQuery(".subGnb").find("li").each(function(){
		jQuery(this).hover(function(){
			jQuery(this).addClass("on");

			if(jQuery(this).parents("div").attr("id") == "one"){
				jQuery(".gnbArea").find("li").eq(0).find("img").attr("src", jQuery(".gnbArea").find("li").eq(0).find("img").attr("src").replace("_off","_on"));
			}else if(jQuery(this).parents("div").attr("id") == "two"){
				jQuery(".gnbArea").find("li").eq(1).find("img").attr("src", jQuery(".gnbArea").find("li").eq(1).find("img").attr("src").replace("_off","_on"));
			}else if(jQuery(this).parents("div").attr("id") == "three"){
				jQuery(".gnbArea").find("li").eq(2).find("img").attr("src", jQuery(".gnbArea").find("li").eq(2).find("img").attr("src").replace("_off","_on"));
			}else if(jQuery(this).parents("div").attr("id") == "four"){
				jQuery(".gnbArea").find("li").eq(3).find("img").attr("src", jQuery(".gnbArea").find("li").eq(3).find("img").attr("src").replace("_off","_on"));
			}else if(jQuery(this).parents("div").attr("id") == "five"){
				jQuery(".gnbArea").find("li").eq(4).find("img").attr("src", jQuery(".gnbArea").find("li").eq(4).find("img").attr("src").replace("_off","_on"));
			}

			if(jQuery(this).children("ul").hasClass("fifth"))
			{
				if(jQuery(this).parents("div").attr("id") == "one")
				{
					jQuery(this).children("ul").css("display","");
					jQuery(".gnbArea").find("li").eq(0).addClass("on");
					jQuery(".gnbArea").find("li").eq(1).addClass("off");
					jQuery(".gnbArea").find("li").eq(2).addClass("off");
					jQuery(".gnbArea").find("li").eq(3).addClass("off");
					jQuery(".gnbArea").find("li").eq(4).addClass("off");
					
					jQuery(".subGnb").children("div").eq(0).addClass("on");
					jQuery(".subGnb").children("div").eq(1).addClass("off");
					jQuery(".subGnb").children("div").eq(2).addClass("off");
					jQuery(".subGnb").children("div").eq(3).addClass("off");
					jQuery(".subGnb").children("div").eq(4).addClass("off");

					jQuery(".gnb01").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb01").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "two")
				{
					jQuery(this).children("ul").css("display",""); 
					jQuery(".gnbArea").find("li").eq(0).addClass("off");
					jQuery(".gnbArea").find("li").eq(1).addClass("on");
					jQuery(".gnbArea").find("li").eq(2).addClass("off");
					jQuery(".gnbArea").find("li").eq(3).addClass("off");
					jQuery(".gnbArea").find("li").eq(4).addClass("off");

					jQuery(".subGnb").children("div").eq(0).addClass("off");
					jQuery(".subGnb").children("div").eq(1).addClass("on");
					jQuery(".subGnb").children("div").eq(2).addClass("off");
					jQuery(".subGnb").children("div").eq(3).addClass("off");
					jQuery(".subGnb").children("div").eq(4).addClass("off");

					jQuery(".gnb02").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb02").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "three")
				{
					jQuery(this).children("ul").css("display","");
					jQuery(".gnbArea").find("li").eq(0).addClass("off");
					jQuery(".gnbArea").find("li").eq(1).addClass("off");
					jQuery(".gnbArea").find("li").eq(2).addClass("on");
					jQuery(".gnbArea").find("li").eq(3).addClass("off");
					jQuery(".gnbArea").find("li").eq(4).addClass("off");

					jQuery(".subGnb").children("div").eq(0).addClass("off");
					jQuery(".subGnb").children("div").eq(1).addClass("off");
					jQuery(".subGnb").children("div").eq(2).addClass("on");
					jQuery(".subGnb").children("div").eq(3).addClass("off");
					jQuery(".subGnb").children("div").eq(4).addClass("off");

					jQuery(".gnb03").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb03").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "four")
				{
					jQuery(this).children("ul").css("display","");
					jQuery(".gnbArea").find("li").eq(0).addClass("off");
					jQuery(".gnbArea").find("li").eq(1).addClass("off");
					jQuery(".gnbArea").find("li").eq(2).addClass("off");
					jQuery(".gnbArea").find("li").eq(3).addClass("on");
					jQuery(".gnbArea").find("li").eq(4).addClass("off");

					jQuery(".subGnb").children("div").eq(0).addClass("off");
					jQuery(".subGnb").children("div").eq(1).addClass("off");
					jQuery(".subGnb").children("div").eq(2).addClass("off");
					jQuery(".subGnb").children("div").eq(3).addClass("on");
					jQuery(".subGnb").children("div").eq(4).addClass("off");

					jQuery(".gnb04").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb04").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "five")
				{
					jQuery(this).children("ul").css("display","");
					jQuery(".gnbArea").find("li").eq(0).addClass("off");
					jQuery(".gnbArea").find("li").eq(1).addClass("off");
					jQuery(".gnbArea").find("li").eq(2).addClass("off");
					jQuery(".gnbArea").find("li").eq(3).addClass("off");
					jQuery(".gnbArea").find("li").eq(4).addClass("on");

					jQuery(".subGnb").children("div").eq(0).addClass("off");
					jQuery(".subGnb").children("div").eq(1).addClass("off");
					jQuery(".subGnb").children("div").eq(2).addClass("off");
					jQuery(".subGnb").children("div").eq(3).addClass("off");
					jQuery(".subGnb").children("div").eq(4).addClass("on");
				}
			}

		}, function(){
			jQuery(this).removeClass("on");

			if(jQuery(this).parents("div").attr("id") == "one"){
				jQuery(".gnbArea").find("li").eq(0).find("img").attr("src", jQuery(".gnbArea").find("li").eq(0).find("img").attr("src").replace("_on","_off"));
			}else if(jQuery(this).parents("div").attr("id") == "two"){
				jQuery(".gnbArea").find("li").eq(1).find("img").attr("src", jQuery(".gnbArea").find("li").eq(1).find("img").attr("src").replace("_on","_off"));
			}else if(jQuery(this).parents("div").attr("id") == "three"){
				jQuery(".gnbArea").find("li").eq(2).find("img").attr("src", jQuery(".gnbArea").find("li").eq(2).find("img").attr("src").replace("_on","_off"));
			}else if(jQuery(this).parents("div").attr("id") == "four"){
				jQuery(".gnbArea").find("li").eq(3).find("img").attr("src", jQuery(".gnbArea").find("li").eq(3).find("img").attr("src").replace("_on","_off"));
			}else if(jQuery(this).parents("div").attr("id") == "five"){
				jQuery(".gnbArea").find("li").eq(4).find("img").attr("src", jQuery(".gnbArea").find("li").eq(4).find("img").attr("src").replace("_on","_off"));
			}
			
			if(jQuery(this).children("ul").hasClass("fifth"))
			{
				if(jQuery(this).parents("div").attr("id") == "one")
				{
					jQuery(this).children("ul").css("display","none");
					jQuery(".gnbArea").find("li").eq(0).removeClass("on");
					jQuery(".gnbArea").find("li").eq(1).removeClass("off");
					jQuery(".gnbArea").find("li").eq(2).removeClass("off");
					jQuery(".gnbArea").find("li").eq(3).removeClass("off");
					jQuery(".gnbArea").find("li").eq(4).removeClass("off");
					
					jQuery(".subGnb").children("div").eq(0).removeClass("on");
					jQuery(".subGnb").children("div").eq(1).removeClass("off");
					jQuery(".subGnb").children("div").eq(2).removeClass("off");
					jQuery(".subGnb").children("div").eq(3).removeClass("off");
					jQuery(".subGnb").children("div").eq(4).removeClass("off");

					jQuery(".gnb01").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb01").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "two")
				{
					jQuery(this).children("ul").css("display","none");
					jQuery(".gnbArea").find("li").eq(0).removeClass("off");
					jQuery(".gnbArea").find("li").eq(1).removeClass("on");
					jQuery(".gnbArea").find("li").eq(2).removeClass("off");
					jQuery(".gnbArea").find("li").eq(3).removeClass("off");
					jQuery(".gnbArea").find("li").eq(4).removeClass("off");

					jQuery(".subGnb").children("div").eq(0).removeClass("off");
					jQuery(".subGnb").children("div").eq(1).removeClass("on");
					jQuery(".subGnb").children("div").eq(2).removeClass("off");
					jQuery(".subGnb").children("div").eq(3).removeClass("off");
					jQuery(".subGnb").children("div").eq(4).removeClass("off");

					jQuery(".gnb02").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb02").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "three")
				{
					jQuery(this).children("ul").css("display","none");
					jQuery(".gnbArea").find("li").eq(0).removeClass("off");
					jQuery(".gnbArea").find("li").eq(1).removeClass("off");
					jQuery(".gnbArea").find("li").eq(2).removeClass("on");
					jQuery(".gnbArea").find("li").eq(3).removeClass("off");
					jQuery(".gnbArea").find("li").eq(4).removeClass("off");

					jQuery(".subGnb").children("div").eq(0).removeClass("off");
					jQuery(".subGnb").children("div").eq(1).removeClass("off");
					jQuery(".subGnb").children("div").eq(2).removeClass("on");
					jQuery(".subGnb").children("div").eq(3).removeClass("off");
					jQuery(".subGnb").children("div").eq(4).removeClass("off");

					jQuery(".gnb03").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb03").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "four")
				{
					jQuery(this).children("ul").css("display","none");
					jQuery(".gnbArea").find("li").eq(0).removeClass("off");
					jQuery(".gnbArea").find("li").eq(1).removeClass("off");
					jQuery(".gnbArea").find("li").eq(2).removeClass("off");
					jQuery(".gnbArea").find("li").eq(3).removeClass("on");
					jQuery(".gnbArea").find("li").eq(4).removeClass("off");

					jQuery(".subGnb").children("div").eq(0).removeClass("off");
					jQuery(".subGnb").children("div").eq(1).removeClass("off");
					jQuery(".subGnb").children("div").eq(2).removeClass("off");
					jQuery(".subGnb").children("div").eq(3).removeClass("on");
					jQuery(".subGnb").children("div").eq(4).removeClass("off");

					jQuery(".gnb04").stop().animate({"width": "150px"}, 300);
					jQuery(".subGnb04").stop().animate({"width": "170px"}, 300);
				}
				else if(jQuery(this).parents("div").attr("id") == "five")
				{
					jQuery(this).children("ul").css("display","none");
					jQuery(".gnbArea").find("li").eq(0).removeClass("off");
					jQuery(".gnbArea").find("li").eq(1).removeClass("off");
					jQuery(".gnbArea").find("li").eq(2).removeClass("off");
					jQuery(".gnbArea").find("li").eq(3).removeClass("off");
					jQuery(".gnbArea").find("li").eq(4).removeClass("on");

					jQuery(".subGnb").children("div").eq(0).removeClass("off");
					jQuery(".subGnb").children("div").eq(1).removeClass("off");
					jQuery(".subGnb").children("div").eq(2).removeClass("off");
					jQuery(".subGnb").children("div").eq(3).removeClass("off");
					jQuery(".subGnb").children("div").eq(4).removeClass("on");
				}
			}
		})
	})
})

function gnbClose()
{
	clearInterval(naviInterval);
	jQuery(".subGnbArea").stop(true, true).slideUp(300);
}