dots = new Array();count_dots = 0;myWin = '';

function get_position(o)
{
  var x = y = 0;
  while(o) { x += o.offsetLeft; y += o.offsetTop; o = o.offsetParent; }
  return { "left": x, "top": y };
} 

function popup(id)
{
  myWin = open("popup.php?id="+id,null,"width=400,height=300");
  myWin.focus();
}


function show_dots()
{
  var map = document.getElementById("map");
  var map_pos = get_position(map);
  for(i=0; i<count_dots; i++)
  {
    str = "<div id='map' align='left' style='position:absolute; top: "+(map_pos.top+dots[i].top-1)+"px; left: "+(map_pos.left+dots[i].left-1)+"px;'><a href='javascript:popup("+dots[i]['id']+");'><img border=0 src='map/dot.gif'><br>"+dots[i]['name']+"</a></div>";
    document.write(str);
  }
}