//<![CDATA[
var map;

function loadMap(lat,lon,zoom, name)
{
    // Check Browser Compatibility
    if (GBrowserIsCompatible())
    {
        xAddEventListener(window, 'unload', GUnload);
        var mapOptions = {
            googleBarOptions : {
              style : "new"
            }
          }        
                
        map = new GMap2(xGetElementById('map'), mapOptions);        
        var position = new GLatLng(lat, lon);
        map.setCenter(position, zoom);
        map.setUIToDefault();
        
        // street view
        var svOverlay = new GStreetviewOverlay();
        map.addOverlay(svOverlay);
        
        var myPano = new GStreetviewPanorama(xGetElementById('pano'));
        
        GEvent.addListener(map,"click", function(overlay,latlng) {       
          alert("map clicked at lat: " + latlng.lat());
          myPano.setLocationAndPOV(latlng);
          alert(myPano.getLatLng().lat());
        });        
        
        
        
        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
 
        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point) {
          // Create a lettered icon for this point using our icon class
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "http://www.google.com/mapfiles/marker.png";
 
          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);
 
          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("<h2>" + name + "</h2>");
          });
          return marker;
        }
        map.addOverlay(createMarker(position));
 
       
        
        //map.enableGoogleBar();        
        
        //map.openInfoWindow(position, document.createTextNode(name));   
        //map.addControl(new GSmallMapControl());
        //map.addControl(new GMapTypeControl());
        
        //var marker = new GMarker(position);
        //map.addOverlay(marker);


    }
}


//]]>