var map = null;
    var count_total = 0;

    
    
//    var c_lat = 44.466244;
    var c_lat = 44.480830;
//    var c_long = 16.461248;
    var c_long = 15.765380;
    var c_zoom = 6;
    
    var type = '';
    var coord = new Array();
    
    var showPanoramio = 1;
    var countM = 0;
    
    

    function load() {

      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("google_map"));
        
        

        map.setCenter(new GLatLng(c_lat, c_long), c_zoom);

		map.setMapType(G_HYBRID_MAP); 
		
		map.addControl(new GOverviewMapControl());
		map.addControl(new PanoramioControl());
		
		map.setUIToDefault();
//		map.addControl(new GMapTypeControl());


//		map.addControl(new GLargeMapControl());
        mgr = new MarkerManager(map, {trackMarkers:true});
        mgrRegions = new MarkerManager(map, {trackMarkers:true});
        var markers = [];
        
        
         var panv = new GLayer("com.panoramio.all");
        
 
        showMarkers();
      
//        GEvent.addDomListener(map, 'extinfowindowupdate',function(){
//	            var tabs_numbers = document.getElementById("tabs_numbers").innerHTML;
//	            var windowContent = document.getElementById("custom_info_window_red_contents");
//	            var tabs = new Array();
//	            for(i=0; i<tabs_numbers; i++){
//	            	tabs[i] = document.getElementById("tab"+i);
//	            }
//
//	          
//	            if( tabs.length > 0 ){
//	              var tabContentsArray = new Array(tabs.length);
//	              for( i=0; i < tabs.length; i++){
//	                tabContentsArray[i] = document.getElementById("tab"+i+"_content");
//	                if( i > 0){
//	                  el_hide(tabContentsArray[i]);
//	                }
////	                tabs[i].setAttribute("name", 'tabt_'+i.toString());
//	              
//	                GEvent.addDomListener(tabs[i],"click",function(){
//	                  var tabIndex = this.getAttribute("name");
//	                
//	                  for(tabContentIndex=0; tabContentIndex < tabs.length; tabContentIndex++){
//	                    if( 'tabt_'+tabContentIndex.toString() == tabIndex ){
//	                    	
//	                      el_show(tabContentsArray[tabContentIndex]);
//	                    }else{
//	                      el_hide(tabContentsArray[tabContentIndex]);
//	                    }
//	                  }
//	                  map.getExtInfoWindow().resize();
//	                });
//	              }
//	            }
//	          });
       
        



      }
    }
    
    
    function PanoramioControl() {
	}
	PanoramioControl.prototype = new GControl();
	
	PanoramioControl.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 == 0){
	  	 	showPanoramio = 1;
	  	 	map.addOverlay(panv);
	  	 }else
	  	 {
	  	 	showPanoramio = 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.prototype.getDefaultPosition = function() {
	  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
	}
	
	// Sets the proper CSS for the given button element.
	PanoramioControl.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(){
    	
    	
    	
    	clearMarkers();
    	
//    	var count_chebox = 0;
//		var checkboxes = [];
//		checkboxes = $$('input').each(function(e){ 
//			if(e.type == 'checkbox' & e.name == 'category[]') 
//			{
//				
//				if(e.checked == true){
//					count_chebox++;
//				}
//			}
//			});
    		
	        var countlev0 = $('countlev0').value;
	        var countlev0Checked = 0;
	        var varlev0Checked = 0;
	        for(i=0;i<countlev0;i++){
				var ggcheck = $('lev0_'+i);
				if(ggcheck.checked)
				{
					countlev0Checked++;
					varlev0Checked = $('lev0_'+i).value;
				}
			}
			
//			alert(countlev0Checked);
			for(i=0;i<countlev0;i++){
				var ggcheck = $('lev0_'+i);
				if(ggcheck.checked)
				{
					
					GDownloadUrl(site_url+"xml/attributes/lev0/"+ggcheck.value+"/"+countlev0Checked+"/"+varlev0Checked, 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 page_id = markers[i].getAttribute("placeID");
			            
//			            if(countlev0Checked > 1){
			            	var filename = markers[i].getAttribute("filename");
//			            }else
//			            {
//			            	var filename = 'pinpoint6.png';
//			            }
			            
//			            var ggroup_value = ggcheck.value;
			            markersx.push(createMarkerTravel(point, page_id, filename));
//			            map.addOverlay(new GMarker(point));
			          }
			
			        });
				}
			}
			
			var countlev1 = $('countlev1').value;
			var countlev1Checked = 0;
			var varlev1Checked = new Array;
			var j = 0;
			for(i=0;i<countlev1;i++){
				var ggcheck = $('lev1_'+i);
				if(ggcheck.checked)
				{
					countlev1Checked++;
					varlev1Checked[j] = $('lev1_'+i).value;
					j++;
				}
			}
			
			var final_lev1 = implode(',',varlev1Checked);
//			alert(final_lev1);
			
//			alert(countlev1Checked);
			
//			for(i=0;i<countlev1;i++){
			if(countlev1Checked > 0){
//				var ggcheck = $('lev1_'+i);
//				if(ggcheck.checked)
//				{
					var mode = '';
					if($('mode').value==1){
						mode = 'lev1_search';
					}else
					{
						mode = 'lev1_explore';
					}

					GDownloadUrl(site_url+"xml/attributes/"+mode+"/"+final_lev1, 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 page_id = markers[i].getAttribute("placeID");
			            
//			            if(countlev1Checked > 1){
			            	var filename = markers[i].getAttribute("filename");
//			            }else
//			            {
//			            	var filename = 'pinpoint6.png';
//			            }
//			            var ggroup_value = ggcheck.value;
			            markersx.push(createMarkerTravel(point, page_id, filename));
//			            map.addOverlay(new GMarker(point));

									                 
			          }
//			           mgr.addMarkers(markersx, 0, 17);
			       
			
			        });
				}
//			}
    
       
    }
    
   
    function createMarkerTravel(point, page_id, filename) {
    
//    		alert(iconBlue);

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

    iconBlue.image = site_url+'images/pinpointers/'+filename;
    iconBlue.iconSize = new GSize(19, 30);
    iconBlue.iconAnchor = new GPoint(9, 30);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);
	  

   	  var marker = new GMarker(point, iconBlue);
   	  
   	  GEvent.addListener(marker, 'click', function(){ 
        marker.openExtInfoWindow(
          map,
          "infowindid",
          "<img src='"+site_url+"images/public/ajax-loader.gif' alt='Searching..' />",
          {beakOffset: 3, ajaxUrl: site_url+'ajax/location/getInfo/'+lang+'/'+page_id}
        ); 
        
        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;
	}
	
	
	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();
	map.setZoom(coord[2]);
	map.panTo(new GLatLng(coord[0], coord[1]));
		
		

	
	
	showMarkers();


}

function f_go_addbeach(){
//	map.setZoom(6);
	map.clearOverlays();

	var countryCode = 'HR';
	
	
	split_coordinates();
	
	
	$('placeLat').value = coord[0];
    $('placeLng').value = coord[1];
    $('placeZoom').value = coord[2];
    
    var center = new GLatLng( coord[0],  coord[1]);
    var marker = new GMarker(center, {draggable: true});
    
    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();
    });
    
    
    map.addOverlay(marker);
    
    map.setZoom(coord[2]);
	map.panTo(new GLatLng(coord[0], coord[1]));
    
    

		

}



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(){
	

	
	if( map.getExtInfoWindow() != null ){
	    map.closeExtInfoWindow();
	  }
  
	mgr.clearMarkers();
	map.clearOverlays();
}