/* * KT&G Project * 2011
 * * gnb.js * * 
 */ /* ---------------------------------- */
 /* Initialize */ 
var mobileKeyWords = new Array('iPhone', 'iPod', 'iPad', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT','SAMSUNG', 'SonyEricsson'); 
   
var mobile = false; 
   
var $hn = -1;    
var $sn = -1;    
var c_hn = -1;    
var c_sn = -1;    
var c_cn = -1;    
var timer;    
var xAry = [0,83,170,280,230,160];    
var wAry = [500,320,322,267,320,400];    
var aniTime= 300;    
 
function gnb(num1,num2) {
	$hn=num1-1;  
	$sn=num2-1;    
   
	if ($hn>-1) { 
		overChk($hn,$sn,"true"); 
	} 
	if($('#gnb').length){
		addEvent(); 
	}	
} 
function addEvent() { 
	//$(".dMenu").bind("mouseout",  function(){ startTimer() } ); 
	$(".dMenu").bind("mouseover",  function(){ overChk($(".dMenu").index(this)) } ); 
	$(".dMenu").bind("click",  function() { overChk($(".dMenu").index(this)) } ); 
	$(".mMenu > li").find(".sMenu li").bind("mouseover focusin",	function() {		
		overChk($(".mMenu > li").index($(this).parent().parent()), $( $(this).parent().children()).index($(this))) ;
	} );
	//$(".sn").bind("mouseout",  function(){ startTimer() } ); 
	$(".sn").bind("mouseover",  function(){ 
		overChk(c_hn, $("#sCont"+ c_hn+" .sn").index(this) ); 
	} ); 
	$(".sn").bind("click",  function(){ 
		onClick(c_hn, $("#sCont"+ c_hn+" .sn").index(this) ); 
	} ); 

	var $gnb = $('#gnb').find('.mMenu');

	//활성화 표시
	$gnb.children().each(function(){	
		if($(this).hasClass('sel')){
			showGnb($(this));
		};
	});
	
	function hideGnb(){
		$gnb.children().each(function(){		
			var source1 = $(this).find('.dMenu').attr('src').replace('on.gif','off.gif');
			$(this).find('.dMenu').attr('src',source1);

			if($(this).hasClass('active')){
				$(this).removeClass('active').find('ul.sMenu').hide();
			}
			if($(this).hasClass('sel')){
				 if($('#gnb').length) $(this).find('ul.sMenu').show();
			}
		});
	}

	function showGnb(self){
		var $self = self;
		
		var source2 = $self.find('.dMenu').attr('src').replace('off.gif','on.gif');
		$self.find('.dMenu').attr('src',source2);

		if($('#gnb').length) $('ul.sMenu').hide();			
		if($('#gnb').length) $self.find('ul.sMenu').show();
		stopInterval();
	}

	//GNB 1Depth 영역 mouseOver일 경우
	$gnb.children().bind('mouseenter focusin',function(e){		
		stopInterval();

		var $self = $(this);
		//var idx = $gnb.children().index(this);
		if($self.hasClass('active')){
			return false;
		}

		hideGnb();
		$self.addClass('active');
		showGnb($self);
	});

	//GNB 영역 벗어날 경우
	$gnb.bind('mouseleave',function(e){
		startTimer();
	});

	function startTimer() { 
		timer = setTimeout(function(){
			overChk($hn,$sn);
			hideGnb();				
			$gnb.children().each(function(){
				if($(this).hasClass('sel')){
					showGnb($(this));
				};
			});
			stopInterval();
		}, 500 );
	}

	function stopInterval(){
		clearTimeout(timer); 
	}
}
 
function overChk(num, snum, init){
	clearTimeout(timer); 

   	if (c_hn != num || c_sn != snum) { 
		c_hn = num; 
		c_sn = snum; 
		
		//$("#sCont"+ c_hn).show();
		
		for (var i = 0 ;   i<$(".dMenu").size();    i++) { 
			//1Depth rollOver
			if (i== num) {
				$($(".dMenu")[i]).attr("src",$($(".dMenu")[i]).attr("src").replace("off.gif","on.gif"))
				$($(".mMenu >li")[i]).addClass('sel');
			} 
			else { 
				$($(".dMenu")[i]).attr("src",$($(".dMenu")[i]).attr("src").replace("on.gif","off.gif"))
				$($(".mMenu >li")[i]).removeClass('sel');				
		    } 
			//2Depth rollOver
			for (var n= 0; n<$("#sCont"+i+" .sn").size(); n++) {
				var clip = $($("#sCont"+i+" .sn")[n]);
				if (i== num && n==snum) {
					clip.attr("src",clip.attr("src").replace("off.gif","on.gif"))
				}
				else {
					clip.attr("src",clip.attr("src").replace("on.gif","off.gif"))
				}
			}
		}

	}
	else {
		onClick(num,snum);
	}
} 
/*
function startTimer() { 
	timer = setTimeout('overChk('+$hn+','+$sn+')',500); 
} */

function onClick(num1, num2) {
	trace("click : " + num1 + " , " + num2); 
} 
function trace(str) { 
	//$(".trace").html(str+"" + $(".trace").html()); 
}