$(document).ready(function() { 

  $("a#newCommentAjax").fancybox({'hideOnContentClick': false }); 
  $("a.imgGalerie").fancybox({'hideOnContentClick': false });
  $(".arl").hide();
  $(".arl1").show();
  $(".btnarl1").addClass('sele');
  $(".btnarl1").click(function(){
         $(".btnarl").removeClass('sele');
         $(".btnarl1").addClass('sele');
 	 $(".arl").hide();
	 $(".arl1").show();
         return false;
  });
  $(".btnarl2").click(function(){
         $(".btnarl").removeClass('sele');
         $(".btnarl2").addClass('sele');
 	 $(".arl").hide();
	 $(".arl2").show();
         return false;
  });
  $(".btnarl3").click(function(){
         $(".btnarl").removeClass('sele')
         $(".btnarl3").addClass('sele');
 	 $(".arl").hide();
	 $(".arl3").show();
         return false;
  });
  $(".btnarl4").click(function(){
         $(".btnarl").removeClass('sele');
         $(".btnarl4").addClass('sele');
 	 $(".arl").hide();
	 $(".arl4").show();
         return false;
  });
  $(".btnarl5").click(function(){
         $(".btnarl").removeClass('sele');
         $(".btnarl5").addClass('sele');
 	 $(".arl").hide();
	 $(".arl5").show();
         return false;
  });
  $(".btnarl6").click(function(){
         $(".btnarl").removeClass('sele');
         $(".btnarl6").addClass('sele');
 	 $(".arl").hide();
	 $(".arl6").show();
         return false;
  });
  $(function(){
                    $('.list-style2').hide();
                    $('#view-list').click(function(){
                        $(".btnarl").hide()
                        $('.list1On').hide();
                        $('.list-style2').show();
                        return false;
                    });
                    $('#view-pic').click(function(){
                        $(".btnarl").show()
                        $('.list1On').show();
                        $('.list-style2').hide();
                        return false;
                    });
   });




//Configuration
    var retour = true;
    var tempsTransition = 1000;
    var affichePlayPause = false;
    var lectureAutomatique = false;
    	var tempsAttente = 6000;
    
    var icones = new Array();
    		icones['play'] = 'img/play_slider.png';
    		icones['pause'] = 'img/pause_slider.png';	
    
    var currentPosition = 0;

    var slides = $('.slide');
    var numberOfSlides = slides.length;
    var interval;
    var lectureEnCours = true;
    // 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
    $('#slideshow')
    .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(); 
	}
  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();
    		}
    	});
    }
    

   // $('#slideshow #slidesContainer .slide').css('background-color', 'black');
    
     $("#contentVi").hide();
  $(".linkPh").click(function(){
     $("#contentPh").show();
     $("#contentVi").hide();
     return false;
  });

  $(".linkVi").click(function(){
     $("#contentPh").hide();
     $("#contentVi").show();
     return false;
  });

  jQuery.validator.messages.required = "";
  jQuery.validator.messages.email = "";
  $(".formSV").validate({
    rules: { phone: { minlength: 10 }

    },
    messages: {
      phone: { minlength: "" }

    },
    invalidHandler: function(form, validator) {
      var errors = validator.numberOfInvalids();
      if (errors) {
	$("#messageError").fadeIn("slow");
      } else {
      }
    }
  });


});