$(document).ready(function() {
		jQuery.noConflict();
        jQuery('#thumbs').before('<div id="controls"/>');
        jQuery('#controls').html('<span style="display:none;"></span>');
        jQuery('#thumbs').before('<div id="slideshow"/>');
        jQuery('#slideshow').html('<span style="display:none;"></span>');
        jQuery('#thumbs').before('<div id="caption"/>');
        jQuery('#caption').html('<span style="display:none;"></span>');

        jQuery('#thumbs ul.thumbs li').each(function(i, val){
            if(( (i+1) % 6) == 0){
                jQuery(this).css("margin-right", 0);
            }
            if(((i+3) % 6) == 0 || ((i+5) % 6) == 0){
                jQuery(this).css("margin-right", 14);
            }

        });
		var autoStart = true ;
		if(jQuery('#thumbs').hasClass('stop')){autoStart = false ;}
        var gallery = jQuery('#thumbs').galleriffic({
        delay:                     4000, // in milliseconds
        numThumbs:                 12, // The number of thumbnails to show page
        preloadAhead:              40, // Set to -1 to preload all images
        enableTopPager:            false,
        enableBottomPager:         true,
        maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
        imageContainerSel:         '#slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
        controlsContainerSel:      '#controls', // The CSS selector for the element within which the slideshow controls should be rendered
        captionContainerSel:       '#caption', // The CSS selector for the element within which the captions should be rendered
        loadingContainerSel:       '#download', // The CSS selector for the element within which should be shown when an image is loading
        renderSSControls:          true, // Specifies whether the slideshow's Play and Pause links should be rendered
        renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
        playLinkText:              "<img src='/solutions_professionnelles/templates/jcj_general/images/play.gif'/>",
        pauseLinkText:             "<img src='/solutions_professionnelles/templates/jcj_general/images/pause.gif'/>",
        prevLinkText:              "<img src='/solutions_professionnelles/templates/jcj_general/images/prev.gif'/>",
        nextLinkText:              "<img src='/solutions_professionnelles/templates/jcj_general/images/next.gif'/>",
        nextPageLinkText:          'Next &rsaquo;',
        prevPageLinkText:          '&lsaquo; Prev',
        enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
        enableKeyboardNavigation:  false, // Specifies whether keyboard navigation is enabled gêne les formulaires !! CT
        autoStart:                 autoStart, // Specifies whether the slideshow should be playing or paused when the page first loads
        syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
        defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
        onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
        onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
        onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
        onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
        onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
        onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
        onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
    });
});