//<![CDATA[

    var iconBlue = new GIcon(); 
    iconBlue.image = '../templates/defaut/images/markers/blue.png';
    iconBlue.shadow = '../templates/defaut/images/markers/blue.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 iconRed = new GIcon(); 
    iconRed.image = '../templates/defaut/images/markers/red.png';
    iconRed.shadow = '../templates/defaut/images/markers/red.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 iconMotorcycling = new GIcon(); 
    iconMotorcycling.image = '../templates/defaut/images/markers/motorcycling.png';
    iconMotorcycling.shadow = '../templates/defaut/images/markers/motorcycling.shadow.png';
    iconMotorcycling.iconSize = new GSize(12, 20);
    iconMotorcycling.shadowSize = new GSize(22, 20);
    iconMotorcycling.iconAnchor = new GPoint(6, 20);
    iconMotorcycling.infoWindowAnchor = new GPoint(5, 1);

    var iconCycling = new GIcon(); 
    iconCycling.image = '../templates/defaut/images/markers/cycling.png';
    iconCycling.shadow = '../templates/defaut/images/markers/cycling.shadow.png';
    iconCycling.iconSize = new GSize(12, 20);
    iconCycling.shadowSize = new GSize(22, 20);
    iconCycling.iconAnchor = new GPoint(6, 20);
    iconCycling.infoWindowAnchor = new GPoint(5, 1);

    var iconResto = new GIcon(); 
    iconResto.image = '../templates/defaut/images/markers/restaurant.png';
    iconResto.shadow = '../templates/defaut/images/markers/restaurant.shadow.png';
    iconResto.iconSize = new GSize(30, 30);
    iconResto.shadowSize = new GSize(30, 30);
    iconResto.iconAnchor = new GPoint(6, 20);
    iconResto.infoWindowAnchor = new GPoint(5, 1);

    var iconPlane = new GIcon(); 
    iconPlane.image = '../templates/defaut/images/markers/plane.png';
    iconPlane.shadow = '../templates/defaut/images/markers/plane.shadow.png';
    iconPlane.iconSize = new GSize(30, 30);
    iconPlane.shadowSize = new GSize(30, 30);
    iconPlane.iconAnchor = new GPoint(6, 20);
    iconPlane.infoWindowAnchor = new GPoint(5, 1);

    var iconGolfer = new GIcon(); 
    iconGolfer.image = '../templates/defaut/images/markers/golfer.png';
    iconGolfer.shadow = '../templates/defaut/images/markers/golfer.shadow.png';
    iconGolfer.iconSize = new GSize(30, 30);
    iconGolfer.shadowSize = new GSize(30, 30);
    iconGolfer.iconAnchor = new GPoint(6, 20);
    iconGolfer.infoWindowAnchor = new GPoint(5, 1);

    var iconCoffee = new GIcon(); 
    iconCoffee.image = '../templates/defaut/images/markers/coffeehouse.png';
    iconCoffee.shadow = '../templates/defaut/images/markers/coffeehouse.shadow.png';
    iconCoffee.iconSize = new GSize(30, 30);
    iconCoffee.shadowSize = new GSize(30, 30);
    iconCoffee.iconAnchor = new GPoint(6, 20);
    iconCoffee.infoWindowAnchor = new GPoint(5, 1);

    var iconBar = new GIcon(); 
    iconBar.image = '../templates/defaut/images/markers/bar.png';
    iconBar.shadow = '../templates/defaut/images/markers/bar.shadow.png';
    iconBar.iconSize = new GSize(30, 30);
    iconBar.shadowSize = new GSize(30, 30);
    iconBar.iconAnchor = new GPoint(6, 20);
    iconBar.infoWindowAnchor = new GPoint(5, 1);

    var iconShopping = new GIcon(); 
    iconShopping.image = '../templates/defaut/images/markers/shopping.png';
    iconShopping.shadow = '../templates/defaut/images/markers/shopping.shadow.png';
    iconShopping.iconSize = new GSize(30, 30);
    iconShopping.shadowSize = new GSize(30, 30);
    iconShopping.iconAnchor = new GPoint(6, 20);
    iconShopping.infoWindowAnchor = new GPoint(5, 1);

    var iconConvienancestore = new GIcon(); 
    iconConvienancestore.image = '../templates/defaut/images/markers/convienancestore.png';
    iconConvienancestore.shadow = '../templates/defaut/images/markers/convienancestore.shadow.png';
    iconConvienancestore.iconSize = new GSize(30, 30);
    iconConvienancestore.shadowSize = new GSize(30, 30);
    iconConvienancestore.iconAnchor = new GPoint(6, 20);
    iconConvienancestore.infoWindowAnchor = new GPoint(5, 1);

    var iconSwimming = new GIcon(); 
    iconSwimming.image = '../templates/defaut/images/markers/swimming.png';
    iconSwimming.shadow = '../templates/defaut/images/markers/swimming.shadow.png';
    iconSwimming.iconSize = new GSize(30, 30);
    iconSwimming.shadowSize = new GSize(30, 30);
    iconSwimming.iconAnchor = new GPoint(6, 20);
    iconSwimming.infoWindowAnchor = new GPoint(5, 1);

    var iconSailing= new GIcon(); 
    iconSailing.image = '../templates/defaut/images/markers/sailing.png';
    iconSailing.shadow = '../templates/defaut/images/markers/sailing.shadow.png';
    iconSailing.iconSize = new GSize(30, 30);
    iconSailing.shadowSize = new GSize(30, 30);
    iconSailing.iconAnchor = new GPoint(6, 20);
    iconSailing.infoWindowAnchor = new GPoint(5, 1);

    var iconHiker= new GIcon(); 
    iconHiker.image = '../templates/defaut/images/markers/hiker.png';
    iconHiker.shadow = '../templates/defaut/images/markers/hiker.shadow.png';
    iconHiker.iconSize = new GSize(30, 30);
    iconHiker.shadowSize = new GSize(30, 30);
    iconHiker.iconAnchor = new GPoint(6, 20);
    iconHiker.infoWindowAnchor = new GPoint(5, 1);

    var iconLodging= new GIcon(); 
    iconLodging.image = '../templates/defaut/images/markers/lodging.png';
    iconLodging.shadow = '../templates/defaut/images/markers/lodging.shadow.png';
    iconLodging.iconSize = new GSize(30, 30);
    iconLodging.shadowSize = new GSize(30, 30);
    iconLodging.iconAnchor = new GPoint(6, 20);
    iconLodging.infoWindowAnchor = new GPoint(5, 1);

    var iconInfo= new GIcon(); 
    iconInfo.image = '../templates/defaut/images/markers/info.png';
    iconInfo.shadow = '../templates/defaut/images/markers/info.shadow.png';
    iconInfo.iconSize = new GSize(30, 30);
    iconInfo.shadowSize = new GSize(30, 30);
    iconInfo.iconAnchor = new GPoint(6, 20);
    iconInfo.infoWindowAnchor = new GPoint(5, 1);

    var iconMovies= new GIcon(); 
    iconMovies.image = '../templates/defaut/images/markers/movies.png';
    iconMovies.shadow = '../templates/defaut/images/markers/movies.shadow.png';
    iconMovies.iconSize = new GSize(30, 30);
    iconMovies.shadowSize = new GSize(30, 30);
    iconMovies.iconAnchor = new GPoint(6, 20);
    iconMovies.infoWindowAnchor = new GPoint(5, 1);

    var iconSalon = new GIcon(); 
    iconSalon.image = '../templates/defaut/images/markers/salon.png';
    iconSalon.shadow = '../templates/defaut/images/markers/salon.shadow.png';
    iconSalon.iconSize = new GSize(30, 30);
    iconSalon.shadowSize = new GSize(30, 30);
    iconSalon.iconAnchor = new GPoint(6, 20);
    iconSalon.infoWindowAnchor = new GPoint(5, 1);

    var iconFishing = new GIcon(); 
    iconFishing.image = '../templates/defaut/images/markers/fishing.png';
    iconFishing.shadow = '../templates/defaut/images/markers/fishing.shadow.png';
    iconFishing.iconSize = new GSize(30, 30);
    iconFishing.shadowSize = new GSize(30, 30);
    iconFishing.iconAnchor = new GPoint(6, 20);
    iconFishing.infoWindowAnchor = new GPoint(5, 1);

    var iconGas = new GIcon(); 
    iconGas.image = '../templates/defaut/images/markers/gas.png';
    iconGas.shadow = '../templates/defaut/images/markers/gas.shadow.png';
    iconGas.iconSize = new GSize(30, 30);
    iconGas.shadowSize = new GSize(30, 30);
    iconGas.iconAnchor = new GPoint(6, 20);
    iconGas.infoWindowAnchor = new GPoint(5, 1);

    var iconFlag = new GIcon(); 
    iconFlag.image = '../templates/defaut/images/markers/flag.png';
    iconFlag.shadow = '../templates/defaut/images/markers/flag.shadow.png';
    iconFlag.iconSize = new GSize(30, 30);
    iconFlag.shadowSize = new GSize(30, 30);
    iconFlag.iconAnchor = new GPoint(6, 20);
    iconFlag.infoWindowAnchor = new GPoint(5, 1);

    var iconHospitals = new GIcon(); 
    iconHospitals.image = '../templates/defaut/images/markers/hospitals.png';
    iconHospitals.shadow = '../templates/defaut/images/markers/hospitals.shadow.png';
    iconHospitals.iconSize = new GSize(30, 30);
    iconHospitals.shadowSize = new GSize(30, 30);
    iconHospitals.iconAnchor = new GPoint(6, 20);
    iconHospitals.infoWindowAnchor = new GPoint(5, 1);

    var iconBus = new GIcon(); 
    iconBus.image = '../templates/defaut/images/markers/bus.png';
    iconBus.shadow = '../templates/defaut/images/markers/bus.shadow.png';
    iconBus.iconSize = new GSize(30, 30);
    iconBus.shadowSize = new GSize(30, 30);
    iconBus.iconAnchor = new GPoint(6, 20);
    iconBus.infoWindowAnchor = new GPoint(5, 1);

    var iconCabs = new GIcon(); 
    iconCabs.image = '../templates/defaut/images/markers/cabs.png';
    iconCabs.shadow = '../templates/defaut/images/markers/cabs.shadow.png';
    iconCabs.iconSize = new GSize(30, 30);
    iconCabs.shadowSize = new GSize(30, 30);
    iconCabs.iconAnchor = new GPoint(6, 20);
    iconCabs.infoWindowAnchor = new GPoint(5, 1);

    var iconArts = new GIcon(); 
    iconArts.image = '../templates/defaut/images/markers/arts.png';
    iconArts.shadow = '../templates/defaut/images/markers/arts.shadow.png';
    iconArts.iconSize = new GSize(30, 30);
    iconArts.shadowSize = new GSize(30, 30);
    iconArts.iconAnchor = new GPoint(6, 20);
    iconArts.infoWindowAnchor = new GPoint(5, 1);

    var iconWater = new GIcon(); 
    iconWater.image = '../templates/defaut/images/markers/water.png';
    iconWater.shadow = '../templates/defaut/images/markers/water.shadow.png';
    iconWater.iconSize = new GSize(30, 30);
    iconWater.shadowSize = new GSize(30, 30);
    iconWater.iconAnchor = new GPoint(6, 20);
    iconWater.infoWindowAnchor = new GPoint(5, 1);

    var iconToilets = new GIcon(); 
    iconToilets.image = '../templates/defaut/images/markers/toilets.png';
    iconToilets.shadow = '../templates/defaut/images/markers/toilets.shadow.png';
    iconToilets.iconSize = new GSize(30, 30);
    iconToilets.shadowSize = new GSize(30, 30);
    iconToilets.iconAnchor = new GPoint(6, 20);
    iconToilets.infoWindowAnchor = new GPoint(5, 1);

    var iconPhone = new GIcon(); 
    iconPhone.image = '../templates/defaut/images/markers/phone.png';
    iconPhone.shadow = '../templates/defaut/images/markers/phone.shadow.png';
    iconPhone.iconSize = new GSize(30, 30);
    iconPhone.shadowSize = new GSize(30, 30);
    iconPhone.iconAnchor = new GPoint(6, 20);
    iconPhone.infoWindowAnchor = new GPoint(5, 1);

    var iconHorsebackriding = new GIcon(); 
    iconHorsebackriding.image = '../templates/defaut/images/markers/horsebackriding.png';
    iconHorsebackriding.shadow = '../templates/defaut/images/markers/horsebackriding.shadow.png';
    iconHorsebackriding.iconSize = new GSize(30, 30);
    iconHorsebackriding.shadowSize = new GSize(30, 30);
    iconHorsebackriding.iconAnchor = new GPoint(6, 20);
    iconHorsebackriding.infoWindowAnchor = new GPoint(5, 1);

    var iconTree = new GIcon(); 
    iconTree.image = '../templates/defaut/images/markers/tree.png';
    iconTree.shadow = '../templates/defaut/images/markers/tree.shadow.png';
    iconTree.iconSize = new GSize(30, 30);
    iconTree.shadowSize = new GSize(30, 30);
    iconTree.iconAnchor = new GPoint(6, 20);
    iconTree.infoWindowAnchor = new GPoint(5, 1);

    var iconVolcano = new GIcon(); 
    iconVolcano.image = '../templates/defaut/images/markers/volcano.png';
    iconVolcano.shadow = '../templates/defaut/images/markers/volcano.shadow.png';
    iconVolcano.iconSize = new GSize(30, 30);
    iconVolcano.shadowSize = new GSize(30, 30);
    iconVolcano.iconAnchor = new GPoint(6, 20);
    iconVolcano.infoWindowAnchor = new GPoint(5, 1);
	
    var iconSnackbar = new GIcon(); 
    iconSnackbar.image = '../templates/defaut/images/markers/snack_bar.png';
    iconSnackbar.shadow = '../templates/defaut/images/markers/snack_bar.shadow.png';
    iconSnackbar.iconSize = new GSize(30, 30);
    iconSnackbar.shadowSize = new GSize(30, 30);
    iconSnackbar.iconAnchor = new GPoint(6, 20);
    iconSnackbar.infoWindowAnchor = new GPoint(5, 1);

    var iconWaterfalls = new GIcon(); 
    iconWaterfalls.image = '../templates/defaut/images/markers/waterfalls.png';
    iconWaterfalls.shadow = '../templates/defaut/images/markers/waterfalls.shadow.png';
    iconWaterfalls.iconSize = new GSize(30, 30);
    iconWaterfalls.shadowSize = new GSize(30, 30);
    iconWaterfalls.iconAnchor = new GPoint(6, 20);
    iconWaterfalls.infoWindowAnchor = new GPoint(5, 1); 

    var iconRangerstation = new GIcon(); 
    iconRangerstation.image = '../templates/defaut/images/markers/rangerstation.png';
    iconRangerstation.shadow = '../templates/defaut/images/markers/rangerstation.shadow.png';
    iconRangerstation.iconSize = new GSize(30, 30);
    iconRangerstation.shadowSize = new GSize(30, 30);
    iconRangerstation.iconAnchor = new GPoint(6, 20);
    iconRangerstation.infoWindowAnchor = new GPoint(5, 1); 

    var iconFerry = new GIcon(); 
    iconFerry.image = '../templates/defaut/images/markers/ferry.png';
    iconFerry.shadow = '../templates/defaut/images/markers/ferry.shadow.png';
    iconFerry.iconSize = new GSize(30, 30);
    iconFerry.shadowSize = new GSize(30, 30);
    iconFerry.iconAnchor = new GPoint(6, 20);
    iconFerry.infoWindowAnchor = new GPoint(5, 1);

    var iconSportvenue = new GIcon(); 
    iconSportvenue.image = '../templates/defaut/images/markers/sportvenue.png';
    iconSportvenue.shadow = '../templates/defaut/images/markers/sportvenue.shadow.png';
    iconSportvenue.iconSize = new GSize(30, 30);
    iconSportvenue.shadowSize = new GSize(30, 30);
    iconSportvenue.iconAnchor = new GPoint(6, 20);
    iconSportvenue.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["blue"] = iconBlue;
    customIcons["restaurant"] = iconResto;
    customIcons["bar"] = iconBar;
    customIcons["plane"] = iconPlane;
    customIcons["golfer"] = iconGolfer;
    customIcons["coffeehouse"] = iconCoffee;
    customIcons["ferry"] = iconFerry;
    customIcons["rangerstation"] = iconRangerstation;
    customIcons["waterfalls"] = iconWaterfalls;
    customIcons["snack_bar"] = iconSnackbar;
    customIcons["volcano"] = iconVolcano;
    customIcons["horsebackriding"] = iconHorsebackriding;
    customIcons["tree"] = iconTree;
    customIcons["phone"] = iconPhone;
    customIcons["toilets"] = iconToilets;
    customIcons["water"] = iconWater;
    customIcons["arts"] = iconArts;
    customIcons["cabs"] = iconCabs;
    customIcons["bus"] = iconBus;
    customIcons["hospitals"] = iconHospitals;
    customIcons["flag"] = iconFlag;
    customIcons["gas"] = iconGas;
    customIcons["fishing"] = iconFishing;
    customIcons["salon"] = iconSalon;
    customIcons["movies"] = iconMovies;
    customIcons["sailing"] = iconSailing;
    customIcons["swimming"] = iconSwimming;
    customIcons["sportvenue"] = iconSportvenue;
    customIcons["shopping"] = iconShopping;
    customIcons["convienancestore"] = iconConvienancestore;
    customIcons["hiker"] = iconHiker;
    customIcons["info"] = iconInfo;
    customIcons["Lodging"] = iconlodging;

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl3D());
        map.addControl(new GMenuMapTypeControl());
        map.setCenter(new GLatLng(16.200962, -61.482580), 11);

        GDownloadUrl("../xml/map.xml", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
		
      }
	  
    }
	
	
    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>" + name + "</b> <br/>" + address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>