var ResizeMenu = function (el)
{
	if (document.body)
  	{ // MS IE
	    MaxWidth=document.body.clientWidth;
  	}
  	else if(self.innerWidth && self.innerHeight) 
	{ // Mozilla, Firefox etc
	    MaxWidth=self.innerWidth;
  	} 
	
		var uls = el.getElementsByTagName("ul");
		if(uls && uls[0])
		{
			if(el.offsetLeft+uls[0].clientWidth > MaxWidth)
			{	
				nw = el.offsetLeft+el.clientWidth - uls[0].clientWidth;
				uls[0].style.left = nw.toString()+'px';
			}
			else
			{
				uls[0].style.left = 'auto';
			}
			
			uls[0].style.whiteSpace = 'normal';
			var lis = uls[0].getElementsByTagName("li");
			for(i =0; i<lis.length; i++)
				lis[i].style.whiteSpace = 'normal';
		}
}
var ShowMenu = function ()
{
  	ResizeMenu(this);
	this.className += " jshover";
	ResizeMenu(this);
}

var HideMenu = function() 
{
	old = this.className;
	this.className=this.className.replace(new RegExp("\\bjshover"), "");
	this.className=this.className.replace(new RegExp("\\s\\s"), " ");
}

		
var jshover = function() 
{
	var sfEls = document.getElementById("horizontal-multilevel-menu").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) 
	{
		sfEls[i].onmouseover=ShowMenu;
		sfEls[i].onmouseout=HideMenu;
		ResizeMenu(sfEls[i]);
	}
}

/*
if(window.addEventListener)
{ // Mozilla, Netscape, Firefox
	window.addEventListener('load',jshover, false);
} 
else 
{ // IE
	window.attachEvent('onload', jshover);
}*/