var iconBlue = new GIcon(); 
    iconBlue.image = '/en/images/pins1.gif';
    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(22, 30);
    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 customIcons = [];
    customIcons["all"] = iconBlue;
    
    var map = null;
    var mgr = null;
    var map2 = null;
    var count_total = 0;
    var show = false;
    
//    var c_lat = 44.466244;
//    var c_long = 16.461248;
//	var c_zoom = 7;
    var type = '';
    var coord = new Array();
    
    var showPanoramio_1 = 0;
    var countM = 0;
    
    
    function load() {

      //alert(c_lat+'-'+c_long+'-'+c_zoom);	
    	
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("google_map"));
        map.setCenter(new GLatLng(c_lat, c_long), c_zoom);
        
        var center = new GLatLng(c_lat, c_long);

		map.setMapType(G_NORMAL_MAP); 
		
//		map.addControl(new GOverviewMapControl());
//		map.addControl(new GMapTypeControl());
//		map.addControl(new GSmallMapControl());
		
		map.addControl(new PanoramioControl_1());
		map.setUIToDefault();
		
		map.addControl(new GOverviewMapControl());
		
		
		var marker = new GMarker(center, {draggable: false});
		map.addOverlay(marker);
		
		//map2.addOverlay(panv);
		//showMarkers();

      }
    }
    
    function load_on_map() {

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("google_map"));
        map.setCenter(new GLatLng(c_lat, c_long), c_zoom);
        
        var center = new GLatLng(c_lat, c_long);

		map.setMapType(G_NORMAL_MAP); 
		
//		map.addControl(new GOverviewMapControl());
//		map.addControl(new GMapTypeControl());


		//map.addControl(new GSmallMapControl());
		
		map.addControl(new PanoramioControl_1());
		map.setUIToDefault();
		
		map.addControl(new GOverviewMapControl());
		
		
		//var marker = new GMarker(center, {draggable: false});
		//map.addOverlay(marker);
		
		//map2.addOverlay(panv);
		showMarkers();

      }
    } 

    function load_new_place() {

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("google_map"));
        map.setCenter(new GLatLng(c_lat, c_long), c_zoom);
        
        var center = new GLatLng(c_lat, c_long);

		map.setMapType(G_NORMAL_MAP); 
		
//		map.addControl(new GOverviewMapControl());
//		map.addControl(new GMapTypeControl());
//  	map.addControl(new GSmallMapControl());
		
		map.addControl(new PanoramioControl_1());
		map.setUIToDefault();
		
		map.addControl(new GOverviewMapControl());
		
		
		marker = new GMarker(center, {draggable: true});

	    GEvent.addListener(marker, "dragstart", function() {
	      map.closeInfoWindow();
	    });
	
	    GEvent.addListener(marker, "dragend", function() {
	
	      var newlocation = marker.getPoint();
	      var newlat = marker.getPoint().lat();
		  var newlng = marker.getPoint().lng(); 
	      var newzoom =  map.getZoom();
	      
	      map.panTo(new GLatLng(newlat, newlng));
	      
	      
	      $('placeLat').value = newlat;
	      $('placeLng').value = newlng;
	      $('placeZoom').value = newzoom;
	
	//      marker.openInfoWindowHtml('Lat = '+newlat+'<br>Long = '+newlng+'<br>Zoom = '+newzoom);
	      
	      
	    });
	    
	    GEvent.addListener(marker, "click", function() {
	    	  var newlocation = marker.getPoint();
		      var newlat = marker.getPoint().lat();
			  var newlng = marker.getPoint().lng(); 
		      var newzoom =  map.getZoom();
		      
		      map.panTo(new GLatLng(newlat, newlng));
		      
		      
		      $('placeLat').value = newlat;
		      $('placeLng').value = newlng;
		      $('placeZoom').value = newzoom;
	//      map.closeInfoWindow();
	    });
	    
	    
	    GEvent.addListener(map, "click", function() {
	    	  var newlocation = marker.getPoint();
		      var newlat = marker.getPoint().lat();
			  var newlng = marker.getPoint().lng(); 
		      var newzoom =  map.getZoom();
		      
		      map.panTo(new GLatLng(newlat, newlng));
		      
		      
		      $('placeLat').value = newlat;
		      $('placeLng').value = newlng;
		      $('placeZoom').value = newzoom;
	//      map.closeInfoWindow();
	    });
	    
	    GEvent.addListener(map, "moveend", function() {
	    	  var newlocation = marker.getPoint();
		      var newlat = marker.getPoint().lat();
			  var newlng = marker.getPoint().lng(); 
		      var newzoom =  map.getZoom();
		      
		      map.panTo(new GLatLng(newlat, newlng));
		      
		      
		      $('placeLat').value = newlat;
		      $('placeLng').value = newlng;
		      $('placeZoom').value = newzoom;
	//      map.closeInfoWindow();
	    });
	
	    map.addOverlay(marker);
		
		
		
		


      }
    }
    
    
    
    
    
    
