/*
**
**  Carrousel 1.0 28/07/10
**  Author: Tony Sahraoui
**  
*/

$(document).ready( function() {
 
  // REGLAGES  
  var currentIndex = 0;
  var displayIndex = 0;
  var displayTime = 800;
  var intervalDisplay = 5000;
  var defaultOpacity = 1;
  
  // INITIALISATION DES VARIABLES
  var go = null;
  var nbItems = $("#carrousel .items").length;
  var playIndex = 0;
  var navigation = "<div id=\"navigation-carrousel\"></div>";
  var navigationContent = "";
  
  // CREATION DE LA NAVIGATION
  for (i =0; i<nbItems; i++){
    navigationContent +="<span class=\"indexCarrousel\"></span>";
  }
  
  $("#carrousel").prepend(navigation);
  $("#carrousel #navigation-carrousel").css("opacity",defaultOpacity);
  $("#carrousel #navigation-carrousel").append(navigationContent);
  $("#carrousel #navigation-carrousel .indexCarrousel:last").addClass("hover");
  $("#carrousel .items").hide();
  $("#carrousel .items:first").show();
  
  // ITEM SUIVANT
  function next() {
    currentIndex += 1;
    if(currentIndex >= nbItems){ currentIndex = 0; }

    displayItem(parseInt(currentIndex));

  }
  
  // FONCTION AFFICHAGE
  function displayItem (index) {
    currentIndex = index;
    if(currentIndex==displayIndex) return false;
    displayIndex=currentIndex;
    $("#carrousel .items:visible").fadeOut(displayTime);
    $("#carrousel .items:eq("+parseInt(index)+")").fadeIn(displayTime);
    $("#carrousel .indexCarrousel").removeClass("hover");
    var tempIndex = 3 - parseInt(index);
    $("#carrousel .indexCarrousel:eq("+tempIndex+")").addClass("hover");
  }
  
 // AFFICHAGE AUTOMATIQUE 
 function auto() {
        if(playIndex == 0){
            go = setInterval(next,intervalDisplay);
            playIndex = 1;
        }
        return false;
    }
    
    // PAUSE
    function pause() {
        if(playIndex == 1){
            clearInterval(go);
            playIndex = 0;
        }
       return false;
    }
    
    
    $("#carrousel").mouseover(function() {
        pause();
    });
    
    $("#carrousel").mouseout(function() {
        auto();
    });

    auto();

    $("#carrousel span.indexCarrousel").click(function() {
        var displayIndex = 3 - parseInt($("#carrousel span.indexCarrousel").index(this));
        displayItem(displayIndex);
    });
});