// Automatic rollover effects for images.
// Copyright (c) 2005 Patryk Zawadzki <patrys@pld-linux.org>
// Distributed under GPLv2

function handleRolloverMouseover(e)
{
	var event = e ? e : window.event;
	var target = event.target ? event.target : event.srcElement;

	if (target.src)
	{
		var src = target.src;
		var ext = src.substring(src.lastIndexOf('.'), src.length);
		src = src.replace(ext, '_over' + ext);
		//src = src.replace(ext, '-on' + ext);
		target.src = src;
	}
}

function handleRolloverMouseout(e)
{
	var event = e ? e : window.event;
	var target = event.target ? event.target : event.srcElement;
	
	if (target.src)
	{
		var src = target.src;
		var ext = src.substring(src.lastIndexOf('.'), src.length);
		src = src.replace('_over' + ext, ext);
		//src = src.replace('-on' + ext, ext);
		target.src = src;
	}
}

function initRollovers()
{
	var images = document.getElementsByTagName("IMG");
	for (i = 0; i < images.length; i++)
	{
		var image = images[i];
		var mask = /rollover/;

		//preload

		var src = image.src;
		var ext = src.substring(src.lastIndexOf('.'), src.length);
		src = src.replace(ext, '_over' + ext);

		var preload = new Image();
		preload.src = src;

		//attach

		if (mask.test(image.className))
		{
			image.onmouseover = handleRolloverMouseover;
			image.onmouseout = handleRolloverMouseout;
		}
	}
}

addEvent(window, "load", initRollovers);