function PanoramioControl_1() {
}
PanoramioControl_1.prototype = new GControl();

PanoramioControl_1.prototype.initialize = function(map) {
	
  var panv = new GLayer("com.panoramio.all");
	
  var container = document.createElement("div");

  var zoomInDiv = document.createElement("div");
  this.setButtonStyle_(zoomInDiv);
  container.appendChild(zoomInDiv);
  zoomInDiv.appendChild(document.createTextNode("Panoramio"));
  GEvent.addDomListener(zoomInDiv, "click", function() {

  	 if(showPanoramio_1 == 0){
  	 	showPanoramio_1 = 1;
  	 	map.addOverlay(panv);
  	 }else
  	 {
  	 	showPanoramio_1 = 0;
  	 	map.removeOverlay(panv);
  	 }
     
     
  });

  

  map.getContainer().appendChild(container);
  return container;
}

// By default, the control will appear in the top left corner of the
// map with 7 pixels of padding.
PanoramioControl_1.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}

// Sets the proper CSS for the given button element.
PanoramioControl_1.prototype.setButtonStyle_ = function(button) {
  button.style.textDecoration = "none";
  button.style.color = "#000000";
  button.style.backgroundColor = "white";
  button.style.fontSize = "12px";
  button.style.border = "1px solid black";
  button.style.padding = "2px";
  button.style.marginRight = "275px";
  button.style.textAlign = "center";
  button.style.width = "6em";
  button.style.height = "13px";
  button.style.cursor = "pointer";
}
    
   
    function showMarkers(){
    	
    	map.clearOverlays();
    	
		var to_send = new Array;
    	
		var j = 0;
    	for (i=1;i<6;i++) {
    		
	    	var check = $('cat_'+i);
	    	
    		if (check.checked){
    			to_send[j] = check.value;
    			j++;
    		}
    		
    	}
    	
    	var to_send_final  = implode('-',to_send);
					
		GDownloadUrl(site_url+"/xml/attributes/lev0/"+to_send_final, function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          var markersx = [];
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var eventId = markers[i].getAttribute("eventId");
            
            var filename = markers[i].getAttribute("filename");
            
            //var ggroup_value = markers[i].getAttribute("ggroup");
//			            var ggroup_value = ggcheck.value;
            markersx.push(createMarkerTravel(point, eventId, filename));
                 
          }
           mgr.addMarkers(markersx, 0, 17);
       

        });
       
    }
    
   
    function createMarkerTravel(point, eventId, filename) {
    
//  alert(iconBlue);

	var iconBlue = new GIcon(); 
	
	if (filename == ''){
		filename = 'pinpoint38.png';
	}

    iconBlue.image = site_url+'images/pinpointers/'+filename;
    //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.image =   site_url('images/pinpointers/pin2.png');

    iconBlue.iconSize = new GSize(19, 30);
    iconBlue.shadowSize = new GSize(19, 30);
    iconBlue.iconAnchor = new GPoint(19, 30);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
	  
//	  var pinpointergg = new GIcon(); 
//   	  pinpointergg.image = ggroup_icons[group];
//   	  pinpointergg.iconSize = new GSize(ggroup_width[group], ggroup_height[group]);
//      pinpointergg.iconAnchor = new GPoint(9, 35);
//      pinpointergg.infoWindowAnchor = new GPoint(5, 1);
   	  var marker = new GMarker(point, iconBlue);
   	  
   	  GEvent.addListener(marker, 'click', function(){ 
        marker.openExtInfoWindow(
          map,
          "infowindid",
          "<img src='/en/media/ajax-loader.gif' alt='Searching..' />",
          {beakOffset: 3, ajaxUrl: site_url+'ajax/location/getInfo/en/'+eventId}
        ); 
      });
      
//        GEvent.addListener(marker, 'click', function(){ 
//        alert(eventId);
//      });

      
//				 GEvent.addListener(marker, 'click', 
//				            function(){ 
//				              marker.openExtInfoWindow(
//				                map,
//				                "custom_info_window_red",
//				                "<img src='/en/media/ajax-loader.gif' alt='Searching..' />",
//				                {beakOffset: 3, ajaxUrl: site_url+'ajax/location/getInfo/en/'+eventId}
//				              ); 
//				              
//					              var coordDiv = map.fromLatLngToDivPixel(point);
//					              
//					              coordDiv.y = coordDiv.y - 70;
//					              var newCoord = map.fromDivPixelToLatLng(coordDiv);
//
//							      map.panTo(newCoord);
//				            }
//				          );
				         
          map.addOverlay(marker);
      
      
      return marker;
    }
 
    
    

