var map = null;

  var mgr = null;
  var bounds = null;

    function loadMap() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
          map.enableScrollWheelZoom();
        map.enableDoubleClickZoom();
        map.enableContinuousZoom();
        map.addControl(new GSmallZoomControl());
      map.addControl(new GOverviewMapControl());

 addPlacesToMap();

      }
    }
    

function addPlacesToMap() {
   //   map.clearOverlays();

bounds = new GLatLngBounds();
//var marker = new Array();
var markers = [];

  
for (var i=0;i<placeData.length;i++)
{

if (placeData[i] !=undefined)
{


var data = placeData[i].split("|*|");

bounds.extend(new GLatLng(data[5],data[4]));
var marker = createMarker(data);

markers.push(marker);
	
}

}

mgr = new MarkerManager(map);
mgr.addMarkers(markers,0);
mgr.refresh();

map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds)); 
 
    }


function createMarker(data)
{

//0=id
//1=name
//2=desc
//3=img src
//4=lat
//5=long
var point = new GLatLng(data[5],data[4]);       

var marker = new GMarker(point,{title:data[1]});


     GEvent.addListener(marker, "click", function() {
		location.replace("place.aspx?ID="+data[0]);
	});
	

	 GEvent.addListener(marker, "mouseover", function() {
	panMap(data[0],0); 
	});
	

return marker;

}


function placeSelected(x)
{
var placeID = x.options[x.selectedIndex].value
if (placeID != -1)
{
panMap(placeID);
}
else
{
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds)); 
}


}

function panMap(placeID,zoom)
{


var data = placeData[placeID].split("|*|");


            //0=id
            //1=name
            //2=desc
            //3=img src
            //4=lat
            //5=long


var point = new GLatLng(data[5],data[4]);

//var bounds = map.getBounds()
//if (!bounds.containsLatLng(point))
//{
//map.setCenter(point);
//}


if (zoom==1)
{map.setCenter(point);map.setZoom(15);}

var Html = "<div style='width:250px;min-height:90px;' onclick=\"location.replace('place.aspx?ID=" + data[0] + "')\"><div style='width:85px;float:left'><img src='" + data[3] + "'></div>";
Html = Html + "<div  style='width:160px;float:right'><h2>" + data[1] + "</h2></P>" + data[2] + "</div></div>";
map.openInfoWindowHtml(point, Html);




}