var subnav = new Array();
Element.extend(
{
	doActive: function () {
		this.className+=' hover';
	},

	doDeactive: function () {
		this.className=this.className.replace(new RegExp("hover\\b"), "");
	},
	
	hide: function(timeout) 
	{
		this.status = 'hide';
		clearTimeout (this.timeout);
		if (timeout)
		{
			this.timeout = setTimeout (this.animation.bind(this), timeout);
		}else{
			this.animation();
		}
	},
			
	show: function(timeout) 
	{
		this.status = 'show';
		clearTimeout (this.timeout);
		if (timeout)
		{
			this.timeout = setTimeout (this.animation.bind(this), timeout);
		}else{
			this.animation();
		}
	},

	animation: function() {
	
		if ((this.status == 'hide' && this.style.left != 'auto') || (this.status == 'show' && this.style.left == 'auto' && !this.hidding)) return;
		this.setStyle('overflow', 'hidden');
		if (this.status == 'show') {
			this.hidding = 0;
			this.hideAll();
		} 
		if (this.status == 'hide')
		{
			this.hidding = 1;
			this.myFx2.stop();
			if (this.parent._id) this.myFx2.start(this.offsetWidth,0);
			else this.myFx2.start(this.offsetHeight,0);
		} else {
			this.setStyle('left', 'auto');
			this.myFx2.stop();
			if (this.parent._id) this.myFx2.start(0,this.menuwidth);
			else this.myFx2.start(0,this.menuheight);
		}
	},

	init: function() {
		this.menuwidth = this.clientWidth;
		this.menuheight = this.clientHeight;
		if (this.parent._id)
		{
			this.myFx2 = new Fx.Style(this, 'width', {duration: 350});
			this.myFx2.set(0);
		}else{
			this.myFx2 = new Fx.Style(this, 'height', {duration: 350});
			this.myFx2.set(0);
		}
		this.setStyle('left', '-999em');
		animationComplete = function(){
			if (this.status == 'hide')
			{
				this.setStyle('left', '-999em');
				this.hidding = 0;
			}
			this.setStyle('overflow', '');
		}
		this.myFx2.addEvent ('onComplete', animationComplete.bind(this));
	},

	hideAll: function() {
		for(var i=0;i<subnav.length; i++) {
			if (!this.isChild(subnav[i]))
			{
				subnav[i].hide(0);
			}
		}
	},

	isChild: function(_obj) {
		obj = this;
		while (obj.parent)
		{
			if (obj._id == _obj._id) return true;
			obj = obj.parent;
		}
		return false;
	}
});


var MooMenu = new Class({	
	initialize: function(element)
	{
		$A($(element).childNodes).each(function(el)
		{
			if(el.nodeName.toLowerCase() == 'li')
			{
				$A($(el).childNodes).each(function(el2)
				{
					if(el2.nodeName.toLowerCase() == 'ul')
					{
						$(el2)._id = subnav.length+1;
						$(el2).parent = $(element);
						subnav.push ($(el2));
						el2.init();
						el.addEvent('mouseover', function()
						{
							el.doActive();
							el2.show(0);
							return false;
						});

						el.addEvent('mouseout', function()
						{
							el.doDeactive();
							el2.hide(20);
						});
						new MooMenu(el2);
						el.hasSub = 1;
					}
				});
				if (!el.hasSub)
				{
					el.addEvent('mouseover', function()
					{
						el.doActive();
						return false;
					});

					el.addEvent('mouseout', function()
					{
						el.doDeactive();
					});
				}
			}
		});
		return this;
	}
});

window.addEvent('domready',function() {new MooMenu($('menusys_moo'))});