//<![CDATA[



Array[0] ='47.2626918';

Array[1] = '11.3946996';

Array[2] = 10;

Array[3] = '/map-tirol.php';





/*   we do not need this icon anymore

var tinyIcon = new GIcon();

tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";

tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";

tinyIcon.iconSize = new GSize(12, 20);

// tinyIcon.shadowSize = new GSize(22, 20);

tinyIcon.iconAnchor = new GPoint(1, 14);

tinyIcon.infoWindowAnchor = new GPoint(1, 14);


// Set up our GMarkerOptions object literal

markerOptions = { icon:tinyIcon };
*/


    function load() {

      if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));

        map.getContainer().style.overflow="hidden";



        map.addControl(new GLargeMapControl());

        map.addControl(new GMapTypeControl());



        
        
                     // bind a search control to the map, suppress result list
          map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(15,20)));
          
          

        map.addControl(new GScaleControl());


//--- OSM-Map -----------------------------------------------------
        var copyosm1 = "&copy; OpenStreetMap: ";
        var copyosm2 = "<a href='http://www.openstreetmap.com' target='_blank'>License</a>";
        var osm = [new GTileLayer()];
        osm[0].getTileUrl = function(a,b) {
        return "http://tile.openstreetmap.org/" + b + "/" + a.x + "/" + a.y + ".png"; };
        osm[0].getCopyright = function(a,b) {
        return {prefix:copyosm1, copyrightTexts:[copyosm2]}; }
        G_OSM_MAP = new GMapType(osm, G_SATELLITE_MAP.getProjection(), "OS-Map", {
        minResolution:0,maxResolution:15});
        map.addMapType(G_OSM_MAP);
//--- OSM-Map -----------------------------------------------------

  var copycycle1 = "&copy; Cloudmade: ";
  var copycycle2 = "<a href='http://www.cloudmade.com' target='_blank'>License</a>";
  var cycle = [new GTileLayer()];
  cycle[0].getTileUrl = function(a,b) {
  return "http://andy.sandbox.cloudmade.com/tiles/cycle/" + b + "/" + a.x + "/" + a.y + ".png"; };
  cycle[0].getCopyright = function(a,b) {
  return {prefix:copycycle1, copyrightTexts:[copycycle2]}; }
  G_CYCLE_MAP = new GMapType(cycle, G_SATELLITE_MAP.getProjection(), "Cycle-Map", {
  shortName: "Cycle-Map", alt: "Cycle-Map von Cloudmade.com anzeigen",
  minResolution:0,maxResolution:17});
  map.addMapType(G_CYCLE_MAP);


        map.setCenter(new GLatLng( Array[0],Array[1] ), Array[2]);



        map.enableDoubleClickZoom();

        map.enableContinuousZoom();

        map.addMapType(G_PHYSICAL_MAP);



        GDownloadUrl(Array[3], 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 thumb = markers[i].getAttribute("thumb");

            var kml = markers[i].getAttribute("kml");

            var desc = markers[i].getAttribute("desc");

            var cat = markers[i].getAttribute("cat");
            
            var catid = markers[i].getAttribute("catid");  // new line - parsing cat_id

            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),

                                    parseFloat(markers[i].getAttribute("lng")));

            var marker = createTabbedMarker(point, name, address, type, thumb, kml, cat, desc, catid); // added catid

            map.addOverlay(marker);

         }



        var mapmarker = new GMarker(new GLatLng(Array[0],Array[1]));

        var dMapDiv = document.getElementById('detailmap');

        var detailmap = new GMap2(dMapDiv);

        detailmap.setCenter(new GLatLng( Array[0],Array[1]), 5);

        detailmap.addOverlay(mapmarker);

        var CopyrightDivMap = dMapDiv.firstChild.nextSibling;

        var CopyrightImgMap = dMapDiv.firstChild.nextSibling.nextSibling;

        CopyrightDivMap.style.display = 'none';

        CopyrightImgMap.style.display = 'none';

        var mapmarker = new GMarker(mapmarker);



       var satmarker = new GMarker(new GLatLng(Array[0],Array[1]));

       var dSatDiv = document.getElementById('detailsat');

       var detailsat = new GMap2(dSatDiv);

       detailsat.setCenter(new GLatLng( Array[0],Array[1]), 2);

       detailsat.addOverlay(satmarker);

       var CopyrightDivSat = dSatDiv.firstChild.nextSibling;

       var CopyrightImgSat = dSatDiv.firstChild.nextSibling.nextSibling;

       CopyrightDivSat.style.display = 'none';

       CopyrightImgSat.style.display = 'none';

       var satmarker = new GMarker(satmarker);

        });

      }

    }

