// JavaScript Document
function mapHover() {
	var sfLI = document.getElementById("regionMap").getElementsByTagName("LI");
	var sfA = document.getElementById("regionMap").getElementsByTagName("A");
	for (var i=0; i<sfLI.length; i++) {
		
		
		// WHAT DOES THIS DO??
		if(sfLI[i].className == "maphover"){
			sfLI[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfLI[i].onmouseout=function() {
				this.className=this.className.replace(/ sfhover\b/, "");
			}
		}
	}
	for (var i=0; i<sfA.length; i++) {
		if(sfA[i].className == "maphover"){
			sfA[i].onmouseover=function() {
				//this.className+=" sfhover";
				//var idTown = this.id.replace('mapName','');
				//idTown = idTown.replace('mapBullet','');
				/*hideAll('mapDesc', 'UL');
				toggleDisplay('mapDesc'+idTown,'show');*/
				//hideAll('blurb', 'DIV');
				//toggleDisplay('blurb'+idTown, 'show');
			}
			sfA[i].onclick=function() {
				var idTown = this.id.replace('mapName','');
				idTown = idTown.replace('mapBullet','');
				hideAll('town', 'DIV');
				toggleDisplay('town'+idTown, 'show');
				this.className+=" sfhover";
				var idTown = this.id.replace('mapName','');
				idTown = idTown.replace('mapBullet','');
				/*hideAll('mapDesc', 'UL');
				toggleDisplay('mapDesc'+idTown,'show');*/
				hideAll('blurb', 'DIV');
				toggleDisplay('blurb'+idTown, 'show');
				
			}
			sfA[i].onmouseout=function() {
				//this.className=this.className.replace(/ sfhover\b/, "");
			}
		}
	}
}
addLoadEvent(mapHover);