https://www.hanjin.com/resources/_Js/cnavi.js

1
2var contNavi = {
3	mnObj : null,
4	mnItems:new Array(),
5	currentSeq:null,
6	initSeq:null,
7	Timer:null,subTimer:null,
8	isOver:false,isSubOver:false,
9	init:function(objId,seq){
10
11		var this_s  = this;
12		this.mnObj = $("#" + objId);
13		this.mnItems = $("dl",$(this.mnObj)) ;		
14		this.currentSeq = 0;
15
16		
17		$(".sub-list",$(this.mnObj)).bind("mouseover focus", function(){	clearTimeout(this_s.subTimer ); this_s.isSubOver = true;	});
18		$(".sub-list",$(this.mnObj)).bind("mouseout blur", function(){	clearTimeout(this_s.subTimer ); this_s.isSubOver = false;this_s.setSubMenuOutSet(100);	});
19		
20		$("dt a",$(this.mnObj)).bind("mouseover focus", function(){	 clearTimeout(this_s.subTimer ); this_s.isOver = true;this_s.isSubOver = false;this_s.setSubMenuOutSet(100); 	});
21		$(".sub-list a",$(this.mnObj)).bind("mouseover focus", function(){	clearTimeout(this_s.subTimer ); this_s.isSubOver = true;	});
22		$(".sub-list a",$(this.mnObj)).bind("mouseout blur", function(){	clearTimeout(this_s.subTimer ); this_s.isSubOver = false;this_s.setSubMenuOutSet(100); this_s.setMenuOut();	});
23
24		for (var i=0;i<this.mnItems.length ;i++ )
25		{
26			var _n = i+1;
27			$(this.mnItems[i]).attr("_n",_n);
28			$("dt a",$(this.mnItems[i])).bind("click mouseover",function(){ 
29				var n = $($(this).parents("dl").get(0)).attr("_n");
30				this_s.setMenuOn(n);
31				return false;
32			});
33			$("dt a",$(this.mnItems[i])).bind("mouseout",function(){this_s.isOver = false; this_s.setMenuOut(); });
34
35			var subHeight = $(".sub-list",$(this.mnItems[i])).css({"visibility":"hidden","display":"block"}).outerHeight();
36			$(".sub-list",$(this.mnItems[i])).attr("_h",subHeight).css({"visibility":"visible","display":"none","height":0});
37
38			//IE7 dt a �ъ씠利� 蹂댁젙
39			//alert($("dt",$(this.mnItems[i])).outerWidth());
40			//if(_isLowBr_){
41			//	$("dt",$(this.mnItems[i])).each(function(){
42			//		var _mnPad = parseInt($("a",this).css("paddingLeft")) + parseInt($("a",this).css("paddingRight"));
43			//		var _mnWidth = parseInt($("a",this).width()) + parseInt(_mnPad);
44			//		if(_mnWidth < $(this).width()){
45			//			$("a",this).width($(this).width() - _mnPad);
46			//		}
47				
48			//	});
49		//	}
50		}
51		$("dl:last",$(this.mnObj)).addClass("is-last") ;
52		//	this.setMenuOn(this.initSeq);		
53	},
54	setMenuOn:function(){
55		clearTimeout(this.Timer );
56		var this_s = this;
57		var s  = new Array();
58		for(var i=0; i<arguments.length;i++){
59			s[i] = arguments[i];	
60		}
61		
62		if(this.currentSeq !=s[0]  || this.isSubClose || s[1]!="-1"){
63			
64			//this.setSubMenuOut(this.currentSeq);
65			//$(thisMenu).addClass("over");
66			if(s[1]!="-1")		this.setSubMenuOn(s[0]);
67			
68		}
69		
70		this.currentSeq = s[0];
71	},
72	setSubMenuOn:function(seq){
73		clearTimeout(this.subTimer );
74		var this_s = this;
75
76		this_s.isSubClose = false;
77
78		//var subMenu = $(".sub-list",$(this.mnItems[seq-1]).get(0));
79
80		var _n = seq-1;
81		var thisMenu =(seq>0)?  $(this.mnItems[_n]).get(0) : null;
82		var subMenu = $(".sub-list",$(thisMenu));
83
84		var otherMenu = (seq>0)? $(this.mnItems).not(thisMenu) : this.mnItems ;
85		var otherSubMenu = $(".sub-list",$(otherMenu));
86
87
88		$(subMenu).css("visibility","visible");
89		var toHeight = $(subMenu).attr("_h");
90
91		$(subMenu).stop().show().animate({height:toHeight},200);
92		$(otherSubMenu).stop().animate({height:0},200,function(){$(this).hide();});
93		//$(subMenu).fadeIn();
94
95		//this.setSubMenuOutSet(5000);
96		
97	},
98	setSubMenuOutSet:function(time){
99		var this_s = this;
100		this.subTimer = setTimeout(function(){
101			if(!this_s.isSubOver){
102				//$(".depth3w").animate({left:-140});
103				this_s.isSubClose = true;
104				var subMenus = $(".sub-list");
105				for (i=0;i<subMenus.length ;i++ )
106				{
107					$(subMenus[i]).stop().animate({height: 0},200,function(){$(this).hide()});
108				}
109			}
110
111		},time);
112	},
113	setMenuOut:function(){
114		clearTimeout(this.Timer );
115		var this_s = this;
116		this.isOver = false;	
117		this.Timer = setTimeout(function(){
118			if(this_s.isOver==false) {
119				this_s.setSubMenuOutSet(100);
120				//this_s.setMenuOn(0,"-1");
121			}
122		},100);
123	}
124}
125
126function initCNavigation() {
127	contNavi.init("cont-navi");
128}
129
130initCNavigation();