// adding new icons
    var iconBlue = new GIcon(); 
    iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
    iconBlue.shadow = 'http://labs.google.com/ridefinder/images/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 iconRed = new GIcon(); 
    iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
    iconRed.shadow = 'http://labs.google.com/ridefinder/images/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 = 'http://labs.google.com/ridefinder/images/mm_20_white.png';
    iconWhite.shadow = 'http://labs.google.com/ridefinder/images/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 iconBrown = new GIcon(); 
    iconBrown.image = 'http://labs.google.com/ridefinder/images/mm_20_brown.png';
    iconBrown.shadow = 'http://labs.google.com/ridefinder/images/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 iconYellow = new GIcon(); 
    iconYellow.image = 'http://labs.google.com/ridefinder/images/mm_20_yellow.png';
    iconYellow.shadow = 'http://labs.google.com/ridefinder/images/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 iconGreen = new GIcon(); 
    iconGreen.image = 'http://labs.google.com/ridefinder/images/mm_20_green.png';
    iconGreen.shadow = 'http://labs.google.com/ridefinder/images/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 iconOrange = new GIcon(); 
    iconOrange.image = 'http://labs.google.com/ridefinder/images/mm_20_orange.png';
    iconOrange.shadow = 'http://labs.google.com/ridefinder/images/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 = 'http://labs.google.com/ridefinder/images/mm_20_black.png';
    iconBlack.shadow = 'http://labs.google.com/ridefinder/images/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 iconPurple = new GIcon(); 
    iconPurple.image = 'http://www.via-ferrata.de/forum/templates/prosilverse/images/site_logo.gif';
    iconPurple.iconSize = new GSize(20, 20);
    iconPurple.shadowSize = new GSize(22, 20);
    iconPurple.iconAnchor = new GPoint(6, 20);
    iconPurple.infoWindowAnchor = new GPoint(5, 1);
    
                    var iconGray = new GIcon(); 
    iconGray.image = 'http://labs.google.com/ridefinder/images/mm_20_gray.png';
    iconGray.shadow = 'http://labs.google.com/ridefinder/images/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 iconHotel = new GIcon(); 
    iconHotel.image = 'http://www.tourendatenbank.com/images/icons/hotel.gif';
    iconHotel.iconSize = new GSize(20, 20);
    iconHotel.iconAnchor = new GPoint(6, 20);
    iconHotel.infoWindowAnchor = new GPoint(5, 1);

    var iconKlettersteig = new GIcon(); 
    iconKlettersteig.image = 'http://www.tourendatenbank.com/images/icons/KS.gif';
    iconKlettersteig.iconSize = new GSize(20, 20);
    iconKlettersteig.iconAnchor = new GPoint(6, 20);
    iconKlettersteig.infoWindowAnchor = new GPoint(5, 1);

    var iconTopspot = new GIcon(); 
    iconTopspot.image = './images/geocache.png';
    iconTopspot.iconSize = new GSize(21, 21);
    iconTopspot.iconAnchor = new GPoint(6, 20);
    iconTopspot.infoWindowAnchor = new GPoint(5, 1);

    var iconInfo = new GIcon(); 
    iconInfo.image = 'http://www.tourendatenbank.com/images/icons/info.gif';
    iconInfo.iconSize = new GSize(22, 22);
    iconInfo.iconAnchor = new GPoint(6, 20);
    iconInfo.infoWindowAnchor = new GPoint(5, 1);

    var iconCamera = new GIcon(); 
    iconCamera.image = 'http://www.tourendatenbank.com/images/icons/camera.png';
    iconCamera.iconSize = new GSize(22, 22);
    iconCamera.iconAnchor = new GPoint(6, 20);
    iconCamera.infoWindowAnchor = new GPoint(5, 1);

// end new icons
	
    function createTabbedMarker(point, name, address, type, thumb, kml, cat, desc, catid) { // added catid

// checking which category    

	  var marker = new GMarker(point, iconPurple);


	  if (catid == 129) {
      var marker = new GMarker(point, iconHotel);
    }

	  if (catid == 131) {
      var marker = new GMarker(point, iconTopspot);
    }




// end checking


      var label1 = "Das Bild";
      var html1 = "<div id='infoback_01'>" + "<table width='200' border='0' cellspacing='0' cellpadding='0' bgcolor='#EFEFEF'><tr>" + "<td valign='top'>" + "<a href=" + type +">" + "<img src=" + thumb + ">" + "</a>" + "</td>" + "<td>&nbsp;&nbsp;</td>" + "<td valign='top'>"+ "<b> <font color='black'>" + "<a href=" + type +"#Google_Maps>" + name + "</a>" + "</b> <br>" + "<a href=" + kml +">" + "Google Earth" + "</a>" +"<br>" +  "<a href=" + cat +">" + "zur Kategorie" + "</a></td></tr></table></div>";
      var label2 = "Infos";
      var html2 = "<div id='infoback_02'>" + "<table width='200' height='100' border='0' cellspacing='0' cellpadding='0' bgcolor='#efefef'><tr>" + "<td valign='middle'>" +  desc + "</td></tr><tr>" + "<td valign='middle'>Koordinaten:" + point + "</td></tr></table></div>";

GEvent.addListener(marker, "click", function() {
marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]);



  });

      return marker;

    }

    //]]>