$(document).ready(function() {
  
  menu_active = "1";
  
  $("#menu"+menu_active).css({"background" : "url('gfx/button_on.png') center 0 no-repeat"});
  
  $("#menu"+menu_active).mouseleave(function() {
    $("#menu"+menu_active).css({"background" : "url('gfx/button_on.png') center 0 no-repeat"});
  });
  
  // DISPLAY
  $(".index_button").mouseover(function() {   // fa accendere i bottoni
    $(".index_button").css({"background-position" : "0px 0px"});
    $(this).css({"background-position" : "0px 54px"});
  });
  
   $(".index_button").mouseout(function() {   // fa spegnere i bottoni
    $(this).css({"background-position" : "0px 0px"});
  });
  
  $(".index_button").mouseover(function() {   // setta il contenuto del display quando l'utente passa sopra ai bottoni delle macrocategorie
    $.ajaxSetup ({ cache: false});
    $.ajax({
      url: "retrieve_categories.php",
      type: "GET",
      cache: false,
      data: "cat="+$(this).attr("id")+"&lang="+$("#lang").val(),
      success: function(data) {
          $("#display").html(data);
      }
    });
  });
  
  // ========================================================================
  
  // BANNER
  $("#banner").cycle({
    fx: 'fade',
    startingSlide: 0,
    timeout: 8000,     // ms
    speed: 1500,
    before: onBefore,
    after: onAfter
  });
  $("#banner").show();
  
  function onBefore() {   // callback di inizio transizione dei banner
    $(".index_button").css({"background-position" : "0px 0px"});
  }
  
  function onAfter() {   // callback di fine transizione dei banner
    $.ajaxSetup ({ cache: false });
    $.ajax({
      url: "retrieve_categories.php",
      type: "GET",
      cache: false,
      data: "cat="+$(this).attr("class")+"&lang="+$("#lang").val(),
      success: function(data) {
          $("#display").html(data);
      }
    });
    $("#"+$(this).attr("class")).css({"background-position" : "0px 54px"});
  }
  
  // ========================================================================
  
  // VIDEO SLIDER
  $(function() {    // codice per attivare lo slider
    $("#video_slider").jCarouselLite({
        btnNext: "#forward",
        btnPrev: "#back"
    });
  });
  
  $(".el").mouseover(function() {   // evidenza l'elemento
    $(this).css({"border" : "10px solid #ed680b"});
  });
  $(".el").mouseout(function() {    // dis-evidenzia l'elemento
    $(this).css({"border" : "10px solid #7b7c7e"});
  });
  
  $("#video_slider a").mouseover(function() {   // scrive il titolo del video nella barra sotto
    $("#strip_bottom").html($(this).attr("title"));
  });
  $("#video_slider a").mouseout(function() {    // ripulisce la barra sotto
    $("#strip_bottom").html("");
  });
  
  $("#video_slider a").click(function() {   // apre la colorbox col video selezionato (cliccato) in modalità autoplay
    if (snd99) {
      document.getElementById('framesnd').src='sndoff.html';
      snd99=0;
      $("#sound_button").html('SOUND ON');
    }
    codice = $(this).attr("href");
    $(this).colorbox({html:'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="ooyalaPlayer_5ov05_ge19cnjj" width="640" height="360" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"><param name="movie" value="http://player.ooyala.com/player.swf?embedCode='+codice+'&version=2" /><param name="bgcolor" value="#000000" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="embedType=noscriptObjectTag&embedCode='+codice+'&autoplay=1" /><embed src="http://player.ooyala.com/player.swf?embedCode='+codice+'&version=2" bgcolor="#000000" width="640" height="360" name="ooyalaPlayer_5ov05_ge19cnjj" align="middle" play="true" loop="false" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" flashvars="&embedCode='+codice+'&autoplay=1" pluginspage="http://www.adobe.com/go/getflashplayer"></embed></object>'});
  }); 

});