var laat;
var laang;
var id_vote;
var hasVoted;
$(window).load(function()
{
  $("#category").liquidCanvas("[ shadow gradient{from:#9f9f9f; to:#333333;}] => roundedRect{radius:10}");   
});

jQuery(function($) {
//var id_vote;
//var hasVoted;
  /*Pannello Contatti slide*/
  $(".contactLink").click(function(){
    if ($("#contactForm").is(":hidden")){
      $("#contactForm").slideDown("slow");
    }
    else{
      $("#contactForm").slideUp("slow");
    }
  });
  /*Fine Pannello Contatti slide*/
  
	/*Creazione del menù delle lingue con effetto lavalamp*/
  $(".lavaLamp2").lavaLamp({ fx: "backout", speed: 1000});
  /*Fine Creazione del menù delle lingue con effetto lavalamp*/
  
  /*Controllo cookie della lingua, se non presente imposta Italiano*/
    if ($.cookie("lang") != null)
      $("body").changeLang({lang: $.cookie("lang"), file: "files/lang-example.xml"});
        else
          {
            $("body").changeLang({lang: "it", file: "files/lang-example.xml"});
            $.cookie('lang', 'it');
          }
  /*Fine Controllo cookie della lingua, se non presente imposta Italiano*/
  	  
  /*Download file xml e creazione righe tabella*/ 
  $.get('files/panorama_prova.xml', function(d){
    $(d).find('panorama').each(function(){
      var category = 'Scenario';
      var $panorama = $(this); 
      var nome = $panorama.attr('nome');
      var id_xml =  $panorama.attr('id');
      var desc = $panorama.find('descrizione').text();
      var link = $panorama.find('link').attr('href');
      var addr = $panorama.find('indirizzo').text();
      var cat = $panorama.find('categoria').text();
      var opt3 = $panorama.find('opzioni').attr('link_ext');
      var lat =  $panorama.find('opzioni').attr('lat');
      var lang =  $panorama.find('opzioni').attr('lang');
      var imgUrl = $panorama.attr('imgUrl');
       
      if (cat == category)
      { 
      var html = '<tr><td><table class="t_elem">';
      html +='<tr><th colspan="2" class="t_titoli">Panorama</th></tr>';
      html += '<tr><td colspan="2"><p class="t_panorama"><a href="'+ link +'" target="_blank">' + nome + '</a></p></td></tr>'; //riga nome panorama
      html += '<tr><th class="t_titolo_tour">Tour Virtuale 360°</th><th class="t_titoli">Opzioni</th></tr>';
      html += '<tr><td><a href="'+ link +'" target="_blank"><img class="t_immagine" alt="'+nome+'" src="' + imgUrl + '" /></a></td><td class="t_titolo_opt"><a name="'+ id_xml +'" class="info_map" href="#"><img class="t_img2" title="Aiuto - Guarda questo luogo sulla mappa" src="img/icone/map.png" /></a><a name="'+ id_xml +'" href="#" class="info_foto"><img class="t_img2" alt="Informazioni sulla foto" src="img/icone/information.png" /></a><a href=http://'+ opt3 +'><img class="t_img2" alt="Link al sito web" src="img/icone/link.png" /></a><a name="'+ id_xml +'" href="#" class="info_mail"><img class="t_img2" alt="Invia per mail ad un amico" src="img/icone/email_go.png" /></a><a name="'+ id_xml +'" class="info_vote" href="#"><img class="t_img2" alt="Vota questo panorama" src="img/icone/star.png" /></a></td></tr>'; //riga fotografia + icone
      html += '<tr><th class="t_titoli">Indirizzo</th><th class="t_titoli">Categoria</th></tr>';
      html += '<tr><td>'+addr+'</td><td>'+cat+'</td></tr>'; //riga indirizzo + categoria
      html += '<tr><th colspan="2" class="t_titoli">Descrizione</th></tr>';
      html += '<tr><td colspan="2"><p>'+desc+'</p></td></tr>'; //riga descrizione
      html += '<tr class="t_vuota"><td colspan="2" >&nbsp;</td></tr> </table></td></tr>';

      $('#tabellatour').append($(html));
      }  
    });   

  /*Fine creazione righe tabella*/
    
  /*Fade del sommario coi dati sul caricamento immagini*/
  $('#summary').fadeIn('slow');
	
	/*Preload delle immagini*/
	$.preload( '.t_immagine', {
		onRequest:request,
		onComplete:complete,
		onFinish:finish,
		placeholder:'img/loadingIcon.gif',
		notFound:'img/loadingIcon.gif',
		threshold: 2 
	});
	
	function update( data ){
		$('#done').html( ''+data.done );
		$('#total').html( ''+data.total );
		$('#loaded').html( ''+data.loaded );
		$('#failed').html( ''+data.failed );
	};
	function complete( data ){
		update( data );
		$('#image-next').html( 'none' );
		$('#image-loaded').html( data.image );
	};
	function request( data ){
		update( data );
		$('#image-next').html( data.image );
	};
	function finish(){
		$('#summary').fadeOut('slow');
	};
	
  $("A.info_foto").click(function(){
		var id_foto;
    id_foto = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_foto){
        $('#info_pane').fadeIn('slow');
        $('#t_pane tr:odd').addClass('t_pane_odd');
        $('#t_pane tr:even').addClass('t_pane_even');
        var data_scatto = $panorama_find.find('exif').attr('data_scatto');
        var dist_foc = $panorama_find.find('exif').attr('dist_foc');
        var esposizione = $panorama_find.find('exif').attr('esposizione');
        var iso = $panorama_find.find('exif').attr('iso');
        var f_num = $panorama_find.find('exif').attr('f_num');
        $('#data_scatto').html( data_scatto );
        $('#dist_foc').html( dist_foc );
        $('#esposizione').html( esposizione );
        $('#iso').html( iso );
        $('#f_num').html( f_num );
      }
		});
		});
	
	$("A.info_mail").click(function(){
		var id_mail;
    id_mail = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_mail){
        $('#mail_pane').fadeIn('slow');
        var mail_link = $panorama_find.find('link').attr('href');
        $('#mailLink').attr('value', mail_link)
      }
		});
		});
	
	
		$("#sm_friend").click(function(){
		var valid = '';
		var isr = ' mancante !';

		var mailMit = $("#mailMit").val();
		var mailDes = $("#mailDes").val();
    var mailLink = $("#mailLink").attr('value');
		if (!mailMit.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
			valid += '<br />e-mail mittente'+isr;
		}
		if (!mailDes.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
			valid += '<br />e-mail destinatario'+isr;
		}

		if (valid!='') {
			$("#response").fadeIn("slow");
			$("#response").html("Errore: "+valid);
		}
		else {
			var datastr ='mailMit=' + mailMit + '&mailDes=' + mailDes + '&mailLink=' +mailLink;
			$("#response").css("display", "block");
			$("#response").html("Invio in corso...");
			$("#response").fadeIn("slow");
			setTimeout("send('"+datastr+"')",2000);
		}
		return false;
	 });
	
  $("A.info_vote").click(function(){	
    id_vote = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_vote){
		     hasVoted = "vote"+ id_vote;
		     //alert( "Elemento voto:" + hasVoted);
		     //alert("valore cookie: " + $.cookie(hasVoted));
		    if ( $.cookie(hasVoted) == null )
		      {
		        $('#res').empty();		        
            $('#vote_pane').fadeIn('slow');   
            $('#stars').fadeIn('fast');        
            $('.hover-star').rating({
              focus: function(value, link){
              // 'this' is the hidden form element holding the current value
              // 'value' is the value selected
              // 'element' points to the link element that received the click.
              var tip = $('#hover-test');
              tip[0].data = tip[0].data || tip.html();
              tip.html(link.title || 'value: '+value);
              },
              blur: function(value, link){
                var tip = $('#hover-test');
                $('#hover-test').html(tip[0].data || '');
              },
              callback: function(value, link){            
                var votazione = 'idFoto=' + id_vote + '&Vote=' + value;
                //alert("stringa passata:" + votazione);
                //alert("valore cookie aggiornato" + hasVoted);
                $.cookie(hasVoted, '1');
                //alert($.cookie(hasVoted));
                rateIt(votazione);                                 
              }
            });
          }
        else
          {
            $('#stars').fadeOut('fast');
            $('#vote_pane').fadeIn('slow');        
            var update ='idFoto=' + id_vote + '&Vote=update';
             //alert("stringa aggiornamento: "+update);
            rateIt(update);

          }
      }
		});
  });

  $("A.info_map").click(function(){
		var id_map;
    id_map = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_map){
        $('#map_pane').fadeIn('slow');
        laat =  $panorama_find.find('opzioni').attr('lat');
        laang =  $panorama_find.find('opzioni').attr('lang');
        $.getScript("http://maps.google.com/jsapi?key=ABQIAAAAi85c7TibgDSsxS0ZSUbXOBSkUXsS58jf2h49soOyweW44NWbHxSEEX4Dp1TXrmIkPoGzXhFXNbR1vQ", function(){
        google.load("maps", "2", {"callback" : mapsLoaded});
        });
      }
		});
		});	
	
});
/*Chiusura funzione get del file xml*/
  
  /*Menu di testa*/
	$('#s0_3ul a')
	 .css( {backgroundPosition: "0 0"} )
	 .mouseover(function(){
	 $(this).stop().animate({backgroundPosition:"(-150px 0px)"}, {duration:500})
	 })
	 .mouseout(function(){
	 $(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:200, complete:function(){
	 $(this).css({backgroundPosition: "0 0"})
	   }})
	 })	
	/*Fine Menu di testa*/	     
	
	/*Tooltip per vari elementi*/
  $("#colori LI,#s6 *,#category A IMG").tooltip({
	 track: true,
	 delay: 200,
	 showURL: false,
	 showBody: " - ",
	 fade: 250
  });
	/*Fine Tooltip per vari elementi*/       
   

});

