
// 메뉴생성자 인자는 jquery로 넘겨받은 객체 //
function topMenu(container) {	
	this.container = container;	// 객체를 private변수에 넣음
	this.currentNum = 0;	// 현재 메뉴번호
	this.interval;
	this.overNum;
	this.depth1 = hn;	// 첫뎁쓰번호
	this.depth2 = sn;	// 두번째 뎁쓰번호
	this.depth3 = cn;	// 세번째 뎁쓰번호
	this.makeMenu();	// 메뉴만드는 함수를 실행
	this.makeSubMenuSet();	// 서브메뉴 만들기
	this.onFocus();		// 포커스맞추는 함수
}

topMenu.prototype.makeMenu = function() {	// 대메뉴를 생성하면서 이미지 투명도 조절 및 마우스 오버, 아웃, 클릭 정의
	this.menuArray = $('ul#main_navi > li',this.container);	// 클래스명 topMenuClass를 가진 li태그만 가져온다.
//	this.menuArray.css({opacity:1.0});	// 초기 메뉴생성시 이미지 투명도조절
	var owner = this;

	this.menuArray.each ( function(i) {
//		$(this).bind("mouseover", {index:i+1}, $.proxy(owner, "over")).css({cursor:"pointer"});
//		$(this).bind("mouseout", {index:i+1}, $.proxy(owner, "out"));
//		$(this).bind("click", {index:i+1}, $.proxy(owner, "click"));

		$(this).find("img").bind("mouseover", {index:i+1}, $.proxy(owner, "over")).css({cursor:"pointer"});
		$(this).find("img").bind("mouseout", {index:i+1}, $.proxy(owner, "out"));
		$(this).find("img").bind("click", {index:i+1}, $.proxy(owner, "click"));
	});
}

topMenu.prototype.setOver = function(num) {	// 인자로 받은 num번의 메뉴를 제외한 다른 메뉴를 애니메이션 효과를 주면서 투명도를 낮춰다.
	this.overNum = num;
	clearTimeout(this.interval);
	this.menuArray.each (function(i) {
		if (i == num-1) {
		//	$(this).stop().animate({opacity:1.0});
		} else {
		//	$(this).stop().animate({opacity:0.5});
		}
	});
}

topMenu.prototype.over = function(e) {	// 대메뉴 마우스 오버시
	clearTimeout(this.interval);	// settimeout 함수를 중지
	var index = e.data.index;	// 현재 선택된 메뉴의 index 순서대로 1,2,3,4~~~
	this.setOver(index);

	// 모든 대메뉴의 이미지를 unfocus 상태로 되돌림 //
	this.menuArray.each ( function(i) {
		var imgSrc = $(this).find('img').attr('src');
		$('> a > img',this).attr('src',imgSrc.replace(/_on.png/g,".png"));
	});

	// 현재 마우스오바가된 메뉴의 이미지를 변경함 //
	var imgSrc = $('> a > img',this.menuArray.eq(index-1)).attr('src');
	$('> a > img',this.menuArray.eq(index-1)).attr('src',imgSrc.replace(/.png$/ig,'_on.png'));

//	this.subMenuSet.hide();	// 위의 줄과 같은 내용임
//	this.menuArray.eq(index-1).find('ul').css({visibility:'visible', display:'none'}).show();	// 해당하는 메뉴만 애니메이션 효과를 주면서 출력

	for(var i=1; i<=this.subMenuSet.length; i++) {
		if(i == index) {
			if(this.subMenuSet.eq(i-1).css('display') == "none") this.subMenuSet.eq(i-1).css({visibility:'visible', display:'none'}).show('fast');
		} else {
			this.subMenuSet.eq(i-1).hide();
		}
	}
}

topMenu.prototype.out = function( e ) {	// 대메뉴 마우스아웃시

}

