// INIZIO CODICE JQUERY
$(document).ready(function(){




	//-------------------------------------
	//
	// Funzione che contiene le animazioni
	// jquery da usare per visualizzare i
	// dettagli
	//
	//-------------------------------------
	function funzione_animazione (id_da_visualizzare, caso) {
	
		// Per la visualizzazione
		if(caso == "mostra") {
			$("#" + id_da_visualizzare).show(250);/* to use if you want different effects $("#" + id_da_visualizzare).show("drop",{direction: "vertical"}, 250);*/ /*blind,clip,drop,explode,fold,puff,scale,slide*/
		}
		
		// Quando i contenuti sono resi di nuovo invisibili
		else if(caso == "nascondi") {
			$("#" + id_da_visualizzare).hide(300);/* to use if you want different effects $("#" + id_da_visualizzare).hide("drop",{direction: "vertical"}, 300);*/
		}
		
	}

	
	/*if(caso == "mostra") {
			 
		}
		
		// Quando i contenuti sono resi di nuovo invisibili
		else if(caso == "nascondi") {
			$("#" + id_da_visualizzare).hide("drop",{direction: "vertical"}, 300);*/
	/*blind,clip,drop,explode,fold,puff,scale,slide*/
	
	
	//-------------------------------------
	//
	// Funzione che abbina le aree sulla
	// mappa ai dettagli da mostrare.
	// Serve anche a specificare la
	// posizione che avranno i dettagli
	// vosualizzati
	//
	//-------------------------------------
	function esegui_toggle (id_area, caso) {
	
		
		if (id_area == "park1") {
			
			funzione_animazione("park1_content",caso);	
		}
		
		
		else if(id_area == "park2") {
			
			funzione_animazione("park2_content",caso);
		}
		
		
		else if(id_area == "park3") {
			
			funzione_animazione("park3_content",caso);
		}
		
		
		else if(id_area == "park4") {
			
			funzione_animazione("park4_content",caso);
		}
		
		else if(id_area == "park5") {
			
			funzione_animazione("park5_content",caso);
		}
		
		else if(id_area == "park6") {
			
			funzione_animazione("park6_content",caso);
		}
		
		else if(id_area == "park7") {
			
			funzione_animazione("park7_content",caso);
		}
		
		else if(id_area == "park8") {
			
			funzione_animazione("park8_content",caso);
		}
		
		else if(id_area == "park9") {
			
			funzione_animazione("park9_content",caso);
		}
		
		else if(id_area == "park10") {
			
			funzione_animazione("park10_content",caso);
		}
		
		
		
	}
	
	$("#contents_to_show div").css({"top": 0, "left": 550});
	
	
	//-------------------------------------
	//
	// Codice jquery che richiama le
	// funzioni di sopra quando il mouse
	// il mouse passa sopra ad un'area sulla
	// mappa
	//
	//-------------------------------------
	$("#locations a").mouseover(

function(evento_hover) {
var id_area = this.id;
esegui_toggle(id_area, "mostra");
}

).mouseout(

function(evento_out) {
var id_area = this.id;
esegui_toggle(id_area, "nascondi"); 
}

);

   
   
   
   
   
});
// FINE CODICE JQUERY