// site.com / rollover js


window.onload = function()
{
	if (!document.getElementById) return
	var imgOriginSrc;
	var imgTemp = new Array();
	var imgarr = document.getElementsByTagName('img');
	for (var i = 0; i < imgarr.length; i++)
	{
		if (imgarr[i].getAttribute('hsrc'))
		{
			imgTemp[i] = new Image();
			imgTemp[i].src = imgarr[i].getAttribute('hsrc');
			imgarr[i].onmouseover = function()
			{
				imgOriginSrc = this.getAttribute('src');
				this.setAttribute('src',this.getAttribute('hsrc'))
			}
			imgarr[i].onmouseout = function()
			{
				this.setAttribute('src',imgOriginSrc)
			}
		}
	}
}
onload=init;


/*
applying the rollOver function in your page:
<a href="#"><img src="img_off.gif" hsrc="img_on.gif" width="100" height="20" border="0" alt="Products"></a>