topMenu.prototype.click = function ( e ) {	// 대메뉴 클릭시
	var index = e.data.index;
	this.currentNum = index;
	this.setOver ( index );

	try {
		this.onClick ( index , 0 );
	} catch ( e ) {

	}

	this.subOutDelay();
}

topMenu.prototype.subOutDelay = function() {	// 메뉴 사라지게 하는 함수
	this.setOver(this.currentNum);
	clearTimeout(this.interval);
//	this.container.find(".gnbSubMenu .wrapper").stop().animate ( { top:-53 } );	// 서브메뉴를 애니메이션 효과를 주면서 위치를 -53으로 이동시키면서 없어지게함.
//	this.subMenuSet.stop.animate({top:-53});
}

topMenu.prototype.makeSubMenuSet = function() {	// 서브메뉴 만들기
	var owner = this;
	this.subMenuSet = $('ul:has(li)',this.menuArray);	// 서뷰메뉴를 가지고 있는 엘리먼트를 선택
//	this.subMenuSet.css({display:"none"});
//	this.subMenuSet.hide();

	this.subMenuSet.each(function(i) {
//		$(this).find("li").bind("mouseover", {index:i+1}, $.proxy(owner, "subOver")).css({cursor:"pointer"});
//		$(this).find("li").bind("mouseout", {index:i+1}, $.proxy(owner, "subOut"));
//		$(this).find("li").bind("click", {index:i+1}, $.proxy(owner, "subClick"));

		$(this).find("img").unbind("mouseover");	// 이벤트 삭제
		$(this).find("img").unbind("mouseout");	// 이벤트 삭제
		$(this).find("img").unbind("click");	// 이벤트 삭제

		$(this).find("img").bind("mouseover", {index:i+1}, $.proxy(owner, "subOver")).css({cursor:"pointer"});
		$(this).find("img").bind("mouseout", {index:i+1}, $.proxy(owner, "subOut"));
		$(this).find("img").bind("click", {index:i+1}, $.proxy(owner, "subClick"));

	});
}

topMenu.prototype.subOver = function(e) {	// 서브메뉴 마우스오바됐을시
	var tar = e.target;
	var index = e.data.index;	// 상위메뉴 index
	var cIndex = $(tar).parent().parent().index();	// 하위메뉴 index
	this.setOverSub(index, cIndex+1);
}

// 첫번째 인자 대메뉴의 index, 두번째 인자 서브메뉴의 index
topMenu.prototype.setOverSub = function(num, overNum) {	// 인자로 받은 num번의 메뉴를 제외한 다른 메뉴를 애니메이션 효과를 주면서 투명도를 낮춰다.
	clearTimeout ( this.interval );
	
	this.subMenuSet.find("img").each(function(i) {
		var imgSrc = $(this).attr('src');
		$(this).attr('src',imgSrc.replace(/_on.png/g,'.png'));
	});

	this.subMenuSet.eq(num-1).find("img").each(function(i) {
		if (i == overNum-1) {	// 마우스오번된 이미지 처리
			var imgSrc = $(this).attr('src');
			if(imgSrc.indexOf("_on") < 0) $(this).attr('src',imgSrc.replace(/.png$/ig,'_on.png'));
		}
	});	
}

topMenu.prototype.subOut = function ( e ) {	// 서브메뉴 마우스 아웃됐을시

}

topMenu.prototype.subClick = function ( e ) {	// 서브메뉴 마우스 클릭했을시

	var tar = e.target;
	var cIndex = $(tar).parent().parent().index();	// 하위메뉴 index

	this.currentNum = this.overNum;
	this.currentNum2 = cIndex + 1;

	this.onClick(this.currentNum, this.currentNum2);
	this.subOutDelay();
}

topMenu.prototype.resize = function() {
	var owner = this;
	this.subMenuSet.each ( function(i)
	{
		$(this).css ( { position:"absolute" , top:i*24 , left:contLeft + owner.subMenuPos[i]  } );
	} );
}

