// GNB
var gInterval;
var gTime = 500;

$(function(){
	jQuery("#gnb li").each(function(){
		jQuery(this).mouseenter(function(){
			clearInterval(gInterval);
			jQuery(this).addClass("on");
			jQuery("#gnb ul").stop(true, true).animate({height:315}, 500, "easeOutCubic");
			jQuery(".gnbBg").stop(true, true).animate({height:268}, 500, "easeOutCubic");
			if(jQuery(this).find("a>img").attr("src").indexOf("_on")==-1) {
				jQuery(this).find("a>img").attr("src", jQuery(this).find("a>img").attr("src").replace(".png", "_on.png"));
			}
		}).focusin(function(){
			jQuery(this).mouseenter();
		})
		jQuery(this).mouseleave(function(){
			clearInterval(gInterval);
			gInterval = setInterval("gnbOut()", gTime);
			jQuery(this).find("a>img").attr("src", jQuery(this).find("a>img").attr("src").replace("_on.png", ".png"));
			jQuery(this).removeClass("on");
		}).focusout(function(){
			jQuery(this).mouseleave();
		})
	})

	//인디케이터 (LNB)
	jQuery(".lnbDiv").find(".downDiv").slideUp(0);
	jQuery(".lnbDiv").find(".indi").each(function(q){
		jQuery(this).click(function(){
			if(jQuery(this).find(".downDiv").is(":hidden")) {
				jQuery(this).find(".downDiv").stop(true, true).slideDown(300);
				jQuery(this).find(".sel").addClass("on");
			} else {
				jQuery(this).find(".downDiv").stop(true, true).slideUp(300);
				jQuery(this).find(".sel").removeClass("on");
			}
		}).mouseleave(function(){
			jQuery(this).find(".downDiv").stop(true, true).slideUp(300);
			jQuery(this).find(".sel").removeClass("on");
		})
	})
});

function gnbOut() {
	jQuery("#gnb ul li").removeClass("on");
	jQuery("#gnb ul").stop(true, true).animate({height:50}, 500, "easeOutCubic");
	jQuery(".gnbBg").stop(true, true).animate({height:0}, 500, "easeOutCubic");
}