function hoverBox(whVenue, whCoords) {
	 var venId = "venPop" + whVenue;
	 var points = whCoords.split(',');
	 document.getElementById(venId).style.display = "block";
	 if (points[0] > 386) {
		 	var calX = 547 - parseInt(points[0]);
		 	document.getElementById(venId).style.right = calX + "px";
	 } else {
  		 	 var calX = parseInt(points[0]) + 11;
		 	 document.getElementById(venId).style.left = calX + "px";
	 }
	  if (points[1] < 120) {
		 	var calY = parseInt(points[1]) - 11;
		 	document.getElementById(venId).style.top = calY + "px";
	 } else {
		 var calY = 525 - parseInt(points[1]);
		 document.getElementById(venId).style.bottom = calY + "px";
	 }
}

function closeHoverBox(whVenue) {
	 var venId = "venPop" + whVenue;
	 document.getElementById(venId).style.display = "none";
}

function moverH(e) {
	e = (e) ? e : ((event) ? event : null);
	if (e) {
		var n = (e.target) ? e.target : ((e.srcElement) ? e.srcElement : null);
		if (n && n.nodeName == 'AREA') {
			hoverBox(n.tabIndex, n.coords);
		}
	}
}

function moutH(e) {
	e = (e) ? e : ((event) ? event : null);
	if (e) {
		var n = (e.target) ? e.target : ((e.srcElement) ? e.srcElement : null);
		if (n && n.nodeName == 'AREA') {
			closeHoverBox(n.tabIndex)
		}
	}	
}


function setExplorerEvents() {
	if (document.getElementById("mapInner")) {
		document.getElementById("mapInner").onmouseover = moverH;
		document.getElementById("mapInner").onmouseout = moutH;
		var allVenues = document.getElementsByClassName("exRes");
		for (var i = 1; i <= allVenues.length; i++) {
			var venId = "venPop" + i; var srcId = "venue" + i; var titleId = "title" + i; var catId = "cat" + i; var picId = "pic" + i; var popContent = "";
     		var newVen = document.createElement("div"); 
			document.getElementById('mapInner').appendChild(newVen);
			newVen.setAttribute("id", venId);  
			document.getElementById(venId).className = "popBox";
			if (document.getElementById(titleId)) {popContent = "<b>" + document.getElementById(titleId).innerHTML + "</b><br />"}
			if (document.getElementById(catId)) {popContent += document.getElementById(catId).innerHTML + "<br />"}
			if (document.getElementById(picId)) {popContent += document.getElementById(picId).innerHTML}
			document.getElementById(venId).innerHTML = popContent;
		}		
	}
}