//<![CDATA[
    var map;
    var geocoder;
    var markers;
    function load() {
      if (GBrowserIsCompatible()) {
        
    var icon = new GIcon();
    icon.image = "images/mes_logo_1_s.png";
    icon.shadow = "images/shadow-mes_logo_1_s.png";
    icon.iconSize = new GSize(30.0, 41.0);
    icon.shadowSize = new GSize(51.0, 41.0);
    icon.iconAnchor = new GPoint(15.0, 20.0);
    icon.infoWindowAnchor = new GPoint(15.0, 20.0);
		
		
		
		geocoder = new GClientGeocoder();
        map = new GMap2(document.getElementById('map'));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.144894,-1.771545), 8);
		searchLocationsNear(icon) 
      }
    }



   function searchLocationsNear(icon) 
   {
     var searchUrl = "office_info_1.xml";
     
	 GDownloadUrl(searchUrl, function(data) 
	                            {
                                    var xml = GXml.parse(data);
                                    markers = xml.documentElement.getElementsByTagName('marker');
                                    map.clearOverlays();

                                   var sidebar = document.getElementById('sidebar');
                                   sidebar.innerHTML = '';
       
	                                  if (markers.length == 0) {
                                                            sidebar.innerHTML = 'No results found.';
                                                             map.setCenter(new GLatLng(51.144894,-1.771545), 8);
                                                            return;
                                                               }

                                        var bounds = new GLatLngBounds();
      
	                                    for (var i = 0; i < markers.length; i++) 
	                                         {
                                                 var name = markers[i].getAttribute('name');
                                                 var address1 = markers[i].getAttribute('address1');
												 var address2 = markers[i].getAttribute('address2');
												 var address3 = markers[i].getAttribute('address3');
												 var address4 = markers[i].getAttribute('address4');
												 var tel = markers[i].getAttribute('tel');
												 var telindex = markers[i].getAttribute('telindex');
												 var fax = markers[i].getAttribute('fax');
             
                                                var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
                                                parseFloat(markers[i].getAttribute('lng')));
                
                                                var marker = createMarker(point, name, address1, address2, address3, address4, tel, telindex, fax, icon);
                                                map.addOverlay(marker);
                                         
		                                      var sidebarEntry = createSidebarEntry(marker, name, address1, address2, address3, address4, tel, telindex, fax);
                                             sidebar.appendChild(sidebarEntry);
                                              bounds.extend(point);
                                               }
                                           map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
                                        }
					);
   }

    function createMarker(point, name, address1, address2, address3, address4, tel, telindex, fax, icon) 
 {
      var marker = new GMarker(point,icon);
      var html = '<img src = "images/mes_logo_1.jpg"><b>' + name + '</b> <br />' + address1+'<br />'+address2+'<br />'+address3+'<br />TEL:'+tel;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }

  
    function createSidebarEntry(marker, name, address1, address2, address3, address4, tel,telindex,fax) {
      var div = document.createElement('div');
      
	  var html;
	  if(address3=="")
	  {
	  
	  html = '<b>' + name + '</b> <br />' + address1+'<br />'+address2+'<br /><b>TEL:</b>'+tel+'<font color ="#FF0000">'+telindex+'</font><br /><b>FAX:</b>'+fax+'<br /><br />';
	  }
	  else
	  {
	     html = '<b>' + name + '</b> <br />' + address1+'<br />'+address2+'<br />'+address3+'<br />'+address4+'<br /><b>TEL:</b>'+tel+'<font color ="#FF0000">'+telindex+'</font><br /><b>FAX:</b>'+fax+'<br /><br />';
	  }
      div.innerHTML = html;
      div.style.cursor = 'pointer';
      div.style.marginBottom = '5px'; 
      GEvent.addDomListener(div, 'click', function() {
        GEvent.trigger(marker, 'click');
      });
      GEvent.addDomListener(div, 'mouseover', function() {
        div.style.backgroundColor = '#eee';
      });
      GEvent.addDomListener(div, 'mouseout', function() {
        div.style.backgroundColor = '#fff';
      });
      return div;
    }
    //]]>