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++) {
	var obj= document.getElementById(mapIds[i]);
	if(obj!=null) {
		areas = obj.getElementsByTagName("area");

		for (j = 0; j < areas.length; j++) {  // loop thru area elements
		   area = areas[j];
		   area.onmouseout = imgSwap;    // set event handlers
		   area.onmouseover = imgSwap;
		}
	      }
	}
   }
}

// image swapping event handling
function imgSwap(evt) {
   evt = (evt) ? evt : event;                   // equalize event models
   var elem = (evt.target) ? evt.target : evt.srcElement;
   var imgClass = elem.parentNode.name;         // get map element name
   var coords = elem.coords.split(",");         // convert coords to clip
   var clipVal = "rect(" + coords[1] + "px " +
                           coords[2] + "px " +
                           coords[3] + "px " +
                           coords[0] + "px)";

   var imgStyle;

   switch (evt.type) {
      case "mouseout" :
         document.getElementById(imgClass + "Over").style.visibility = "hidden";
         break;
      case "mouseover" :
         imgStyle = document.getElementById(imgClass + "Over").style;
         imgStyle.clip = clipVal;
         imgStyle.visibility = "visible";
         break;
   }
   evt.cancelBubble = true;
   return false;
}


function changeSrc() {
   if (document.getElementById) {
   	element = document.getElementById(changeSrc.arguments[0]);
    element.src = changeSrc.arguments[1]
  }
}
