var mainMenu = 
{
	curr: 0,
	globCurr: 0,
	menus: 0,
	subMenus: 0,
	timerToShow: false,
	timerToHide: false,
	init : function ()
	{
		if (!document.getElementById || !document.createTextNode) {return;} // Check for DOM support
		var menu=document.getElementById("topnav");
		menu=menu.getElementsByTagName("ul")[0];
		mainMenu.menus = menu.getElementsByTagName("li");
		
		menu=document.getElementById("bottomnav-left");
		mainMenu.subMenus=menu.getElementsByTagName("span");

		for (var i=0; i<mainMenu.menus.length; i++)
		{
			if (mainMenu.menus[i].className=="current")
			{
				mainMenu.globCurr=i;
				mainMenu.curr=i;
			}
			mainMenu.menus[i].onmouseover=function () {mainMenu.show(this); return false;};
		}
		
		document.getElementById("bottomnav").onmouseover=function () {window.clearTimeout(mainMenu.timerToHide); return false;};
		document.getElementById("bottomnav").onmouseout=function () 
		{
			mainMenu.showGlobCurr();
		};
	},
	showGlobCurr : function ()
	{
		window.clearTimeout(mainMenu.timerToHide);
		mainMenu.timerToHide=window.setTimeout 
		(
			function ()
			{
				mainMenu.menus[mainMenu.curr].className="";
				mainMenu.subMenus[mainMenu.curr].style.display="none";
				
				mainMenu.menus[mainMenu.globCurr].className="current";
				mainMenu.subMenus[mainMenu.globCurr].style.display="block";
				
				mainMenu.curr=mainMenu.globCurr;
			},
			1000
		);
	},
	show : function (el)
	{
		window.clearTimeout(mainMenu.timerToHide);
		el.onmouseout = function()
		{
			window.clearTimeout(mainMenu.timerToShow);
			mainMenu.showGlobCurr();
		};
		
		window.clearTimeout(mainMenu.timerToShow);
		mainMenu.timerToShow = window.setTimeout
		(
			function()
			{
				var i=mainMenu.getLiIndex(el);
				mainMenu.menus[mainMenu.curr].className="";
				mainMenu.subMenus[mainMenu.curr].style.display="none";
				
				el.className="current";
				mainMenu.subMenus[i].style.display="block";
				mainMenu.curr=i;
			},
			250
		);
	},
	addEvent : function(obj, type, fn) 
	{
		if (obj.addEventListener)
			obj.addEventListener(type, fn, false);
		else if (obj.attachEvent) {
			obj["e"+type+fn] = fn;
			obj[type+fn] = function() {obj["e"+type+fn](window.event);}
			obj.attachEvent("on"+type, obj[type+fn]);
		}
	},
	getLiIndex : function (li)
	{
		for (var i=0; i<mainMenu.menus.length; i++)
		{
			if (mainMenu.menus[i]==li)
			{
				return i;
			}
		}
		return -1;
	}
};
mainMenu.addEvent(window, 'load', function(){mainMenu.init();});