var mikehead;
var loc;
var img = '../images/Reybold_Logo_Small.gif';
var request;
var map;

function loadmap()
{
   var pickactive = ""+window.location;
   pickactive = pickactive.replace(/\%20/g," ");
   if (pickactive.indexOf("=") >0 )
   {
      pickactive= pickactive.substring(pickactive.indexOf("=")+1);
   } else {pickactive ="";}
  

   request = GXmlHttp.create();
   mikehead = new GIcon();
   mikehead.image = "http://www.reyboldselfstorage.com/images/Reybold_Icon.png";
   mikehead.shadow = "http://www.reyboldselfstorage.com/images/shadow.png";
   mikehead.iconSize = new GSize(25, 25);
   mikehead.shadowSize = new GSize(31, 30);
   mikehead.iconAnchor = new GPoint(15,25);
   mikehead.infoWindowAnchor = new GPoint(20, 0);

    map = new GMap(document.getElementById("gMapContainer"));
    map.addControl(new GLargeMapControl());
	    map.centerAndZoom(new GPoint(-75.664, 39.68), 7);


    request.open('GET', 'points.xml', true);
    request.onreadystatechange = function() {
     if (request.readyState == 4) {
	var xmlDoc = request.responseXML;
	var markers = xmlDoc.documentElement.getElementsByTagName("marker");
        loc = new Array(markers.length-1);
	for (var i = 0; i < markers.length; i++) {
  	var marker = createlocal( 
                   markers[i].getAttribute("name"),
                   markers[i].getAttribute("url"),
                   markers[i].getAttribute("addr"),
                   parseFloat(markers[i].getAttribute("lng")),
                   parseFloat(markers[i].getAttribute("lat")),
                   'http://www.reyboldselfstorage.com/images/Reybold_Logo_Small.gif',mikehead, pickactive);
  	 /* loc[i] = marker;
          map.addOverlay(loc[i]); */
	}
     }
   }
request.send(null);
return true;
}



//function createlocal(name, more, address, lat, long, img, icon) {
function createlocal(name, more,address,lat,lng,img,icon,now) {
    var point = new GPoint(lat, lng);
    var marker = new GMarker(point, icon);
    var html = '<div style="width: 250px;" class="bubble" style="font-size: 10px;"><TABLE><TR><TD><img src="'+img+'"></TD><TD>'+name+'<BR><a href="'+more+'" style="font-size: 10px;">More information</a></TD></TR></TABLE><form action="http://maps.google.com/maps" method="get" target="_blank" style="font-size: 10px;">Get Driving Directions to '+name+'<br>From Address: <input type="text" SIZE=25 MAXLENGTH=40 name="saddr" id="saddr"/><input type="hidden" name="daddr" value="'+address+'"/><p><input name="Submit" type="Submit" value="Map It!" style="font-size: 8px;"/></p></form></div>';
   GEvent.addListener(marker, 'click', function() 
   { marker.openInfoWindowHtml(html); 
     });

     map.addOverlay(marker)
     if (now == name)
     {
         marker.openInfoWindowHtml(html); 
     }
     return marker; 
}