﻿function getTarg(item){
	switch(item){
		case '4,25,81,66':
			targX=58;
			break;
		case '95,26,171,67':
			targX=148;
			break;
		case '187,25,261,67':
			targX=238;
			break;
		case '279,26,345,67':
			targX=329;
			break;
		case '369,26,437,67':
			targX=419;
			break;
	}
	return targX;
}
function activateMap(){
	var areas=document.getElementsByTagName('area');
	for(i=0;i<areas.length;i++){
		areas[i].onmouseover=function(){
			getTarg(this.coords);
			document.getElementById('map_1').style.left=targX+'px';
			document.getElementById('map_1').style.visibility='visible';
			document.getElementById('map_2').style.left=targX+'px';
			document.getElementById('map_2').style.visibility='visible';
		}
		areas[i].onmouseout=function(){
			getTarg(this.coords);
			document.getElementById('map_1').style.visibility='hidden';
			document.getElementById('map_2').style.visibility='hidden';
		}
	}
}

function addEvent(elm, evType, fn, useCapture){  //cross-browser event handling for IE5+, NS6+, and Mozilla/Gecko By Scott Andrew
	if(elm.addEventListener){
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}else if(elm.attachEvent){
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}else{
		elm['on' + evType] = fn;
	}
}
addEvent(window, 'load', activateMap, false);