topMenu.prototype.getURL = function( num1 , num2 ) {	// 인자로 받은 값에 해당하는 정의된 배열에서 값 가져오기
/*	
	try {
		main.closeEvent();	
	} catch (e) {
	}

	var cUrl = this.menuURL[num1][num2];

	if ( location.hash == "#"+this.menuURL[num1][num2]) {
		//mainFrame.startLoad ( cUrl );
	}

	location.hash = cUrl;
*/
}

// 메뉴클릭시 common.js에 있는 link함수를 호출 //
topMenu.prototype.onClick = function(depth1, depth2) {
//	alert(depth1);
//	alert(depth2);
	if(depth2 == 0) depth2 = 1;
	link(depth1, depth2);
}

// 좌측메뉴 포커스 맞추기 //
topMenu.prototype.leftOnFocus = function() {	
	var leftUl = $('#left_navi');

	if(parseInt(this.depth2) > 0) {
		var depth2 = this.depth2-1;

		leftUl.find('>li').each(function(i) {
			var imgSrc = $(this).find('>a>img').attr('src');
			
//			if(i == depth2) if(imgSrc) $(this).find('>a>img').attr('src',imgSrc.replace(/_off.png/g,'_on.png'));	// 포커스 주기
//			else if(imgSrc) $(this).find('>a>img').attr('src',imgSrc.replace(/_on.png/g,'_off.png'));

			if(i == depth2) if(imgSrc) $(this).find('>a>img').attr('src',imgSrc.replace(/.png/g,'_on.png'));	// 포커스 주기
			else if(imgSrc) $(this).find('>a>img').attr('src',imgSrc.replace(/_on.png/g,'.png'));

		});

		if(parseInt(this.depth3) > 0) {
			var depth3 = this.depth3-1;
			leftUl.find('>li').each(function(i) {
				if(i == depth2) {
					$(this).find('>ul>li').each(function(k) {
						var imgSrc = $(this).find('>a>img').attr('src');
						if(k == depth3) if(imgSrc) $(this).find('>a>img').attr('src',imgSrc.replace(/_off.png/g,'_on.png'));
						else if(imgSrc) $(this).find('>a>img').attr('src',imgSrc.replace(/_on.png/g,'_off.png'));
					});
				}
			});
		}
	}
}

// 서브페이지에 맞게 포커스 이동 //
topMenu.prototype.onFocus = function() {

	if(parseInt(this.depth1) > 0) {
		var depth1 = this.depth1;
		this.setOver(depth1);	// 애니메이션 효과주기
		this.menuArray.each ( function(i) {
			var imgSrc = $(this).find('img').attr('src');
			$('> a > img',this).attr('src',imgSrc.replace(/_on.png/g,".png"));
		});

		var imgSrc = $('> a > img',this.menuArray.eq(depth1-1)).attr('src');
		if(imgSrc) $('> a > img',this.menuArray.eq(depth1-1)).attr('src',imgSrc.replace(/.png/g,'_on.png'));
	}

	if(parseInt(this.depth2) > 0) {
		var depth2 = this.depth2;

		this.subMenuSet.css({display:'none'});	
		this.menuArray.eq(depth1-1).find('ul').css({display:'block'});	// 해당하는 메뉴만 애니메이션 효과를 주면서 출력

		this.subMenuSet.find("img").each(function(i) {
			var imgSrc = $(this).attr('src');
			$(this).attr('src',imgSrc.replace(/_on.png/g,'.png'));
		});
		
		this.subMenuSet.eq(depth1-1).find("img").each(function(i) {
			if (i == depth2-1) {	// 마우스오번된 이미지 처리
				var imgSrc = $(this).attr('src');
				if(imgSrc.indexOf("_on") < 0) $(this).attr('src',imgSrc.replace(/.png$/ig,'_on.png'));
			}
		});
	}

	this.leftOnFocus();
}