//GNB

$(function(){
	var menu = ("#gnb>ul");

	$(menu).children("li").each(function(index) {
		var item = $(this);
		var sele = $(".sele");

		$(item).addClass("gnb_"+(index+1));

		$(item).mouseover( function() {
			menuOverEffect(item);
		});

		//mouse Action	
		$(item).hover( function() {
			menuOverEffect(item);
		}, function() {
			menuOutEffect(item);
		});
		
		//keyboard Action
		$(item).children("a").focus( function() {
			menuOverEffect(item);
		});
		$(item).children("ul").children("li").children("a:last").blur( function() {
			menuOutEffect(item);
		});

		//Over Event
		function menuOverEffect(target) {
			
			//$(menu).children("li").children("ul").css("visibility","hidden");
			//$(target).children("ul").css("visibility","visible");
			$(menu).children("li").removeClass("over").removeClass("sele");
			$(target).addClass("over");
		}

		//Out Event
		function menuOutEffect(target) {
			//$(target).children("ul").css("visibility","hidden");
			//$(menu).children("li.over").children("div").css("visibility","visible");
			$(target).removeClass("over");
			$(sele).addClass("sele");
		}
	});
});