<!--
var timeout;

function init_rollovers()
	{
	var map_areas = document.getElementsByTagName("area");
	preload = new Image();
	for (var i=0;i<map_areas.length;i++)
		{
		preload[i] = new Image();
		preload[i].src = "overlay/overlay_"+map_areas[i].id+".png";
		map_areas[i].onmouseover = set_region;
		map_areas[i].onmouseout = reset_map;
		}
	}

function set_region()
	{
	if (this.id)
		{
		clearTimeout(timeout);
		var overlay = document.getElementById("map_overlay");

		fade(0);
		overlay.src = "overlay/overlay_"+this.id+".png";

		for(i = 0; i <= 100; i++)
			{
			setTimeout("fade(" + i + ")",(i * 6));
			}
		}
	}

function reset_map()
	{
	timeout = setTimeout("document.getElementById('map_overlay').src = 'overlay/overlay.png';",300);	
	}

function fade(opacity)
	{
	var opac = document.getElementById("map_overlay").style;

	opac.opacity = (opacity / 100);
	opac.MozOpacity = (opacity / 100);
	opac.KhtmlOpacity = (opacity / 100);
	opac.filter = "alpha(opacity=" + opacity + ")";
	}

window.onload = init_rollovers;
-->