// prikaz markera na karti
 // copyright Nikola Biskup 2009
 // all rights reserved
 
 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 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 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 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 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 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 iconLjekarna = new GIcon(); 
    iconLjekarna.image = '/script/gmaps/icon_ljekarne.png';
    iconLjekarna.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconLjekarna.iconSize = new GSize(12, 20);
    iconLjekarna.shadowSize = new GSize(22, 20);
    iconLjekarna.iconAnchor = new GPoint(6, 20);
    iconLjekarna.infoWindowAnchor = new GPoint(5, 1);
	
	var iconCrkva = new GIcon(); 
    iconCrkva.image = 'http://labs.google.com/ridefinder/images/mm_20_purple.png';
    iconCrkva.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconCrkva.iconSize = new GSize(12, 20);
    iconCrkva.shadowSize = new GSize(22, 20);
    iconCrkva.iconAnchor = new GPoint(6, 20);
    iconCrkva.infoWindowAnchor = new GPoint(5, 1);
	
	var iconZdravlje = new GIcon(); 
    iconZdravlje.image = '/script/gmaps/icon_domovizdravlja.png';
    iconZdravlje.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconZdravlje.iconSize = new GSize(12, 20);
    iconZdravlje.shadowSize = new GSize(22, 20);
    iconZdravlje.iconAnchor = new GPoint(6, 20);
    iconZdravlje.infoWindowAnchor = new GPoint(5, 1);
	
	var iconTrgovine = new GIcon(); 
    iconTrgovine.image = '/script/gmaps/icon_trgovackicentri.png';
    iconTrgovine.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconTrgovine.iconSize = new GSize(12, 20);
    iconTrgovine.shadowSize = new GSize(22, 20);
    iconTrgovine.iconAnchor = new GPoint(6, 20);
    iconTrgovine.infoWindowAnchor = new GPoint(5, 1);
	
	var iconSport = new GIcon(); 
    iconSport.image = '/script/gmaps/icon_sport.png';
    iconSport.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconSport.iconSize = new GSize(12, 20);
    iconSport.shadowSize = new GSize(22, 20);
    iconSport.iconAnchor = new GPoint(6, 20);
    iconSport.infoWindowAnchor = new GPoint(5, 1);
	
	var iconUgostitelji = new GIcon(); 
    iconUgostitelji.image = '/script/gmaps/icon_ugostitelji.png';
    iconUgostitelji.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconUgostitelji.iconSize = new GSize(12, 20);
    iconUgostitelji.shadowSize = new GSize(22, 20);
    iconUgostitelji.iconAnchor = new GPoint(6, 20);
    iconUgostitelji.infoWindowAnchor = new GPoint(5, 1);
	
		
	var iconKultura = new GIcon(); 
    iconKultura.image = '/script/gmaps/icon_kultura.png';
    iconKultura.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconKultura.iconSize = new GSize(12, 20);
    iconKultura.shadowSize = new GSize(22, 20);
    iconKultura.iconAnchor = new GPoint(6, 20);
    iconKultura.infoWindowAnchor = new GPoint(5, 1);
	
	var customIcons = [];
    customIcons["skola_srednja"] = iconGreen;
    customIcons["skola_osnovna"] = iconRed;
	customIcons["postaja_benzinska"] = iconGray;
	customIcons["posta"] = iconYellow;
	customIcons["policija"] = iconBlue;
	customIcons["bankomat"] = iconWhite;
	customIcons["djecji_vrtic"] = iconOrange;
	customIcons["ljekarna"] = iconLjekarna;
	customIcons["crkva"] = iconCrkva;
	customIcons["dom_zdravlja"] = iconZdravlje;
	customIcons["trgovacki_centar"] = iconTrgovine;
	customIcons["sport"] = iconSport;
	customIcons["ugostitelj"] = iconUgostitelji;
	customIcons["kultura"] = iconKultura;
    var markerGroups = { "skola_srednja": [], "skola_osnovna": [], "postaja_benzinska": [], "posta": [], "policija": [], "bankomat": [], "djecji_vrtic": [], "ljekarna": [], "crkva": [], "dom_zdravlja": [], "trgovacki_centar": [], "sport": [], "ugostitelj": [], "kultura": [],};

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(45.83, 16.0564), 14);
//Create map navigation

 map.addControl(new GLargeMapControl());
 map.addControl(new GMapTypeControl());
 map.addMapType(G_PHYSICAL_MAP);
 map.enableScrollWheelZoom();
 map.enableGoogleBar();


        GDownloadUrl("/script/gmaps/dubrava_lokacije.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 htm = markers[i].getAttribute("htm");
			var tel = markers[i].getAttribute("tel");
			var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type, htm, tel);
            map.addOverlay(marker);
			
          }
		   
        });
	  map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));		
      }

    }



    function createMarker(point, name, address, type, htm, tel) {
      var marker = new GMarker(point, customIcons[type]);
      markerGroups[type].push(marker);
       var html = "<b>" +name+ "</b> <br/>" +htm+  "<br/>" +address+ "<br/><b>Tel: </b>"+tel;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    function toggleGroup(type) {
      for (var i = 0; i < markerGroups[type].length; i++) {
        var marker = markerGroups[type][i];
        if (marker.isHidden()) {
          marker.show();
        } else {
          marker.hide();
        }
      } 
    }
	
	GSearch.setOnLoadCallback(load);