if (!(typeof(addEvent)=='function')) {
  function addEvent(name,obj,f) {
    if (window.attachEvent) {
      obj.attachEvent("on"+name,f);
    } else if (window.addEventListener) {
      obj.addEventListener(name,f,false);
    }
  }
}

addEvent('load',window,function() {
	var popups={};

	function showpopup(e) {
		var target;
		if (window.event) {
			target=window.event.srcElement;
		} else {
			target=e.target;
		}
		var match=target.id.match(/^area([0-9]+)$/);
		if (match) {
			for (var i in popups) {
				if (i==match[1]) {
					popups[i].style.visibility='visible';
				} else {
					popups[i].style.visibility='hidden';
				}
			}
		}
	}

	function hidepopup(e) {
		var target;
		var reltarget;
		if (window.event) {
			target=window.event.srcElement;
			reltarget=window.toElement;
		} else {
			target=e.target;
			reltarget=e.relatedTarget;
		}
		if (reltarget.nodeName.toLowerCase()=='img') {
			reltarget=reltarget.parentNode;
		}

		var match=target.id.match(/^area([0-9]+)$/);
		if (match) {
			var i=match[1];
			if ((reltarget.nodeName.toLowerCase() == 'div') && (reltarget.id == 'popup'+i)) {
			} else {
				popups[i].style.visibility='hidden';
			}
		}
	}

	function idunnopopup(e) {
		var target;
		var reltarget;
		if (window.event) {
			target=window.event.srcElement;
			reltarget=window.toElement;
		} else {
			target=e.target;
			reltarget=e.relatedTarget;
		}
		if (reltarget.nodeName.toLowerCase()=='img') {
			reltarget=reltarget.parentNode;
		}

		if (reltarget==target) return;

		var match=target.id.match(/^popup([0-9]+)$/);
		if (match) {
			var i=match[1];
			if ((reltarget.nodeName.toLowerCase() == 'area') && (reltarget.id == 'area'+i)) {
			} else {
				popups[i].style.visibility='hidden';
			}
		}
	}

	for (var i=1; i<=9; i++) {
		var area=document.getElementById('area'+i);
		var popup=document.getElementById('popup'+i);
		if (area && popup) {
			popups[i]=popup;
			addEvent('mouseover',area,showpopup);
			addEvent('mouseout',area,hidepopup);
			addEvent('mouseout',popup,idunnopopup);
		}
	}
});