<!--//

/*********************************************
		Scriptable Image Maps by Danny Goodman (www.dannyg.com)
		A bonus recipe for readers of O'Reilly's "JavaScript & DHTML Cookbook"
		This recipe first published at O'Reilly Network (www.oreillynet.com)
		For full implementation notes, read the article.
 *********************************************/
	function initMaps() {
		if (document.getElementById) {
			var mapIds = initMaps.arguments;			// pass string IDs of containing map elements
			var i, j, area, areas;
			for (i = 0; i < mapIds.length; i++) {
				areas = document.getElementById(mapIds[i]).getElementsByTagName("area");
	
				for (j = 0; j < areas.length; j++) {	// loop thru img elements
					area = areas[j];
					area.onmousedown	= imgSwap;			// set event handlers
					area.onmouseout		= imgSwap;
					area.onmouseover	= imgSwap;
					area.onmouseup 		= imgSwap;
				}
			}
		}
	}

/*********************************************
	image swapping event handling
 *********************************************/
	function imgSwap(evt) {

		var imgStyle; var imgStyle2;
		evt = (evt) ? evt : event;
		var elem = (evt.target) ? evt.target : evt.srcElement;
		var imgClass = elem.parentNode.name;
		var coords = elem.coords.split(",");
		var clipVal = "rect(" + coords[1] + "px " +
                                        coords[2] + "px " +
                                        coords[3] + "px " +
                                        coords[0] + "px)";
		switch (evt.type) {
		case "mousedown" :
		
			imgStyle = document.getElementById(imgClass + "Down").style;
			imgStyle.clip = clipVal;
			imgStyle.visibility = "visible";
			break;
			
		case "mouseout" :
		
			document.getElementById(imgClass + "Over").style.visibility  = "hidden";
			document.getElementById(imgClass + "Down").style.visibility  = "hidden";			
			break;
			
		case "mouseover" :

			imgStyle = document.getElementById(imgClass + "Over").style;
			imgStyle.clip = clipVal;
			imgStyle.visibility = "visible";
                        
			break;

		case "mouseup" :
		
			document.getElementById(imgClass + "Down").style.visibility = "hidden";
			if (elem.click) { elem.click(); } // guarantee click in IE
			break;

		}
		
		evt.cancelBubble = true;
		return false;
	}

//-->