function OnLoad()
{
	BuildDropdown();
	PreloadImages();

}

function PreloadImages()
{	
	PreloadImage("login");
	PreloadImage("checkout");
	PreloadImage("motorcycle");
	PreloadImage("atvs");
	PreloadImage("scooter");	
	PreloadImage("utility");
}

function PreloadImage(name)
{	
	objname = name + '-off';

	document[objname]		= new Image();
	document[objname].src 	= "/images/" + name + ".gif";	
	
	objname = name + '-on';
	
	document[objname]		= new Image();
	document[objname].src 	= "/images/" + objname + ".gif";

	if (!document[name])
		return;
		
	document[name].onmouseover = function() {
		TroggleAllImagesOff();
		TroggleImage(this);
		}
	document[name].onmouseout = function() {
		TroggleAllImagesOff();
		}
}

function TroggleAllImagesOff()
{
	for (var i = 0; i != document.images.length; i += 1)
		{
		var Image = document.images.item(i);

		if (Image.src.indexOf('-on') != -1)
			TroggleImage(Image);
		}
}

function TurnImageOn(e)
{
	if (e.src.indexOf('-on') == -1)
		{
		objname = e.name + '-on';			
		e.src = document[objname].src;
		}
}

function TurnImageOff(e)
{
	if (e.src.indexOf('-on') != -1)
		{
		objname = e.name + '-off';
		e.src = document[objname].src;		
		}
}

function TroggleImage(e)
{
	if (e.src.indexOf('-on') != -1)
		objname = e.name + '-off';	
	else
		objname = e.name + '-on';

	e.src = document[objname].src;
}

function BuildDropdown() 
{
	if (!document.getElementById)
		return;
	
	var Root = document.getElementById("nav");

	for (var i = 0; i < Root.childNodes.length; i += 1) 
		{
		var Node = Root.childNodes[i];

		if (Node.nodeName == "LI") 
			{
			Node.onmouseover = function() {		
				this.className = " over";
				var Imgs = document.getElementsByName(this.id.replace("-li", ""));			
				if (Imgs.length < 1)
					return;
				var Img = Imgs[0];
				TurnImageOn(Img);
				}
			Node.onmouseout = function() {
				this.className = "";
				var Imgs = document.getElementsByName(this.id.replace("-li", ""));			
				if (Imgs.length < 1)
					return;
				var Img = Imgs[0];
				TurnImageOff(Img);
				}
			}
		}
}

if(typeof window.addEventListener != 'undefined')
	window.addEventListener('load', OnLoad, false);
else if(typeof document.addEventListener != 'undefined')
	document.addEventListener('load', OnLoad, false);
else if(window.attachEvent && typeof window.attachEvent != 'undefined')
	window.attachEvent('onload', OnLoad);