https://peder.sk/sk/templates/at_minerva/at_menu/at_menu/at.menu.js

1if (typeof(MooTools) != 'undefined'){
2
3		var subnav = new Array();
4
5		Element.extend(
6		{
7			hide: function(timeout) 
8			{
9				this.status = 'hide';
10				clearTimeout (this.timeout);
11				if (timeout)
12				{
13					this.timeout = setTimeout (this.anim.bind(this), timeout);
14				}else{
15					this.anim();
16				}
17			},
18					
19			show: function(timeout) 
20			{
21				this.status = 'show';
22				clearTimeout (this.timeout);
23				if (timeout)
24				{
25					this.timeout = setTimeout (this.anim.bind(this), timeout);
26				}else{
27					this.anim();
28				}
29			},
30
31			setActive: function () {
32				//this.addClass(classname);
33				this.className+='sfhover';
34				/*
35				for(var i=0;i<this.childNodes.length; i++) {
36					if(this.childNodes[i].nodeName.toLowerCase() == 'a') {
37						//$(this.childNodes[i]).addClass(classname);
38						$(this.childNodes[i]).setActive();
39						return;
40					}
41				}
42				*/
43			},
44
45			setDeactive: function () {
46				//this.removeClass(classname);
47				this.className=this.className.replace(new RegExp("sfhover\\b"), "");
48				/*
49				for(var i=0;i<this.childNodes.length; i++) {
50					if(this.childNodes[i].nodeName.toLowerCase() == 'a') {
51						$(this.childNodes[i]).setDeactive();
52						return;
53					}
54				}
55				*/
56			},
57
58			anim: function() {
59				if ((this.status == 'hide' && this.style.left != 'auto') || (this.status == 'show' && this.style.left == 'auto' && !this.hidding)) return;
60				this.setStyle('overflow', 'hidden');
61				if (this.status == 'show') {
62					this.hidding = 0;
63					this.hideAll();
64					//this.parentNode.setActive();
65				} else {
66					//this.parentNode.setDeactive();
67				}
68
69				if (this.status == 'hide')
70				{
71					this.hidding = 1;
72					this.myFx1.stop();
73					this.myFx2.stop();
74					this.myFx1.start(1,0);
75					if (this.parent._id) this.myFx2.start(this.offsetWidth,0);
76					else this.myFx2.start(this.offsetHeight,0);
77				} else {
78					this.setStyle('left', 'auto');
79					this.myFx1.stop();
80					this.myFx2.stop();
81					this.myFx1.start(0,1);
82					if (this.parent._id) this.myFx2.start(0,this.mw);
83					else this.myFx2.start(0,this.mh);
84				}
85			},
86
87			init: function() {
88				this.mw = this.clientWidth;
89				this.mh = this.clientHeight;
90				this.myFx1 = new Fx.Style(this, 'opacity');
91				this.myFx1.set(0);
92				if (this.parent._id)
93				{
94					this.myFx2 = new Fx.Style(this, 'width');
95					this.myFx2.set(0);
96				}else{
97					this.myFx2 = new Fx.Style(this, 'height');
98					//this.myFx2.set(0);
99				}
100				this.setStyle('left', '-999em');
101				animComp = function(){
102					if (this.status == 'hide')
103					{
104						this.setStyle('left', '-999em');
105						this.hidding = 0;
106					}
107					this.setStyle('overflow', '');
108				}
109				this.myFx2.addEvent ('onComplete', animComp.bind(this));
110			},
111
112			hideAll: function() {
113				for(var i=0;i<subnav.length; i++) {
114					if (!this.isChild(subnav[i]))
115					{
116						subnav[i].hide(0);
117					}
118				}
119			},
120
121			isChild: function(_obj) {
122				obj = this;
123				while (obj.parent)
124				{
125					if (obj._id == _obj._id)
126					{
127						//alert(_obj._id);
128						return true;
129					}
130					obj = obj.parent;
131				}
132				return false;
133			}
134
135
136		});
137		
138
139		var DropdownMenu = new Class({	
140			initialize: function(element)
141			{
142				//$(element).mh = 0;
143				$A($(element).childNodes).each(function(el)
144				{
145					if(el.nodeName.toLowerCase() == 'li')
146					{
147						//if($(element)._id) $(element).mh += 30;
148						$A($(el).childNodes).each(function(el2)
149						{
150							if(el2.nodeName.toLowerCase() == 'ul')
151							{
152								$(el2)._id = subnav.length+1;
153								$(el2).parent = $(element);
154								subnav.push ($(el2));
155								el2.init();
156								el.addEvent('mouseover', function()
157								{
158									el.setActive();
159									el2.show(0);
160									return false;
161								});

162		
163								el.addEvent('mouseout', function()
164								{
165									el.setDeactive();
166									el2.hide(20);
167								});
168								new DropdownMenu(el2);
169								el.hasSub = 1;
170							}
171						});
172						if (!el.hasSub)
173						{
174							el.addEvent('mouseover', function()
175							{
176								el.setActive();
177								return false;
178							});
179
180							el.addEvent('mouseout', function()
181							{
182								el.setDeactive();
183							});
184						}
185					}
186				});
187				return this;
188			}
189		});
190		
191		Window.onDomReady(function() {new DropdownMenu($('at-cssmenu'))});
192	
193	}else {
194	
195		sfHover = function() {
196		var sfEls = document.getElementById("at-cssmenu").getElementsByTagName("li");
197		for (var i=0; i<sfEls.length; ++i) {
198			sfEls[i].onmouseover=function() {
199				this.className+="sfhover";
200			}
201			sfEls[i].onmouseout=function() {
202				this.className=this.className.replace(new RegExp("sfhover\\b"), "");
203			}
204		}
205	}
206	if (window.attachEvent) window.attachEvent("onload", sfHover);
207}