/*
To call script...

Insert into web page header or body:
<script language="JavaScript" type="text/javascript"  src="scripts/rollover.js"></script>

Insert into web page body:
<a href="" onclick="this.blur;" onmouseover="X_roll('services',1);" onmouseout="X_roll('services',0);">
<img src="images/services_off.gif" onload="X_loadRollover(this, 'images/services_on.gif');" NAME="services" width="" height="" border="0" alt="services">
</a>
*/


var loaded = new Array();

function X_loadRollover(image, imageName)
{
	if (image && image.src && (null == image.out || typeof(image.out) == typeof(void(0))))
	{
		s = image.src;
		image.out = new Image();
		image.out.src = s;
		image.over = new Image();
		if (imageName.lastIndexOf('/') >= 0 || imageName.lastIndexOf('\\') >=0)
		{
			s = imageName;
		}
		else
		{
			i = s.lastIndexOf('/');
			if (i<0) i = s.lastIndexOf('\\');
			if (i<0) { s = imageName; }
			else { s = s.substring(0,i+1) + imageName; }
		}
		image.over.src = s;
		loaded[image.name] = image;
	}
}

function X_roll(imageName,over)
{
	if (document.images)
	{
		if (over) { imageObject = "over"; }
		else { imageObject = "out"; }
		image = loaded[imageName];
		if (image) {
			ref = eval("image."+imageObject);
			if (ref) image.src = eval("image."+imageObject+".src");
		}
		if (window.event)
			window.event.cancelBubble = true;
	}
}