window.onload = addImageMapEventHandlers;

function addImageMapEventHandlers()
{
	if (!document.getElementsByTagName) return false; 		//stop if this method not supported
	if (!document.getElementsByName) return false; 		 	//stop if this method not supported
	if (!document.getElementById) return false; 				//stop if this method not supported
	if (!document.getElementById("SiteMap")) return false; 	//stop if there is no "SiteMap" image
	if (!document.getElementsByName("WebLogo")) return false; //stop if there is no "WebLogo" image

	var MAP = document.getElementsByName("WebLogo");

	var MAPAREAS = MAP[0].getElementsByTagName("area");

	for (var i = 0; i < MAPAREAS.length; i++)
	{
		if (MAPAREAS[i].getAttribute("alt") == "SOULWARE")
		{
			MAPAREAS[i].onfocus = function () { chgImg("SiteMap", "2"); }
			MAPAREAS[i].onmouseover = MAPAREAS[i].onfocus;
		}

		if (MAPAREAS[i].getAttribute("alt") == "HARDWARE")
		{
			MAPAREAS[i].onfocus = function () { chgImg("SiteMap", "3"); }
			MAPAREAS[i].onmouseover = MAPAREAS[i].onfocus;
		}

		if (MAPAREAS[i].getAttribute("alt") == "SOFTWARE")
		{
			MAPAREAS[i].onfocus = function () { chgImg("SiteMap", "4"); }
			MAPAREAS[i].onmouseover = MAPAREAS[i].onfocus;
		}

		if (MAPAREAS[i].getAttribute("alt") == "OUTPUT SERVICES")
		{
			MAPAREAS[i].onfocus = function () { chgImg("SiteMap", "5"); }
			MAPAREAS[i].onmouseover = MAPAREAS[i].onfocus;
		}

		if (MAPAREAS[i].getAttribute("alt") == "INPUT SERVICES")
		{
			MAPAREAS[i].onfocus = function () { chgImg("SiteMap", "6"); }
			MAPAREAS[i].onmouseover = MAPAREAS[i].onfocus;
		}

		MAPAREAS[i].onblur = function () { chgImg("SiteMap", "1"); }
		MAPAREAS[i].onmouseout = MAPAREAS[i].onblur;
	}

	//alert(MAPAREAS.length);
}

if (document.images)
		{
			image1 = new Image;
			image2 = new Image;
			image3 = new Image;
			image4 = new Image;
			image5 = new Image;
			image6 = new Image;
			image1.src = "images/LogoSiteMapBase.png";
			image2.src = "images/LogoSiteMapSoulware.png";
			image3.src = "images/LogoSiteMapHardware.png";
			image4.src = "images/LogoSiteMapSoftware.png";
			image5.src = "images/LogoSiteMapOutput.png";
			image6.src = "images/LogoSiteMapInput.png";
		}

		function chgImg(name, image)
		{
			if (document.images)
			{
				Pict = document.getElementById(name);
				Pict.src = eval("image" + image + ".src");
			}
		}