var curSpotOpen = "";
var center=false;
var leftDivMargin=200;
var topDivMargin=150;

var orgPageHeight=null;

function toggleHotspot(area,id,show) {
  if(orgPageHeight==null && getElt('page')) {
    orgPageHeight = getEltHeight(getElt('page')) + 10;
  }

  if(curSpotOpen!="") {
    setEltDisplay(getElt(curSpotOpen),"none");
  }
  
  if(area!=null) {
    var map=area.parentNode;
    var x=getEltLeft(getElt('img_'+map.id), "x");
    var y=getEltTop(getElt('img_'+map.id), "y");

    var coords=(""+area.coords).split(",");
    var minX=10000;
    var minY=10000;
    var maxX=0;
    var maxY=0;
    var corInd;
    var shape=area.shape.toLowerCase();

    if (shape=="poly" || shape=="rect") {
      for (corInd=0;corInd<coords.length;corInd+=2) {
        var curX=parseInt(coords[corInd]);
        if (curX<minX) minX=curX;
        if (curX>maxX) maxX=curX;
      }
      for (corInd=1;corInd<coords.length;corInd+=2) {
        var curY=parseInt(coords[corInd]);
        if (curY<minY) minY=curY;
        if (curY>maxY) maxY=curY;
      }
      x+=(minX+maxX)/2;
      y+=(minY+maxY)/2;
    }
    else if (shape=="circle") {
      x+=parseInt(coords[0]);
      y+=parseInt(coords[1]);
    }

    setEltLeft(getElt(id),x);
    setEltTop(getElt(id),y);
    
    //alert('x='+x+'; y='+y);
  }
  
  setEltDisplay(getElt(id),show?"block":"none");
  
  if(getElt('page'))
    setEltHeight(getElt('page'), (getEltTop(getElt(id)) + orgPageHeight));
  
  if (show) {
    curSpotOpen = id;
  } else {
    curSpotOpen = "";
  }
  
  return false;
}