/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
  $.featureList(
    $("#tabs li a"),
    $("#output li"), {
      start_item	:	1
    }
  );
  
  $('#slideshow').advListRotator({
    rotationInterval: 3000,
    effect: 'fade',
    effectTimer: 2000,
    activeItemClass: 'slideshowItemActive',
  });

	$('.menu li').click(function(e){
    switch(e.target.id){
			case "news":
				//change status & style menu
				$("#news").addClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				$("#sondage").removeClass("active");
				//display selected division, hide others
				$("div.news").fadeIn();
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
				$("div.sondage").css("display", "none");
			break;
			case "tutorials":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").addClass("active");
				$("#links").removeClass("active");
				$("#sondage").removeClass("active");
				//display selected division, hide others
				$("div.tutorials").fadeIn();
				$("div.news").css("display", "none");
				$("div.links").css("display", "none");
				$("div.sondage").css("display", "none");
			break;
			case "links":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").addClass("active");
				$("#sondage").removeClass("active");
				//display selected division, hide others
				$("div.links").fadeIn();
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.sondage").css("display", "none");
			break;
			case "sondage":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				$("#sondage").addClass("active");
				//display selected division, hide others
				$("div.sondage").fadeIn();
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
			break;
		}
    
		//alert(e.target.id);
		return false;
	});
  
  	//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = false;
		  var lectureAutomatique = true;
      var tempsdefaut = 6000;
      if(document.getElementById('tmp0').value && document.getElementById('tmp0').value > 0)
        var tempsAttente = (document.getElementById('tmp0').value)*1000;
      else
        var tempsAttente = tempsdefaut;
			
		  var icones = new Array();
		  		icones['play'] = 'img/play_slider.png';
		  		icones['pause'] = 'img/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth = 560;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var interval2;
		  var lectureEnCours = false;
    // Supprime la scrollbar en JS
    $('#slidesContainer').css('overflow', 'hidden');

    // Attribue  #slideInner  à toutes les div .slide
    slides
      .wrapAll('<div id="slideInner"></div>')
      // Float left to display horizontally, readjust .slides width
    .css({
        'float' : 'left',
        'width' : slideWidth
      });

    // Longueur de #slideInner égale au total de la longueur de tous les slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert controls in the DOM
    $('#slideMulti')
      .prepend('<span class="control" id="leftControl">Précédent</span>')
      .append('<span class="control" id="rightControl">Suivant</span>');


    
    // Hide left arrow control on first load
    manageControls(currentPosition);

    //Crée un écouteur d'évènement de type clic sur les classes .control
    $('.control')
      .bind('click', function(){
      
      // Determine la nouvelle position
    currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
      
    if(currentPosition == numberOfSlides && retour == false ){
      currentPosition--;
      pause();
    }
    
    // Cache ou montre les controles
      manageControls(currentPosition);
      // Fais bouger le slide
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      },tempsTransition);
    });

    // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
    function manageControls(position){
      // Cache la fleche "précédent" si on est sur le premier slide
    if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
    // Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
      if(position==numberOfSlides-1 && retour == false){
      $('#rightControl').hide();
    } else {
      $('#rightControl').show();
    }
    if(position == numberOfSlides && retour == true){
      currentPosition = 0;
       $('#leftControl').hide();
    }
    }
    function suivant(){
    $('#rightControl').click();
    if(document.getElementById('tmp'+currentPosition).value && document.getElementById('tmp'+currentPosition).value > 0)
      tempstmp = (document.getElementById('tmp'+currentPosition).value)*1000;
    else
      tempstmp = tempsdefaut;
      
    clearInterval(interval);
    interval = setInterval(suivant, tempstmp);
    }
    function start() {
      lectureEnCours = true;
      interval = setInterval(suivant, tempsAttente );
    }
    function pause() {
      lectureEnCours = false;
     clearInterval(interval);
    }
    
   //Si le diapo est activé 
  if(lectureAutomatique == true){
    start();
  }
  if(affichePlayPause == true){
    $('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
    if(lectureAutomatique == true){
      $('#navDiapo').attr('src',icones['pause']);
    }else{
      $('#navDiapo').attr('src',icones['play']);	
    }
    $('#navDiapo').bind('click', function(){
      if(lectureEnCours == true){
        $(this).attr('src',icones['play']);
        pause();
      }else{
        $(this).attr('src',icones['pause']);
        start();
      }
    });
  }

  
  	//Configuration
    if(document.getElementById('tmp2-0').value && document.getElementById('tmp2-0').value > 0)
      var tempsAttente = (document.getElementById('tmp2-0').value)*1000;
    else
      var tempsAttente = tempsdefaut;
    
    var icones = new Array();
        icones['play'] = 'img/play_slider.png';
        icones['pause'] = 'img/pause_slider.png';	
    
    var currentPosition2 = 0;
    var slides2 = $('.slide2');
    var numberOfSlides2 = slides2.length;
    var interval2;
    var lectureEnCours = false;
    // Supprime la scrollbar en JS
    $('#slidesContainer2').css('overflow', 'hidden');

    // Attribue  #slideInner  à toutes les div .slide
    slides2
      .wrapAll('<div id="slideInner2"></div>')
      // Float left to display horizontally, readjust .slides width
    .css({
        'float' : 'left',
        'width' : slideWidth
      });

    // Longueur de #slideInner égale au total de la longueur de tous les slides
    $('#slideInner2').css('width', slideWidth * numberOfSlides2);

    // Insert controls in the DOM
    $('#slideMulti')
      .prepend('<span class="control2" id="leftControl2">Précédent</span>')
      .append('<span class="control2" id="rightControl2">Suivant</span>');


    
    // Hide left arrow control on first load
    manageControls2(currentPosition2);

    //Crée un écouteur d'évènement de type clic sur les classes .control
    $('.control2')
      .bind('click', function(){
      
      // Determine la nouvelle position
    currentPosition2 = ($(this).attr('id')=='rightControl2') ? currentPosition2+1 : currentPosition2-1;
      
    if(currentPosition2 == numberOfSlides2 && retour == false ){
      currentPosition2--;
      pause();
    }
    
    // Cache ou montre les controles
      manageControls2(currentPosition2);
      // Fais bouger le slide
      $('#slideInner2').animate({
        'marginLeft' : slideWidth*(-currentPosition2)
      },tempsTransition);
    });

    // manageControls2: Cache ou montre les flêches de controle en fonction de la position courante
    function manageControls2(position){
      // Cache la fleche "précédent" si on est sur le premier slide
    if(position==0){ $('#leftControl2').hide() } else{ $('#leftControl2').show() }
    // Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
      if(position==numberOfSlides2-1 && retour == false){
      $('#rightControl2').hide();
    } else {
      $('#rightControl2').show();
    }
    if(position == numberOfSlides2 && retour == true){
      currentPosition2 = 0;
       $('#leftControl2').hide();
    }
    }
    function suivant2(){
    $('#rightControl2').click();
    if(document.getElementById('tmp2-'+currentPosition2).value && document.getElementById('tmp2-'+currentPosition2).value > 0)
      tempstmp2 = (document.getElementById('tmp2-'+currentPosition2).value)*1000;
    else
      tempstmp2 = tempsdefaut;
      
    clearInterval(interval2);
    interval2 = setInterval(suivant2, tempstmp2);
    }
    function start2() {
      lectureEnCours = true;
      interval2 = setInterval(suivant2, tempsAttente );
    }
    function pause2() {
      lectureEnCours = false;
     clearInterval(interval2);
    }
    
   //Si le diapo est activé 
  if(lectureAutomatique == true){
    start2();
  }
  if(affichePlayPause == true){
    $('#slidesContainer2').prepend('<img id="navDiapo2" src="" alt="Navigation diaporama" />');
    if(lectureAutomatique == true){
      $('#navDiapo2').attr('src',icones['pause']);
    }else{
      $('#navDiapo2').attr('src',icones['play']);	
    }
    $('#navDiapo2').bind('click', function(){
      if(lectureEnCours == true){
        $(this).attr('src',icones['play']);
        pause2();
      }else{
        $(this).attr('src',icones['pause']);
        start2();
      }
    });
  }

});