function js_Helper() {
	var sfEls = document.getElementById("routerlist").getElementsByTagName("li");
	
	for (var i=0; i<sfEls.length; i++) 
	{
		sfEls[i].onmouseover=function() 
		{
			var sfEls2 = document.getElementById("routerlist").getElementsByTagName("li");
			for (var ii=0; ii<sfEls2.length; ii++) 
			{
				
				sfEls2[ii].className=sfEls2[ii].className.replace(new RegExp(" js_Helper\\b"), "");
			}
			this.className+=" js_Helper";
		}				
	}
}

//if (window.attachEvent) window.attachEvent("onload", js_Helper);

function ShowSubs(myobj)
{

	var sfEls2 = document.getElementById("routerlist").getElementsByTagName("li");
	
	var subList = myobj.getElementsByTagName("ul");
	
	var f_realRouterX 	= myobj.offsetLeft;
	var f_spaceLeft 	= 760 - f_realRouterX;
	
	if(subList[0] != undefined)
	{
		var f_subWidth 		= subList[0].offsetWidth;
		
		if(f_subWidth == 0)
		{
			subList[0].style.width = '760px';
			subList[0].style.left = '0px';
			//alert(subList[0].style.width);
		}
		else
		{
			if( subList[0].offsetWidth < 760)
			{
				if(f_subWidth > f_spaceLeft)
				{
					var f_diff 				= f_subWidth - f_spaceLeft;
					subList[0].style.left 	= (myobj.offsetLeft - f_diff) + 'px';
				}
				else
				{
					subList[0].style.left = (myobj.offsetLeft - 5) + 'px';
				}
			}
		}
		
	}
	
	
	
	for (var ii=0; ii<sfEls2.length; ii++) 
	{
		sfEls2[ii].className=sfEls2[ii].className = '';
	}
	myobj.className+=" js_Helper";
		
}