// malta map function
//function getMouseY(e) // works on IE6,FF,Moz,Opera7
//			{ 
//			  if (!e) var e = window.event; // works on IE, but not NS (we rely on NS passing us the event)
//			 
//			  if (e)
//			  { 
//			    if (e.pageX || e.pageY)
//			    { // this doesn't work on IE6!! (works on FF,Moz,Opera7)
//			      mousex = e.pageX;
//			      mousey = e.pageY;
//			      algor = '[e.pageX]';
//			
//			      if (e.clientX || e.clientY) algor += ' [e.clientX] '
//			    }
//			    else if (e.clientX || e.clientY)
//			    { // works on IE6,FF,Moz,Opera7
//			      // Note: I am adding together both the "body" and "documentElement" scroll positions
//			      //       this lets me cover for the quirks that happen based on the "doctype" of the html page.
//			      //         (example: IE6 in compatibility mode or strict)
//			      //       Based on the different ways that IE,FF,Moz,Opera use these ScrollValues for body and documentElement
//			      //       it looks like they will fill EITHER ONE SCROLL VALUE OR THE OTHER, NOT BOTH 
//			      //         (from info at http://www.quirksmode.org/js/doctypes.html)
//			      mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
//			      mousey = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
//			      algor = '[e.clientX]';
//			      if (e.pageX || e.pageY) algor += ' [e.pageX] '
//			    }
//			  }
//			  return mousey;
//			}
//			
//function getMouseX(e) // works on IE6,FF,Moz,Opera7
//			{ 
//			  if (!e) e = window.event; // works on IE, but not NS (we rely on NS passing us the event)
//			 
//			  if (e)
//			  { 
//			    if (e.pageX || e.pageY)
//			    { // this doesn't work on IE6!! (works on FF,Moz,Opera7)
//			      mousex = e.pageX;
//			      mousey = e.pageY;
//			      algor = '[e.pageX]';
//			
//			      if (e.clientX || e.clientY) algor += ' [e.clientX] '
//			    }
//			    else if (e.clientX || e.clientY)
//			    { // works on IE6,FF,Moz,Opera7
//			      // Note: I am adding together both the "body" and "documentElement" scroll positions
//			      //       this lets me cover for the quirks that happen based on the "doctype" of the html page.
//			      //         (example: IE6 in compatibility mode or strict)
//			      //       Based on the different ways that IE,FF,Moz,Opera use these ScrollValues for body and documentElement
//			      //       it looks like they will fill EITHER ONE SCROLL VALUE OR THE OTHER, NOT BOTH 
//			      //         (from info at http://www.quirksmode.org/js/doctypes.html)
//			      mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
//			      mousey = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
//			      algor = '[e.clientX]';
//			      if (e.pageX || e.pageY) algor += ' [e.pageX] '
//			    }
//			  }
//			  return mousex;
//			}		
//			
function ShowName(info, event) {
				document.getElementById('infoNote').innerHTML = info;
				//document.getElementById('infoNote').style.top = getMouseY(event)+5;
				//document.getElementById('infoNote').style.left = getMouseX(event)+7;
				document.getElementById('infoNote').style.display = 'block';
			}
			
function HideName() {
				document.getElementById('infoNote').style.display = 'none';
			}
			
			// name div display position for each element
			
			function Item1() {
				document.getElementById('infoNote').style.marginTop = '23px';
				document.getElementById('infoNote').style.marginLeft = '188px';
			}
			function Item2() {
				document.getElementById('infoNote').style.marginTop = '12px';
				document.getElementById('infoNote').style.marginLeft = '121px';
			}
			function Item3() {
				document.getElementById('infoNote').style.marginTop = '45px';
				document.getElementById('infoNote').style.marginLeft = '154px';
			}
			function Item4() {
				document.getElementById('infoNote').style.marginTop = '278px';
				document.getElementById('infoNote').style.marginLeft = '404px';
			}
			function Item5() {
				document.getElementById('infoNote').style.marginTop = '304px';
				document.getElementById('infoNote').style.marginLeft = '391px';
			}
			function Item6() {
				document.getElementById('infoNote').style.marginTop = '282px';
				document.getElementById('infoNote').style.marginLeft = '327px';
			}
			function Item7() {
				document.getElementById('infoNote').style.marginTop = '246px';
				document.getElementById('infoNote').style.marginLeft = '287px';
			}
			function Item8() {
				document.getElementById('infoNote').style.marginTop = '218px';
				document.getElementById('infoNote').style.marginLeft = '292px';
			}
			function Item9() {
				document.getElementById('infoNote').style.marginTop = '191px';
				document.getElementById('infoNote').style.marginLeft = '264px';
			}
			function Item10() {
				document.getElementById('infoNote').style.marginTop = '172px';
				document.getElementById('infoNote').style.marginLeft = '274px';
			}
			function Item11() {
				document.getElementById('infoNote').style.marginTop = '168px';
				document.getElementById('infoNote').style.marginLeft = '243px';
			}
			function Item12() {
				document.getElementById('infoNote').style.marginTop = '286px';
				document.getElementById('infoNote').style.marginLeft = '340px';
			}