var first, second;

function resetImage(selector) {
	selector.attr("src", selector.attr("src").replace("_on.gif", "_off.gif"));

}

function menuImageOnOff(selector, index) {

	var firstMenuImage = selector.find("img");

	firstMenuImage.each(function() {
		resetImage($(this));
	});

	firstMenuImage.eq(index).attr("src", firstMenuImage.eq(index).attr("src").replace("_off.gif", "_on.gif"));
}

$(function() {
	var depth1		= $('#gnb a.depth1');
	var li_depth1	= $('#gnb li.depth1');		
	
	var depth2		= $('#gnb a.depth2');
	var li_depth2	= $('#gnb li.depth1 ul.depth2');

	var depth3		= $('#gnb a.depth3');
	var li_depth3	= $('#gnb li.depth1 ul.depth2 ul.depth3');


	depth1.click(function(){
		li_depth1.find('ul').hide();
		$('li').removeClass('on');
		$('li').removeClass('view');

		var index = depth1.index(this);
		$('#gnb ul.depth2').eq(index).show();
		//$('#gnb ul.gnb_menu > li').eq(index).addClass('view');
		$('#gnb li.depth1 ul.depth2').eq(index).addClass('view');
		$('#gnb ul.depth2 ').find('ul').hide();

		$('.currentMenuIndex1').html(index);

		menuImageOnOff(depth1, index);		

	}).keydown(function(){
		li_depth1.find('ul').hide();
		$('li').removeClass('on');
		$('li').removeClass('view');

		var index = depth1.index(this);
		$('#gnb ul.depth2').eq(index).show();
		//$('#gnb ul.gnb_menu > li').eq(index).addClass('view');
		$('#gnb li.depth1 ul.depth2').eq(index).addClass('view');
		$('#gnb ul.depth2 ').find('ul').hide();

		$('.currentMenuIndex1').html(index);

		menuImageOnOff(depth1, index);		
	});

	depth2.mouseover(function(){ 
		li_depth2.find('ul').hide();
		li_depth3.find('ul').hide();
		$('li').removeClass('on');

		var index		= depth2.index(this);
		$('#gnb ul.depth2 > li').eq(index).addClass('on');

	
		var menu2 = parseInt($('#gnb ul.depth2 > li').eq(index).attr("rel"))-1;
		$('.currentMenuIndex2').html(menu2);

	}).focus(function(){
		li_depth2.find('ul').hide();
		li_depth3.find('ul').hide();
		$('li').removeClass('on');

		var index		= depth2.index(this);
		$('#gnb ul.depth2 > li').eq(index).addClass('on');


		var menu2 = parseInt($('#gnb ul.depth2 > li').eq(index).attr("rel"))-1;
		$('.currentMenuIndex2').html(menu2);
	});




});