//====================================================================================================
//	Creates a rollover for the specified image.
//====================================================================================================
function SetupLink(lnk)
{
	var img = null;
	var tmp = null;
	
	lnk.imgList = lnk.getElementsByTagName("img");
	
	for (var i = 0; i < lnk.imgList.length; i++)
	{
		img = lnk.imgList[i];
		img.srcOff = img.pngSrc ? img.pngSrc : img.src;
		img.srcOn = img.pngSrc ? img.pngSrc.replace(/_off/gi, "_on") : img.srcOff.replace(/_off/gi, "_on");

		if (Image)
		{
			tmp = new Image();
			tmp.src = img.srcOn;
		}
	}
		
	lnk.onmouseout = function()
	{
		var img = null;
		for (var i = 0; i < this.imgList.length; i++)
		{
			img = this.imgList[i];
			img.src = img.srcOff;
		}
	}
	
	lnk.onmouseover = function()
	{
		var img = null;
		
		for (var i = 0; i < this.imgList.length; i++)
		{
			img = this.imgList[i];
			img.src = img.srcOn;
		}
	}
}

//====================================================================================================
//	Creates rollovers for all images in the document matching the specified class name.
//====================================================================================================
function SetupLinkRollovers()
{
	var linkList = null;
	
	if (document.getElementsByTagName) linkList = document.getElementsByTagName("a");
	else linkList = document.link;
	
	for (var i = 0; i < linkList.length; i++)
	{
		var cn = linkList[i].className ? linkList[i].className : "";
		
		if (cn.indexOf("rollover") >= 0)
		{
			SetupLink(linkList[i]);
		}
	}
}

if (window.addEventListener) window.addEventListener("load", SetupLinkRollovers, false);
else if (window.attachEvent) window.attachEvent("onload", SetupLinkRollovers);