var opentimeout = 100;
var closetimeout = 100;
var duration = 1000;
var active_elem = false;

var menuItems = new Array();
	
	function initPage()
	{
		var nav = document.getElementById('navigation');
		if(nav)
		{
			var navs = nav.getElementsByTagName("li");
			cnt = 0;
			for(var i=0; i < navs.length; i++)
			{
				is_active = false;
				elem = navs[i];
				if(elem.parentNode.id == nav.id)
				{
					elem.id = 'mainmenu-' + i;
					elem.index = i;

					as = elem.getElementsByTagName("a");
					
					if(as[0])
					{
						if(as[0].className.indexOf("active") != -1)
						{							
							is_active = true;
						}
						if(as[0].href.indexOf("#") != -1)
						{
							as[0].onclick = switch_submenu;
						}
					}

					elem.subdiv = null;
					divs = elem.getElementsByTagName("div");
					if(divs[0])
					{
						divs[0].id = 'divmenu-' + i;
						divs[0].index = i;
						elem.subdiv = divs[0];
						_innerHTML = elem.subdiv.innerHTML;
						elem.subbgdiv = document.createElement("DIV");
						elem.subbgdiv.className = "menu-bg";
						elem.subdiv.innerHTML = "";
						elem.subdiv.appendChild(elem.subbgdiv);
						elem.subdiv.innerHTML += _innerHTML;
												
					}
					if(divs[1])
					{
						divs[1].id = 'divbgmenu-' + i;
						divs[1].index = i;
						elem.subbgdiv = divs[1];
					}

					elem.subul = null;
					uls = elem.getElementsByTagName("ul");
					if(uls[0])
					{
						uls[0].id = 'ulmenu-' + i;
						elem.subul = uls[0];
					}

					menuItems[cnt++] = elem;
					if(is_active)
					{
						active_elem = elem;
					}					
				}
			}
			
			if(active_elem)
			{
				as = active_elem.getElementsByTagName("a");		
				if(as[0])
				{
					as[0]._switch_submenu = switch_submenu;
					as[0]._switch_submenu();
				}
			}
			
		}	
	}

	function switch_submenu()
	{
		_this = this.parentNode;
		if(_this.className.indexOf("hover") == -1)
		{
			clear_menu();
			if(_this.subdiv && _this.subul)
			{
				myEffectdiv = new Fx.Styles(_this.subdiv.id,{duration:duration,_id:_this.subul.id,
					onStart: function(){
					},
					onComplete: function(){
						go_ul(this.options._id);
					}										
				});
				
				if(_this.subbgdiv)
				{
					myEffectsubdiv = new Fx.Styles(_this.subbgdiv.id)
					myEffectsubdiv.set({'opacity': 0.2});
				}
				
				myEffectdiv.set({'top': 163});
				_this.className = "hover";			
				myEffectdiv.custom({'top': [163, 0]});
			}	
		}
		else
		{
			clear_menu();
		}		
	}

	function go_ul(id)
	{
		var myEffectul = new Fx.Styles(id,{duration:duration,
			onComplete: function(){
			}										
		});		
		myEffectul.custom({'height': [0, 140]});
	}

	function clear_menu()
	{
		for(var i=0; i < menuItems.length; i++)
		{
			elem = menuItems[i];
			elem.className = "";			
			if(elem.subul)
			{
				elem.subul.style.height = "0px";
			}				
		}
	}

	if (window.addEventListener)
		window.addEventListener("load", initPage, false);
	else if (window.attachEvent)
		window.attachEvent("onload", initPage);