/*stop*/



 $(function(){
 //var id_vote;
//var hasVoted; 
    /*Impostazione dei pulsanti per il cambio lingua*/	
		$("#lang-gb").click(function(){
			$("body").changeLang({lang: "gb", file: "files/lang-example.xml"});
			$.cookie('lang', 'gb');
		});
		
		$("#lang-it").click(function(){
			$("body").changeLang({lang: "it", file: "files/lang-example.xml"});
			$.cookie('lang', 'it');
		});
		
		$("#lang-de").click(function(){
			$("body").changeLang({lang: "de", file: "files/lang-example.xml"});
			$.cookie('lang', 'de');
		});
		
		$("#lang-es").click(function(){
			$("body").changeLang({lang: "es", file: "files/lang-example.xml"});
			$.cookie('lang', 'es');
		});
		
		$("#lang-fr").click(function(){
			$("body").changeLang({lang: "fr", file: "files/lang-example.xml"});
			$.cookie('lang', 'fr');
		});
		
		$("#lang-ru").click(function(){
			$("body").changeLang({lang: "ru", file: "files/lang-example.xml"});
			$.cookie('lang', 'ru');
		});
		
		$("#lang-sa").click(function(){
			$("body").changeLang({lang: "sa", file: "files/lang-example.xml"});
			$.cookie('lang', 'sa');
		});

	 $("#category A IMG").click(function(){
	    $("#quicksearch").remove();
			var category = this.name;
			$('#tabellatour').empty();
			$('#tabellatour').append("<tr><td id='cat_name'>Stai attualmente visitando la categoria: " + category + "</td></tr>");
	/*Download file xml e creazione righe tabella*/ 
  $.get('files/panorama_prova.xml', function(d){
    $(d).find('panorama').each(function(){
      
      var $panorama = $(this); 
      var nome = $panorama.attr('nome');
      var id_xml =  $panorama.attr('id');
      var desc = $panorama.find('descrizione').text();
      var link = $panorama.find('link').attr('href');
      var addr = $panorama.find('indirizzo').text();
      var cat = $panorama.find('categoria').text();
      var opt3 = $panorama.find('opzioni').attr('link_ext');
      var lat =  $panorama.find('opzioni').attr('lat');
      var lang =  $panorama.find('opzioni').attr('lang');
      var imgUrl = $panorama.attr('imgUrl');
      
      if (cat == category)
      {
       var html = '<tr><td><table class="t_elem">';
      html +='<tr><th colspan="2" class="t_titoli">Panorama</th></tr>';
      html += '<tr><td colspan="2"><p class="t_panorama"><a href="'+ link +'" target="_blank">' + nome + '</a></p></td></tr>'; //riga nome panorama
      html += '<tr><th class="t_titolo_tour">Tour Virtuale 360°</th><th class="t_titoli">Opzioni</th></tr>';
      html += '<tr><td><a href="'+ link +'" target="_blank"><img class="t_immagine" alt="'+nome+'" src="' + imgUrl + '" /></a></td><td class="t_titolo_opt"><a name="'+ id_xml +'" class="info_map" href="#"><img class="t_img2" title="aiuto - Guarda questo luogo sulla mappa" src="img/icone/map.png" /></a><a name="'+ id_xml +'" href="#" class="info_foto"><img class="t_img2" alt="Informazioni sulla foto" src="img/icone/information.png" /></a><a href=http://'+ opt3 +'><img class="t_img2" alt="Link al sito web" src="img/icone/link.png" /></a><a name="'+ id_xml +'" href="#" class="info_mail"><img class="t_img2" alt="Invia per mail ad un amico" src="img/icone/email_go.png" /></a><a name="'+ id_xml +'" class="info_vote" href="#"><img class="t_img2" alt="Vota questo panorama" src="img/icone/star.png" /></a></td></tr>'; //riga fotografia + icone
      html += '<tr><th class="t_titoli">Indirizzo</th><th class="t_titoli">Categoria</th></tr>';
      html += '<tr><td>'+addr+'</td><td>'+cat+'</td></tr>'; //riga indirizzo + categoria
      html += '<tr><th colspan="2" class="t_titoli">Descrizione</th></tr>';
      html += '<tr><td colspan="2"><p>'+desc+'</p></td></tr>'; //riga descrizione
      html += '<tr class="t_vuota"><td colspan="2" >&nbsp;</td></tr>  </table></td></tr>';


      $('#tabellatour').append($(html));
      }  
    });   
  
  /*Fine creazione righe tabella
    $('#s1s').jScrollPane({
      showArrows:true  
    });
  /*Fade del sommario coi dati sul caricamento immagini*/
   $('#summary').fadeIn('slow');
	
	/*Preload delle immagini*/
	$.preload( '.t_immagine', {
		onRequest:request,
		onComplete:complete,
		onFinish:finish,
		placeholder:'img/loadingIcon.gif',
		notFound:'img/loadingIcon.gif',
		threshold: 2 
	});
	
	function update( data ){
		$('#done').html( ''+data.done );
		$('#total').html( ''+data.total );
		$('#loaded').html( ''+data.loaded );
		$('#failed').html( ''+data.failed );
	};
	function complete( data ){
		update( data );
		$('#image-next').html( 'none' );
		$('#image-loaded').html( data.image );
	};
	function request( data ){
		update( data );
		$('#image-next').html( data.image );
	};
	function finish(){
		$('#summary').fadeOut('slow');
	};
	
	$('#tabellatour table.t_elem').quicksearch({
	 stripeRowClass: ['odd', 'even'],
	 position: 'before',
	 attached: '#t2',
   labelText: 'Cerca nella categoria:'
  }); 
  
  $("A.info_foto").click(function(){
		var id_foto;
    id_foto = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_foto){
        $('#info_pane').fadeIn('slow');
        $('#t_pane tr:odd').addClass('t_pane_odd');
        $('#t_pane tr:even').addClass('t_pane_even');
        var data_scatto = $panorama_find.find('exif').attr('data_scatto');
        var dist_foc = $panorama_find.find('exif').attr('dist_foc');
        var esposizione = $panorama_find.find('exif').attr('esposizione');
        var iso = $panorama_find.find('exif').attr('iso');
        var f_num = $panorama_find.find('exif').attr('f_num');
        $('#data_scatto').html( data_scatto );
        $('#dist_foc').html( dist_foc );
        $('#esposizione').html( esposizione );
        $('#iso').html( iso );
        $('#f_num').html( f_num );
      }
		});
		});
	
	$("A.info_mail").click(function(){
		var id_mail;
    id_mail = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_mail){
        $('#mail_pane').fadeIn('slow');
        var mail_link = $panorama_find.find('link').attr('href');
        $('#mailLink').attr('value', mail_link)
      }
		});
		});
	
	
		$("#sm_friend").click(function(){
		var valid = '';
		var isr = ' mancante !';

		var mailMit = $("#mailMit").val();
		var mailDes = $("#mailDes").val();
    var mailLink = $("#mailLink").attr('value');
		if (!mailMit.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
			valid += '<br />e-mail mittente'+isr;
		}
		if (!mailDes.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
			valid += '<br />e-mail destinatario'+isr;
		}

		if (valid!='') {
			$("#response").fadeIn("slow");
			$("#response").html("Errore: "+valid);
		}
		else {
			var datastr ='mailMit=' + mailMit + '&mailDes=' + mailDes + '&mailLink=' +mailLink;
			$("#response").css("display", "block");
			$("#response").html("Invio in corso...");
			$("#response").fadeIn("slow");
			setTimeout("send('"+datastr+"')",2000);
		}
		return false;
	});
	
  $("A.info_vote").click(function(){	 
    id_vote = $(this).attr("name");
    //alert(id_vote);
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  if ($panorama_find.attr('id') == id_vote){
		    hasVoted = "vote"+ id_vote;
		    //alert("cookie 2 pagina: " + hasVoted);
		    //alert("valore cookie 2 pagina: " +$.cookie(hasVoted));
		    if ( $.cookie(hasVoted) == null )
		      {
		        $('#res').empty();
            $('#vote_pane').fadeIn('slow');   
            $('#stars').fadeIn('fast');       
            $('.hover-star').rating({
              focus: function(value, link){
              // 'this' is the hidden form element holding the current value
              // 'value' is the value selected
              // 'element' points to the link element that received the click.
              var tip = $('#hover-test');
              tip[0].data = tip[0].data || tip.html();
              tip.html(link.title || 'value: '+value);
              },
              blur: function(value, link){
                var tip = $('#hover-test');
                $('#hover-test').html(tip[0].data || '');
              },
              callback: function(value, link){
                //$('#stars').fadeOut('fast');
                //alert("id elem"id_vote);
                //alert(hasVoted);
                var votazione ='idFoto=' + id_vote + '&Vote=' + value;
                //alert("stringa votazione 2 pagina:  " + votazione);
                
                $.cookie(hasVoted, '1');
                //alert($.cookie(hasVoted));
                rateIt(votazione);                  
              }
            });
          }
        else
          {
            $('#stars').fadeOut('fast');
            $('#vote_pane').fadeIn('slow');   
            //$("#stars").html("Il tuo voto è stato già registrato");
            
            var update ='idFoto=' + id_vote + '&Vote=update';
            rateIt(update);
           // $('#stars').fadeIn('fast');
          }
      }
		});
  });


  $("A.info_map").click(function(){
		var id_map;
    id_map = $(this).attr("name");
		$(d).find('panorama').each(function(){
		  var $panorama_find = $(this);
		  
		  if ($panorama_find.attr('id') == id_map){
        $('#map_pane').fadeIn('slow');
        laat =  $panorama_find.find('opzioni').attr('lat');
        laang =  $panorama_find.find('opzioni').attr('lang');
        $.getScript("http://maps.google.com/jsapi?key=ABQIAAAAi85c7TibgDSsxS0ZSUbXOBSkUXsS58jf2h49soOyweW44NWbHxSEEX4Dp1TXrmIkPoGzXhFXNbR1vQ", function(){
        google.load("maps", "2", {"callback" : mapsLoaded});       
        });
      }
		});
		});

	
 
});
  });  // la chiusura era qui
  
  $("#close_pane").click(function(){
    $('#info_pane').fadeOut('slow');
  });
  
  $("#close_sm_friend").click(function(){
    $('#mail_pane').fadeOut('slow');
  });
  
  $("#close_vote").click(function(){
    $('#vote_pane').fadeOut('slow');
  });
  
   $("#close_map").click(function(){
    $('#map_pane').fadeOut('slow');
    GUnload();
  });
  
}); //chiusura di $function

  
  /*Funzione di chiusura del form contatti*/
  function closeForm(){
    $("#messageSent").show("slow");
      setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
  }
  /*Fine Funzione di chiusura del form contatti*/

  function send(datastr){
	$.ajax({	
		type: "POST",
		url: "mail.php",
		data: datastr,
		cache: false,
		success: function(html){
		$("#response").fadeIn("slow");
		$("#response").html(html);
		setTimeout('$("#response").fadeOut("slow")',2000);
		setTimeout('$("#mail_pane").fadeOut("slow")',1000);
	}
	});
  }
  
  function rateIt(voto){
	$.ajax({	
		type: "POST",
		url: "vote.php",
		data: voto,
		cache: false,
		success: function(html){
		$("#res").html("Il voto medio degli utenti è: <img alt='Media di voto:"+ html +"' src='img/icone/"+ html +".png'>");
	},
		complete: function(){
    //id_vote = null;
    $("#stars").fadeOut("fast");
	}
	});
  }
  
  function mapsLoaded() {
      var map = new google.maps.Map2(document.getElementById('map'));
      map.setCenter(new google.maps.LatLng(laat,laang), 13)
      map.setMapType(G_HYBRID_MAP);
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
      var punto = new GLatLng(laat, laang);
      var mark = new GMarker(punto);
      map.addOverlay(mark);
      
    }