//<![CDATA[

	
//    var map = null;
//    var geocoder = null;
//    var gdir;
//    var gicons = new GIcon(G_DEFAULT_ICON, "/hos_marker.png");

//  var iconOptions = {};
//  iconOptions.width = 30;
//  iconOptions.height = 30;
//  iconOptions.primaryColor = "#006FAAFF";
 // iconOptions.cornerColor = "#00A7FFFF";
//  iconOptions.strokeColor = "#010000FF";
//  var gicons = MapIconMaker.createMarkerIcon(iconOptions);
    var iconYellow = new GIcon(); 
    iconYellow.image = 'mm_20_yellow.png';
    iconYellow.shadow = 'mm_20_shadow.png';
    iconYellow.iconSize = new GSize(12, 20);
    iconYellow.shadowSize = new GSize(22, 20);
    iconYellow.iconAnchor = new GPoint(6, 20);
    iconYellow.infoWindowAnchor = new GPoint(5, 1);	
 
    var iconPurple = new GIcon(); 
    iconPurple.image = 'mm_20_purple.png';
    iconPurple.shadow = 'mm_20_shadow.png';
    iconPurple.iconSize = new GSize(12, 20);
    iconPurple.shadowSize = new GSize(22, 20);
    iconPurple.iconAnchor = new GPoint(6, 20);
    iconPurple.infoWindowAnchor = new GPoint(5, 1);	

    var iconBrown = new GIcon(); 
    iconBrown.image = 'mm_20_brown.png';
    iconBrown.shadow = 'mm_20_shadow.png';
    iconBrown.iconSize = new GSize(12, 20);
    iconBrown.shadowSize = new GSize(22, 20);
    iconBrown.iconAnchor = new GPoint(6, 20);
    iconBrown.infoWindowAnchor = new GPoint(5, 1);	

    var iconGray = new GIcon(); 
    iconGray.image = 'mm_20_gray.png';
    iconGray.shadow = 'mm_20_shadow.png';
    iconGray.iconSize = new GSize(12, 20);
    iconGray.shadowSize = new GSize(22, 20);
    iconGray.iconAnchor = new GPoint(6, 20);
    iconGray.infoWindowAnchor = new GPoint(5, 1);	

    var iconBlue = new GIcon(); 
    iconBlue.image = 'mm_20_blue.png';
    iconBlue.shadow = 'mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconOrange = new GIcon(); 
    iconOrange.image = 'mm_20_orange.png';
    iconOrange.shadow = 'mm_20_shadow.png';
    iconOrange.iconSize = new GSize(12, 20);
    iconOrange.shadowSize = new GSize(22, 20);
    iconOrange.iconAnchor = new GPoint(6, 20);
    iconOrange.infoWindowAnchor = new GPoint(5, 1);	

    var iconBlack = new GIcon(); 
    iconBlack.image = 'mm_20_black.png';
    iconBlack.shadow = 'mm_20_shadow.png';
    iconBlack.iconSize = new GSize(12, 20);
    iconBlack.shadowSize = new GSize(22, 20);
    iconBlack.iconAnchor = new GPoint(6, 20);
    iconBlack.infoWindowAnchor = new GPoint(5, 1);	

    var iconGreen = new GIcon(); 
    iconGreen.image = 'mm_20_green.png';
    iconGreen.shadow = 'mm_20_shadow.png';
    iconGreen.iconSize = new GSize(12, 20);
    iconGreen.shadowSize = new GSize(22, 20);
    iconGreen.iconAnchor = new GPoint(6, 20);
    iconGreen.infoWindowAnchor = new GPoint(5, 1);	

    var iconRed = new GIcon(); 
    iconRed.image = 'mm_20_red.png';
    iconRed.shadow = 'mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var iconWhite = new GIcon(); 
    iconWhite.image = 'mm_20_white.png';
    iconWhite.shadow = 'mm_20_shadow.png';
    iconWhite.iconSize = new GSize(12, 20);
    iconWhite.shadowSize = new GSize(22, 20);
    iconWhite.iconAnchor = new GPoint(6, 20);
    iconWhite.infoWindowAnchor = new GPoint(5, 1);	

    var customIcons = [];
    customIcons["Italy"] = iconBlue;
	customIcons["Bed & Breakfast"] = iconPurple;
    customIcons["Farm Home"] = iconBrown;
    customIcons["Guest House"] = iconGray;
    customIcons["Hotel"] = iconBlue;
    customIcons["Not Classified"] = iconOrange;
    customIcons["Residence"] = iconBlack;
    customIcons["Town House Suite"] = iconGreen;
    customIcons["Attraction"] = iconRed;
    customIcons["Test"] = iconWhite;

