window.onload = function ()
{
	var rollovers = getElementsByClassName("rollover");
	for (var i=0; i<rollovers.length; i++)
	{
		var span = document.createElement("span");
		span.id = "span"+i;
		span.style.zIndex = 100;
		span.style.left = "-1000px";
		span.style.top = "-1000px";
		span.style.position = "absolute";
		document.body.appendChild(span);
		
		span.onmouseout = function ()
		{
			this.style.left = "-1000px";
		}

		rollovers[i]._span = span;

		var sLargeImage = rollovers[i].getAttribute("largeimagepath");

		if (sLargeImage != null)
		{
			rollovers[i].onmouseover = function ()
			{
				window.status = "test";	
				var selectedPosX = 0;
				var selectedPosY = 0;
				var theElement = this;
				if (!theElement) return;
				try
				{
					while(theElement != null){
						selectedPosX += theElement.offsetLeft;
						selectedPosY += theElement.offsetTop;
						theElement = theElement.offsetParent;
				}
				}
				catch (e)
				{
					return;
				}

				this._span.style.left = (selectedPosX - 35) + "px";
				this._span.style.top = (selectedPosY - 15) + "px";
				this._span.innerHTML = "<img src='"+this.getAttribute("largeimagepath")+"' />";
			}
		}
	}
}

function getElementsByClassName(clsName) 
{ 
	var arr = new Array(); 
	var elems = document.getElementsByTagName("*");
	for ( var cls, i = 0; ( elem = elems[i] ); i++ )
	{
		if ( elem.className == clsName )
		{
			arr[arr.length] = elem;
		}
	}
	return arr;
}