for(var i = 0; i < document.getElementsByTagName("area").length; i++)
{
	element = (document.getElementsByTagName("area"))[i];
	XBrowserAddHandler(element, "mouseover", mouseover);
	XBrowserAddHandler(element, "mouseout", mouseout);
}

function mouseover()
{
	document.getElementById("region" + this.id).style.display = "block";
}

function mouseout()
{
	document.getElementById("region" + this.id).style.display = "none";
}

function XBrowserAddHandler(target,eventName,fnHandler)
{ 
	var originalHandler = target["on" + eventName]; 
	if ( originalHandler ) { 
		target["on" + eventName] = function(e){ 
		XBrowserApplyHandler(this, originalHandler, e); 
		XBrowserApplyHandler(this, fnHandler, e); 
		}; 
	} else { 
		target["on" + eventName] = function(e) { 
		XBrowserApplyHandler(this, fnHandler, e) 
		}; 
	}
}

function XBrowserApplyHandler(target, fn, e) { 
	if (!e) e = window.event; 
	if (!e) alert("Problem with XBrowserApplyHandler: could not find event object."); 

	if (Function.prototype.call) { 
		fn.call(target, e); 
	} else { 
		target.__XBrowserElementApply = fn; 
		target.__XBrowserElementApply(e) 
	}
}