function showMap(address,infowin) {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
	gdir = new GDirections(map, document.getElementById("directions"));
	GEvent.addListener(gdir, "load", onGDirectionsLoad);
	map.addControl(new GSmallMapControl());
        geocoder = new GClientGeocoder();
	showAddress(address,infowin);
      }
}
 	

function setDirections(toAddress, fromAddress, locale) {
      gdir.load("from: " + fromAddress + " to: " + toAddress,
                { "locale": locale });
    }

      
    function showAddress(address,infowin) {
      if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              /*alert(address + " not found");*/
            } else {
              map.setCenter(point, 8);
	            var marker = new GMarker(point, gicons);
//              var marker = new GMarker(point, customIcons[type]);
              map.addOverlay(marker);
              marker.openInfoWindowHtml(infowin); 

to_html =  '<br>Enter your Starting Address for Directions to <br><b>' +
	   address + '</b>' +
           '<form action="javascript:setDirections("address", "fromAddress", "en_UK")">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" id="saddr" value="fromAddress"/>';

	      
	    GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml(to_html);
        	});

	    setDirections("address", "toAddress", "en_US");
         
            }
          }
        );
      }
    }


    function onGDirectionsLoad(){ 
	}


function createRequest() {
  
  // create an Ajax Request
  
  var ajaxRequest;
  
  try
  {
    ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
  }    
    catch (e1)
    {
      try
      {
        ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
      }
        catch (e2)
        {
          ajaxRequest = new XMLHttpRequest();
        }
    }
  
  return ajaxRequest;
}


function load(number,zoom,accomm,lat1,lon1) {      
//  map.clearOverlays();
//  var ajax_connection = createRequest();
//  ajax_connection.open('get', "rome.xml");

  if (GBrowserIsCompatible()) {        
    var map = new GMap2(document.getElementById("map_el"));        
    map.addControl(new GLargeMapControl());        
    map.addControl(new GMapTypeControl());        
    map.setCenter(new GLatLng(lat1, lon1), zoom);            
//   ajax_connection.onreadystatechange = function(data){ 
   GDownloadUrl("beach.xml", function(data) {          
//     var xml = ajax_connection.parse(data);
      var xml = GXml.parse(data);          
      var markers = xml.documentElement.getElementsByTagName("marker");          
      for (var i = 0; i < number; i++) {            
//markers.length
		var name = markers[i].getAttribute("name");          
		var nameurl = markers[i].getAttribute("name_url");        
		var pic = markers[i].getAttribute("pic");     
		var url = markers[i].getAttribute("url"); 
		var address2 = markers[i].getAttribute("address_url2"); 
		var address3 = markers[i].getAttribute("address_url3"); 
		var package = markers[i].getAttribute("package"); 
		var description = markers[i].getAttribute("description"); 	  
		var type = markers[i].getAttribute("type");
		var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
if (type = accomm) {
var marker = createMarker(point, name, nameurl, pic, url, address2, address3, package, description, type);
      var count = markers[i]; 
}
// 	  	}           
	  map.addOverlay(marker); 

	  }        
      });      
    }    
  }    



function createMarker(point, name, nameurl, pic, url, address2, address3, package, description, type ) {      
//    var marker = new GMarker(point,gicons);       

var marker = new GMarker(point, customIcons[type]);

    var html = "<p style='font-family:arial;font-size:120%'><b><a href='http://www.beachfronthotels.co.uk/beachresortView.php?ProdID=" + url + "'>" + name + "</a></b>" + "<a href='http://www.beachfronthotels.co.uk/beachresortView.php?ProdID=" + url + "'><table class='td'><tr valign='top'><td valign='top' class='footer'><img border='0' width='150' align='top' src='" + pic + "'></a></td><td valign='top' class='footer'><b>" + type + " Details</b> " + description + "<br><br><b>Price from: EUR </b>" + nameurl + 
	" <u><b><a target = '_blank' href='http://www.beachfronthotels.co.uk/beachresortView.php?ProdID=" + url + "'>Click Here</a></b></u> for more info</p></td></tr></table>";      
    GEvent.addListener(marker, 'click', function() {        
      marker.openInfoWindowHtml(html);     });      
   return marker;   

  }