var icon = new GIcon();
icon.image = "/gicons/homeico.png";
icon.shadow = "";
icon.iconSize = new GSize(32,34);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(20,10);

var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl()) ;
map.centerAndZoom(new GPoint(-123.16957900,49.32943500), 6);


function createMarker(point, id) {

icon.image=iconimg[id];

var marker = new GMarker(point,{icon:icon,zIndexProcess:importanceOrder});

  var html = "<table cellpadding=0 cellspacing=0><tr><td align=center height=30 valign=bottom><img src='/images/maplogo.jpg'></td></tr><tr><td height=180><a href=javascript:loadurl('/leslieDetail.php?"+lid[id]+"')><img src="+imgs[id]+" border=0></a></td></tr><tr><td align=center class=txt>"+titles[id]+"</td></tr><tr><td align=center><table align=center  border='0' cellspacing='0' cellpadding='0'><tr><td width=45><a href='javascript:zoommap("+map.getZoomLevel()+","+latis[id]+","+longis[id]+",0)'><img src='/images/zoom_r1_c1.jpg' border=0></a></td><td><a href='javascript:zoommap("+map.getZoomLevel()+","+latis[id]+","+longis[id]+",0)'>Zoom out</a> / <a href='javascript:zoommap("+map.getZoomLevel()+","+latis[id]+","+longis[id]+",1)'>Zoom in</a></td><td width=45 align=right><a href='javascript:zoommap("+map.getZoomLevel()+","+latis[id]+","+longis[id]+",1)'><img src='/images/zoom_r1_c3.jpg' border=0></a></td></tr></table></td></tr></table>";
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });

  return marker;
}


var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;

var start=0;
var stopadd=0;
function addmarkerafterload()
{
  i=start;
  if (i < mapcount ) {
    var point = new GPoint(longis[i],
                          latis[i]);
    var marker = createMarker(point,i);
    markarr[i]=marker;
    map.addOverlay(marker);
    start++;
  }
  else
  {
   stopadd=1;
  }

  if(start==mapcount)
  {
  
  stopadd=1;
  }
}
function startmarker()
{
  //alert (mapcount);
  var timer=50;
  for(i=0;i< mapcount ;i++)
  {
  setTimeout('addmarkerafterload()',timer);
  timer+=50;
  }

}
function remmark()
{
for(i=0;i<markarr.length;i++)
{

map.removeOverlay(markarr[i]);
}
}
function loadurl(url)
{
  top.document.location.href=url;
}

function zoommap(level,lati,longi,zin)
{
if(zin==1)
  level=map.getZoomLevel()-1;
else
 level=map.getZoomLevel()+1;

if(level>17)
{
 level=17;
alert('Sorry! Cannot zoom out further');
}
else if(level<0)
{
 level=0;
alert('Sorry! Cannot zoom in further');
}

map.centerAndZoom(new GPoint(longi,lati), level);
}


function zoommapto(level,lati,longi,zin)
{


if(level>17)
{
 level=17;
alert('Sorry! Cannot zoom out further');
}
else if(level<0)
{
 level=0;
alert('Sorry! Cannot zoom in further');
}

map.centerAndZoom(new GPoint(longi,lati), level);
}

function importanceOrder (marker,b) {
 var importance = 1;
  if (icon.image == "/gicons/homeico.png" ) {importance = 1000; }
  
  return importance;
}