window.onload = function () {        
        var navi_lis = document.getElementById("navigation").getElementsByTagName("li");
		ineffect = new Array();
		ineffectmenu = new Array();
		outeffect = new Array();
		outeffectmenu = new Array();
		for(var i = 0; i < navi_lis.length; i++)
		{
			var link = navi_lis[i].getElementsByTagName("a")[0];
			
			if(link.className == undefined || link.className == "") continue;
		
			var onhoverfunction = "try { outeffect[" + i + "].cancel(); } catch(e){} ineffect[" + i + "] = Effect.Fade('hover_link_" + i + "', { duration: 0.7, from: 0, to: 1 })";
			var onoutfunction =   "ineffect[" + i + "].cancel(); outeffect[" + i + "] = Effect.Fade('hover_link_" + i + "', { duration: 0.7 })";
		
			
			
			var submenu = navi_lis[i].getElementsByTagName("ul");
			if(submenu.length > 0)
			{
				submenu = submenu[0];
				submenu.style.opacity = "0";
				
				submenu.setAttribute("onmouseover", "try { outeffect[" + i + "].cancel(); } catch(e){} ineffect[" + i + "] = Effect.Fade('hover_link_" + i + "', { duration: 0.0, from: 0, to: 1 }); try { outeffectmenu[" + i + "].cancel(); } catch(e){} ineffectmenu[" + i + "] = Effect.Fade('" + submenu.id + "', { duration: 0.0, from: 0, to: 1 })");
				submenu.setAttribute("onmouseout", "ineffect[" + i + "].cancel(); outeffect[" + i + "] = Effect.Fade('hover_link_" + i + "', { duration: 0.0 }); try { ineffectmenu[" + i + "].cancel(); } catch(e){} outeffectmenu[" + i + "] = Effect.Fade('" + submenu.id + "', { duration: 0.0 })");
				
				onhoverfunction += "; try { outeffectmenu[" + i + "].cancel(); } catch(e){} ineffectmenu[" + i + "] = Effect.Fade('" + submenu.id + "', { duration: 0.7, from: 0, to: 1 })";
				onoutfunction +=   "; ineffectmenu[" + i + "].cancel(); outeffectmenu[" + i + "] = Effect.Fade('" + submenu.id + "', { duration: 0.7 })";
			}
			
			navi_lis[i].style.position = "relative";
			navi_lis[i].style.top = "0px";
			navi_lis[i].style.left = "0px";
				
			ineffect[i] = "";
			outeffect[i] = "";
				
			navi_lis[i].innerHTML += "<a href='" + link.href + "' id='hover_link_" + i + "' class='" + link.className + "-active' style='position:absolute; top:0px; left:0px;' onmouseover=\"" + onhoverfunction + "\" onmouseout=\"" + onoutfunction + "\">" + link.innerHTML + "</a>";
			
			Effect.Fade('hover_link_' + i, { duration: 0 });
			
			//link.onmouseover = "document.getElementById('hover_link_" + i + "').style.display = 'block'; Effect.Fade('hover_link_" + i + "', { duration: 1.0, from: 0, to: 1 });";
		}                
    }
	
function togglemodels() {
	if(parseInt(document.getElementById('header-slideshow-models').style.width) > 100) 
	{
		new Effect.Morph('header-slideshow-models', { style:'width:0px;', duration: 0.8 ,  transition: Effect.Transitions.spring }); 
		document.getElementById('header-slideshow-models').getElementsByTagName('ul')[0].style.marginRight = "0px";
		document.getElementById('header-slideshow-models').getElementsByTagName('a')[0].className = "handle-open";
	}
	else
	{
		document.getElementById('header-slideshow-models').getElementsByTagName('ul')[0].style.marginRight = "40px";
		new Effect.Morph('header-slideshow-models', { style:'width:150px; margin-right:40px;', duration: 0.8 ,  transition: Effect.Transitions.spring });
		document.getElementById('header-slideshow-models').getElementsByTagName('a')[0].className = "handle-close";
	}
}