function get_coordinates(){
	var adress = '';
	type = '';
	
	if($('cityId').value > 0){
		
		var url = site_url+'ajax/location/getCityCoord/'+$('cityId').value;
	
		new Ajax.Request(url, {
		  method: 'get',
		  asynchronous:false,
		  onSuccess: function(transport) {
		   		htmlOutput=transport.responseText;
		   		if(htmlOutput==""){
//		   			htmlOutput="<option value=all> - "+please_select+" -</option>";
		   		}
		   		adress = htmlOutput;
		  }
		} 
		);
		
		zoom = 12;
		
	}else if($('subregionId').value > 0){
		
		var url = site_url+'ajax/location/getSubRegionCoord/'+$('subregionId').value;
	
		new Ajax.Request(url, {
		  method: 'get',
		  asynchronous:false,
		  onSuccess: function(transport) {
		   		htmlOutput=transport.responseText;
		   		if(htmlOutput==""){
//		   			htmlOutput="<option value=all> - "+please_select+" -</option>";
		   		}
		   		adress = htmlOutput;
		  }
		} 
		);
		
	}else if($('regionId').value > 0){
		var url = site_url+'ajax/location/getRegionCoord/'+$('regionId').value;
	
		new Ajax.Request(url, {
		  method: 'get',
		  asynchronous:false,
		  onSuccess: function(transport) {
		   		htmlOutput=transport.responseText;
		   		if(htmlOutput==""){
//		   			htmlOutput="<option value=all> - "+please_select+" -</option>";
		   		}
		   		adress = htmlOutput;
		  }
		} 
		);
	}else
	{
		type = "full";
		adress = c_lat+"|"+c_long+"|"+c_zoom+"|"+type;
	}
	
	//alert (adress);
	return adress;
	
}

function split_coordinates(){
	
	var arr_coord = get_coordinates();

	coord = new Array();
	if(arr_coord !== ''){
		coord = explode('|', arr_coord);
	}
	
	if(coord[2] == '' || coord[2] == 0 || coord.length < 3){
		coord[2] = parseInt(zoom);
	}
		
	coord[2] = parseInt(coord[2]);
	
}


function f_go(){

	var countryCode = 'HR';
	
	
	split_coordinates();
//		alert(coord[0]);
//		alert(coord[1]);
//		alert(coord[2]);

//		map.setCenter(new GLatLng(coord[0], coord[1]), coord[2]);
		map.setZoom(coord[2]);
		map.panTo(new GLatLng(coord[0], coord[1]));
		
//		alert(map.getZoom());
		

	
	
	showMarkers();


}

function f_go_new_place(){

//	map.clearOverlays();
	
	var countryCode = 'HR';
	
	split_coordinates();
//	alert(coord[0]);
//	alert(coord[1]);
//	alert(coord[2]);


	if(marker){
		marker.setLatLng(new GLatLng(coord[0], coord[1]));
	}



//	map.setCenter(new GLatLng(coord[0], coord[1]), coord[2]);
	map.setZoom(coord[2]);
	map.panTo(new GLatLng(coord[0], coord[1]));
		
//	alert(map.getZoom());
		

}



function el_hide(element){
	element.style.display = "none";
	element.style.position = "absolute";
}

function el_show(element){
	element.style.display = "block";
	element.style.position = "relative";
}
      
function parseFromXML(htmlStr) 
{ 
	xmlStr=str_replace('&lt;','<',htmlStr); 
	xmlStr=str_replace('&gt;','>',xmlStr); 
	xmlStr=str_replace('&quot;','\"',xmlStr); 
	xmlStr=str_replace("&#39;",'\'',xmlStr); 
	xmlStr=str_replace("&amp;",'&',xmlStr); 

return xmlStr; 

} 

function clearMarkers(){
	
//	var z = map.getZoom();
//	map.setZoom(6);
	
	if( map.getExtInfoWindow() != null ){
	    map.closeExtInfoWindow();
	  }
  
	mgr.clearMarkers();
	map.clearOverlays()
//	map.setZoom(z);
}