function hoverOver()
{
	var src = event.toElement.src;
	
	event.toElement.src = src.substr(0, src.length - 4) + "-o.gif";
}

function hoverOut()
{
	var src = event.fromElement.src;
	
	event.fromElement.src = src.substr(0, src.length - 6) + ".gif";
}

function enableImageHover(img)
{
	var src = img.src;
	src = src.substr(src.indexOf("/images/"));
			
	// Make sure that the string starts with "/images/" and that the 
	// second "/" is the last one, and that the extension is "gif".
			
	if (
		src.lastIndexOf("/") == 10 && 
		(src.substr(0, 11) == "/images/ar/" || src.substr(0, 11) == "/images/en/") &&
		src.substr(src.length - 3) == "gif"
	) {
		var name = src.substr(11);
				
		if (
			name != "classic-song.gif" &&
			name != "key-map.gif" &&
			name != "new.gif" &&
			name != "view-cart.gif" &&
			name != "your-account.gif" &&
			name != "help.gif" &&
			name != "new-store.gif"
		) {
			img.onmouseover = hoverOver;
			img.onmouseout = hoverOut;
		}
	}
}

function initHover()
{
	var imgs = document.all.tags("IMG");
	
	if (imgs != null)
		for (i = 0; i < imgs.length; i++)
			enableImageHover(imgs[i]);
			
	var sub = document.all.tags("INPUT");
	
	if (sub != null)
		for (i = 0; i < sub.length; i++)
			if (sub[i].type == "image")
				enableImageHover(sub[i]);
}

document.body.onload = initHover;