$(document).ready(function(){

$("a") //seleziono i link nella pagina
   .filter(".ascorridiv") // filtro quelli che hanno la classe "clickme"
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina


		if (  ( $(this).text() == $('#d2').text()) ){

		//alert ($(lastBlock).text());
      	  	$("#id1").animate({width: "60px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "540px"}, { queue:false, duration:600});
		$("#id3").animate({width: "160px"}, { queue:false, duration:600 });
		lastBlock = this;
	 }

		else if (  ( $(this).text() == $('#d3').text()) ){

		//alert ($(lastBlock).text());
      	  	$("#id1").animate({width: "60px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "70px"}, { queue:false, duration:600});
		$("#id3").animate({width: "650px"}, { queue:false, duration:600 });
		lastBlock = this;

	 }

		else if (  ( $(this).text() == $('#d1').text()) ){

		//alert ($(lastBlock).text());
      	  	$("#id1").animate({width: "520px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "200px"}, { queue:false, duration:600});
		$("#id3").animate({width: "60px"}, { queue:false, duration:600 });
		lastBlock = this;

	 }


     })


$("a") //seleziono i link nella pagina
   .filter(".fila") // filtro quelli che hanno la classe "clickme"
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina

      	  	$("#id1").animate({width: "520px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "200px"}, { queue:false, duration:600});
		$("#id3").animate({width: "60px"}, { queue:false, duration:600 });
		lastBlock = $('#d1')
	


     })

$("#chiediimg") //seleziono i link nella pagina
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina

      	  	$("#id1").animate({width: "60px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "540px"}, { queue:false, duration:600});
		$("#id3").animate({width: "160px"}, { queue:false, duration:600 });
		lastBlock = this;
	


     })

$("#galleria") //seleziono i link nella pagina
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina

      	  	$("#id1").animate({width: "520px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "200px"}, { queue:false, duration:600});
		$("#id3").animate({width: "60px"}, { queue:false, duration:600 });
		lastBlock = $('#d1')
	


     })

$("#eventi") //seleziono i link nella pagina
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina

      	  	$("#id1").animate({width: "520px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "200px"}, { queue:false, duration:600});
		$("#id3").animate({width: "60px"}, { queue:false, duration:600 });
		lastBlock = $('#d1')
	


     })

$("#galleria2") //seleziono i link nella pagina
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina

      	  	$("#id1").animate({width: "520px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "200px"}, { queue:false, duration:600});
		$("#id3").animate({width: "60px"}, { queue:false, duration:600 });
		lastBlock = $('#d1')
	


     })

$("#eventi2") //seleziono i link nella pagina
     .click(function(){  // sul click eseguo una funzione di callback
      // alert("Stai per lasciare la pagina."); // avverto l'utente con un popup che sta per abbandonare la pagina

      	  	$("#id1").animate({width: "520px"}, { queue:false, duration:600 });
	
		$("#id2").animate({width: "200px"}, { queue:false, duration:600});
		$("#id3").animate({width: "60px"}, { queue:false, duration:600 });
		lastBlock = $('#d1')
	


     })


});