$(document).ready(function() {
	 
	  //CREA LA TENDINA DI SELEZIONE DEI COMUNI IN BASE ALLA PROVINCIA
	   $("#provincia").change(function(){
		var provincia = $(this).val();
		var mode = $("#mode").val();
		$("#cap").html("");
		//$("#lista_saloni").html("");
	   	var printpoint = $('#comune');
	   	printpoint.html("<div class='loader'></div>");
	   	
		$.post(base_url+"saloni/buildcomune", { p_prov: provincia,p_mode: mode},
		  function(data){
		    if(data!="0"){
		    	printpoint.html(data);	  	
		    }
		    
		    else{	
		    
		    }
		  }, "html"); 
				    		
	  }); 
	   
	  $(".pagination").live("click",function() {	
		var indice = $(this).attr('title');
		$('#offset').val(indice);
		send_search('0');  
	  }); 
	  
	  init();  		   
});
 

//CREA LA TENDINA DI SELEZIONE DEI CAP IN BASE AL COMUNE
function comune_change(obj){
	var comune = $(obj).val();
	var mode = $("#mode").val();
	var printpoint = $('#cap');
	//$("#lista_saloni").html("");
	
	printpoint.html("<div class='loader'></div>");
	
	$.post(base_url+"saloni/buildcap", { p_com: comune,p_mode: mode},
	  function(data){
	    if(data!="0"){
	    	printpoint.html(data);	  	
	    }
	    
	    else{	
	    
	    }
	  }, "html"); 
				    		
}; 


//GMAPS
var side_bar_html = "";
var gmarkers = [];
var htmls = [];
var i = 0;
var map;
var checkLat = 0;
var checkLong = 0;
var checkPoint ;


function init(){
if (GBrowserIsCompatible()) {
  //Costruisce la mappa impostando il centro alle coordinate 45.4224 95838
  map = new GMap2(document.getElementById("map"));
  map.setCenter(new GLatLng(45.4224, 9.5838), 7);

  map.addControl(new GSmallMapControl());
  map.addControl(new GMapTypeControl());
  geocoder = new GClientGeocoder();
}
else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
}
}	

function geo(comz,indz,nome) {
    var url = "http://www.framesi.it/js/google.php";
    $.post(url, { comune: comz, indirizzo:indz},
      function(data){
    	if(data.lat != "0"){
    		map.setCenter(new GLatLng(data.lat, data.lng), 7);
    		printOverlay(data.lat, data.lng,nome,comz,indz);
    		scrollTo("#map");
    	}
    	else {	
    		printOverlay("45.0", "9.7","Indirizzo non localizzabile","","");
    		scrollTo("#map");
    	}
      }, "json");
}

function scrollTo(selector) {
    var targetOffset = $(selector).offset().top;
    $('html,body').animate({scrollTop: targetOffset}, "slow");
}

function printOverlay(lat,lng,name,comz,indz) {

    checkLat = lat;
    checkLong = lng;
    nome = "<p style='color:#000;text-transform:uppercase'><strong>"+name+"</strong></p><p>"+comz+"</p><p>"+indz+"</p>";

    // Rimuovo il vecchio punto se esiste
    if(checkPoint){
      map.removeOverlay(checkPoint);
    }

    // Sposto il centro della mappa alle nuove coordinate e imposto zoom 7
    map.setCenter(new GLatLng(checkLat,checkLong), 14);
    var point = (new GLatLng(checkLat,checkLong));
    checkPoint = new GMarker(point);

    // disegno il nuovo marker
    map.addOverlay(checkPoint);

    // creo il fumetto con la scritta nel centro del marker
    map.openInfoWindowHtml(map.getCenter(checkPoint),"<p class='map'>"+nome+"</p>");
}

//INVIA LA RICERCA
function send_search(reset){
	var province = $('#provincia').val();
	var mode = $("#mode").val();
	var comune = "0";
	var cap = "0";
	if (reset == 1){
		$('#offset').val("0");
	}
	var offset = $('#offset').val();
	
	var printpoint = $("#lista_saloni");
	printpoint.html("<div class='loader_center'></div>");
	//Se viene selezionata una provincia
	if(province != "0"){
		comune = $('#comune_sel').val();
		
		//Se viene selezionato un comune
		if(comune != "0"){	
			cap = $('#cap_sel').val();
		}
	}
	
	$.post(base_url+"saloni/searchsaloni", { p_prv: province,p_com: comune,p_cap:cap,offset:offset,p_mode:mode},
	  function(data){
	    if(data!="0"){
	    	printpoint.html(data);	  	
	    }
	    
	    else{	
	    
	    }
	  }, "html"); 
			    		
}; 

function localize() {	
	
}

function createMarker(point,nome,comune,indirizzo,provincia,mode) {
    
    var tinyIcon = new GIcon();
    tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_blue.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(6, 20);
    tinyIcon.infoWindowAnchor = new GPoint(5, 1);
    
    var tinyIcon2 = new GIcon();
    tinyIcon2.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
    tinyIcon2.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    tinyIcon2.iconSize = new GSize(12, 20);
    tinyIcon2.shadowSize = new GSize(22, 20);
    tinyIcon2.iconAnchor = new GPoint(6, 20);
    tinyIcon2.infoWindowAnchor = new GPoint(5, 1);
    
    var tinyIcon3 = new GIcon();
    tinyIcon3.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";
    tinyIcon3.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    tinyIcon3.iconSize = new GSize(12, 20);
    tinyIcon3.shadowSize = new GSize(22, 20);
    tinyIcon3.iconAnchor = new GPoint(6, 20);
    tinyIcon3.infoWindowAnchor = new GPoint(5, 1);    	  
	                  
	switch(mode){
    	case "salone":
    		markerOptions = { icon:tinyIcon };
		break;
		
    	case "hspa":
    		markerOptions = { icon:tinyIcon2 };
		break;  
		
    	case "conces":
    		markerOptions = { icon:tinyIcon3 };
		break;      		 		
	}
	
    var marker = new GMarker(point,markerOptions);
    gmarkers[i] = marker;
    
    //funzinoe che al click apre il baloon
    GEvent.addListener(marker, "click", function(i) {
      marker.openInfoWindowHtml('<div style="width:200px;color:#000;"><b style="font-size:13px">'+nome+'</b><p class="maps" style="margin-top:3px;">'+indirizzo+'<br/>'+comune+'<span> - </span> '+provincia+'<br/><span>Tel: </span>'+tel+'<br/>'+mail+'<br/><a class="rosso" target="_blank" href='+sito+'>'+sito+'</p>');
    });
    i++;
    return marker;
}