var offsetX=-65
var offsetY=20 
var ie=document.all
var ns6=document.getElementById && !document.all
var enablenote=false
if (ie||ns6){
  var noteobject=document.all? document.all["mapnote"] : document.getElementById? document.getElementById("mapnote") : ""
}

function overDot(imgid, img){
  
  document.getElementById(imgid).src=img 
  document.getElementById(imgid).style.zIndex="4"
  displaynote(document.getElementById(imgid).alt,'#005A33')   
}

function outDot(imgid, img){ 
  document.getElementById(imgid).src=img
  document.getElementById(imgid).style.zIndex="3"
  
  hidenote()
}

function displaynote(notetext, notecolor){
  if (ns6||ie){
    if (typeof notecolor!="undefined" && notecolor!=""){
      noteobject.style.backgroundColor=notecolor
    }
    noteobject.innerHTML=notetext
    noteobject.style.width="auto"          
    enablenote=true
    document.onmousemove=positionNote    
  }
}

function hidenote(){
  if (ns6||ie){
    enablenote=false
    noteobject.style.visibility="hidden"
    noteobject.style.left="-1000px"
  }
}

function getbody(){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionNote(e){
  if (enablenote){
    var curX=(ns6)?e.pageX : event.clientX+getbody().scrollLeft;
    var curY=(ns6)?e.pageY : event.clientY+getbody().scrollTop;
    noteobject.style.left=curX+offsetX+"px"
    noteobject.style.top=curY+offsetY+"px"
    noteobject.style.visibility="visible"
  }
}