jQuery(document).ready(function() {
    
    //largeur d'un visuel + espace avant le suivante
    var spacing = 85;
    
    //on fixe les dimensions du diaporama et on cache tous les éléments qui en dépasse
    //puis on masque tous le contenu
    jQuery('#galerie_diaporama_cadre').css({
      'width':    spacing * 5 ,
       'height':   '62px',
       'overflow': 'hidden'
    }).find('#galerie_diaporama_elements a').css({
        'float':    'none',
        'position': 'absolute',
        'left':      1000
        
    });
    
    //initialisation du diaporama
    var setUpPhotos = function() {
        //on récupère les boutons pour faire défiler les visuels
        var $boutonPrecedent = jQuery('#galerie_diaporama #galerie_diaporama_precedent a');
        var $boutonSuivant = jQuery('#galerie_diaporama #galerie_diaporama_suivant a');
        $boutonPrecedent.unbind('click');
        $boutonSuivant.unbind('click');
        
        //on récupère tous les visuels et on affiche que les 5 premiers
        var $photos = jQuery('#galerie_diaporama_cadre #galerie_diaporama_elements a');
        
        //clic sur le bouton precedent
        $boutonPrecedent.click(function(event) {
            //on déplace les 5 photos visibles vers la droite
            $photos.eq(0).animate({'left': spacing}, 'fast');
            $photos.eq(1).animate({'left': spacing * 2}, 'fast');
            $photos.eq(2).animate({'left': spacing * 3}, 'fast');
            $photos.eq(3).animate({'left': spacing * 4}, 'fast');
            $photos.eq(4).animate({'left': spacing * 5}, 'fast');
            
            //on fait revenir la dernière photo au début de la file et on la déplace vers la droite en première position visible
            $photos.eq($photos.length - 1).css('left', -spacing)
                                          .animate({'left': 0}, 'fast', function() {
                                              jQuery(this).prependTo('#galerie_diaporama_cadre #galerie_diaporama_elements');
                                              setUpPhotos();
                                          });
            event.preventDefault();
            
        });
                
        //clic sur le bouton suivant
        $boutonSuivant.click(function(event) {
            //on déplace la première photo vers la gauche, une fois l'effet terminé on la fait passer à la fin de la fin
            $photos.eq(0).animate({'left': -spacing}, 'fast', function() {
                                                                  jQuery(this).appendTo('#galerie_diaporama_cadre #galerie_diaporama_elements');
                                                                  setUpPhotos();
                                                              });
            //on déplace toutes les photos qui restent visibles sur la gauche
            $photos.eq(1).animate({'left': 0}, 'fast');
            $photos.eq(2).animate({'left': spacing}, 'fast');
            $photos.eq(3).animate({'left': spacing * 2}, 'fast');
            $photos.eq(4).animate({'left': spacing * 3}, 'fast');
            
            //on fait apparaitre la 6ème photo
            $photos.eq(5).css('left', spacing * 5)
                         .animate({'left': spacing * 4}, 'fast');
            
            event.preventDefault();
            
        });
        
        $photos.eq(0).css('left', 0);
        $photos.eq(1).css('left', spacing);
        $photos.eq(2).css('left', spacing * 2);
        $photos.eq(3).css('left', spacing * 3);
        $photos.eq(4).css('left', spacing * 4);
        
    };
    
    setUpPhotos();
    
});


iActualPicture = 0;
iTotalPicture = 0;

function showNormalPicture(iPictureId) {
	
	iActualPicture = iPictureId;
	jQuery("div.galerie_image").removeClass('galerie_cadre_img');
	jQuery("div.galerie_image").addClass('galerie_cadre_img_hidden');
	jQuery('#main_picture'+iPictureId).removeClass('galerie_cadre_img_hidden');
	jQuery('#main_picture'+iPictureId).addClass('galerie_cadre_img');
}

function showNextPicture() {

	jQuery("div.galerie_image").removeClass('galerie_cadre_img');
	jQuery("div.galerie_image").addClass('galerie_cadre_img_hidden');
	iActualPicture++;
	if ( jQuery('#main_picture'+iActualPicture).val() == null ) {
		
		iActualPicture = 1;
	}
	jQuery('#main_picture'+iActualPicture).removeClass('galerie_cadre_img_hidden');
	jQuery('#main_picture'+iActualPicture).addClass('galerie_cadre_img');
}

function showPreviousPicture() {

	jQuery("div.galerie_image").removeClass('galerie_cadre_img');
	jQuery("div.galerie_image").addClass('galerie_cadre_img_hidden');
	iActualPicture--;
	if ( jQuery('#main_picture'+iActualPicture).val() == null ) {
		
		iActualPicture = iTotalPicture;
	}
	jQuery('#main_picture'+iActualPicture).removeClass('galerie_cadre_img_hidden');
	jQuery('#main_picture'+iActualPicture).addClass('galerie_cadre_img');
}


jQuery(function() {
	jQuery("a#gallery_zoom").click(function(){
		jQuery('.galerie_cadre_img a').click();
		return false;
	});
    jQuery('#gallery_pictures a').lightBox();
});