$(document).ready(function ($) {
    $("body").addClass("home");
    // We only want these styles applied when javascript is enabled
    $('div.navigation').css({ 'width': '300px', 'float': 'left' });
    $('div.content').css('display', 'block');
    $('div.barrenav, div#transparentbg').css('opacity', 0.9);

    /* POSITIONNEMENT DU BACKGROUND REALISATIONS */
    //  posBackRea = $("#realisations").offset().top;
    // $("#bandeauRea").css("margin-Top", posBackRea + "px");
    /* FIN */

    // Initialize Advanced Galleriffic Gallery
    var gallery = $('#thumbs').galleriffic({
        delay: 5500,
        numThumbs: 1,
        /*MODIFICATION DE LA DIV DESTINATION enableTopPager fichier source*/
        enableTopPager: true,
        enableBottomPager: false,
        maxPagesToShow: 1,
        imageContainerSel: '#slideshow',
        controlsContainerSel: '#controls',
        captionContainerSel: '#caption',
        barreContainerSel: '#barrenav',
        descContainerSel: '#image-desc',
        renderSSControls: true,
        renderNavControls: true,
        playLinkText: 'Lecture',
        pauseLinkText: 'Pause',
        prevLinkText: 'Prec',
        nextLinkText: 'Suiv',
        nextPageLinkText: 'Next',
        prevPageLinkText: 'Previous',
        enableHistory: true,
        autoStart: true,
        syncTransitions: false,
        defaultTransitionDuration: 1000,
        onSlideChange: function (prevIndex, nextIndex) {
            this.$barreContainer.find('a.prev')
			.eq(prevIndex).fadeTo('fast', 0).end()
			.eq(nextIndex).fadeTo('fast', 1.0);
            // Update the photo index display
            this.$barreContainer.find('div.photo-index')
				.html((nextIndex + 1) + '/' + this.data.length);
        }
    });

    /* REALISATIONS HOVER */
    $("#blocRealisations li").hover(function () {
        $(".TitreRea div", this).slideDown("fast");
        $(".LienRea", this).fadeIn("fast");
    }, function () {
        $(".TitreRea div", this).slideUp("fast");
        $(".LienRea", this).fadeOut();
    });

    /* IMAGE PRESENCE HOVER */
    $("#aImgPresence").hover(function () {
        $("img", this).hide().fadeIn();
    }, function () {
        $("img", this).show();
    });


});