var navTopImg = new Array();
var navTopImgOn = new Array();
var navTopImgOff = new Array();

function navTopRollOn(index) 
{
    navTopImg[index].src = navTopImgOn[index].src;
}

function navTopRollOff(index)
{
    navTopImg[index].src = navTopImgOff[index].src;
}

function imgFromUrl(url)
{
    var img = new Image();
    img.src = url;
    return img;
}

function imgFromId(id)
{
    var img = document.getElementById(id);
    return img;
}

startList = function() 
{
	if (document.all && document.getElementById) 
	{
		navRoot = document.getElementById("NavTop");
		
		for (i=0; i < navRoot.childNodes.length; i++) 
		{
			node = navRoot.childNodes[i];
			
			if (node.nodeName == "LI") 
			{
				node.onmouseover = function() 
				{
					this.className += " sfhover";
				}
				
				node.onmouseout = function() 
				{
					this.className = this.className.replace(" sfhover", "");
				}
			}
		}
	}
}

window.onload = startList;