if (typeof(MooTools) != 'undefined')
{
	var subnav = new Array();

	Element.extend(
	{
		hide: function(timeout)
		{
			this.status = 'hide';
			clearTimeout (this.timeout);

			if (timeout)
				this.timeout = setTimeout (this.anim.bind(this), timeout);
			else
				this.anim();
		},

		show: function(timeout)
		{
			this.status = 'show';

			clearTimeout (this.timeout);
			if (timeout)
				this.timeout = setTimeout (this.anim.bind(this), timeout);
			else
				this.anim();
		},

		anim: 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('display', 'block');
				this.setStyle('left', 'auto');
				this.myFx2.stop();
				if (this.parent._id)
					this.myFx2.start(0,this.mw);
				else
					this.myFx2.start(0,this.mh);
			}
		},

		init: function()
		{
			this.mw = this.clientWidth;
			this.mh = this.clientHeight;

			if (this.parent._id)
			{
				this.myFx2 = new Fx.Style(this, 'width', {duration: 400});
				this.myFx2.set(0);
			}
			else
			{
				this.myFx2 = new Fx.Style(this, 'height', {duration: 400});
				this.myFx2.set(0);
			}
			
			//this.setStyle('left', '-999em');
			this.setStyle('display', 'none');

			animInit = function()
			{
				if (this.status == 'show')
				{
					this.setStyle('display', 'block');
				}
			}
			
			animComp = function()
			{
				if (this.status == 'hide')
				{
					this.setStyle('display', 'none');
					this.setStyle('left', '-999em');
					this.hidding = 0;
				}
				this.setStyle('overflow', '');
			}
			
			this.myFx2.addEvent ('onStart', animInit.bind(this));
			this.myFx2.addEvent ('onComplete', animComp.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 DropdownMenu = new Class({
		initialize: function(element)
		{
			//$(element).mh = 0;
			$A($(element).childNodes).each(function(el)
			{
				if (el.nodeName.toLowerCase() == 'li')
				{
					//if($(element)._id) $(element).mh += 30;
					$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()
							{
								//el2.setStyle('display', 'block');
								el2.show(0);
								return false;
							});

							el.addEvent('mouseout', function()
							{
								//el2.setStyle('display', 'none');
								el2.hide(20);
							});
							
							new DropdownMenu(el2);
							el.hasSub = 1;
						}
					});

				}
			});
			return this;
		}
	});

	Window.onDomReady( function()
	{
		new DropdownMenu($E('.dropdown ul'));
	});
}
else
{
	sfHover = function()
	{
		var sfEls = document.getElementById("nav").getElementsByTagName("li");
		for (var i=0; i<sfEls.length; ++i)
		{
			sfEls[i].onmouseover=function() {
				this.className+="sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp("sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent)
		window.attachEvent("onload", sfHover);
}