$(document).ready(function(){

//fond au survol du sousmenu
        $("#menuNom_animals").hover(
            function () {
                $("img#imgFond_animals").fadeIn("def");
            }, 
            function () {
                $("#imgFond_animals").hide();
            }
        );
        $("#menuNom_blackwhite").hover(
            function () {
                $("img#imgFond_blackwhite").fadeIn("def");
            }, 
            function () {
                $("#imgFond_blackwhite").hide();
            }
        );
        $("#menuNom_landscapes").hover(
            function () {
                $("img#imgFond_landscapes").fadeIn("def");
            }, 
            function () {
                $("#imgFond_landscapes").hide();
            }
        );
        $("#menuNom_shadowslights").hover(
            function () {
                $("img#imgFond_shadowslights").fadeIn("def");
            }, 
            function () {
                $("#imgFond_shadowslights").hide();
            }
        );
        $("#menuNom_showsactivities").hover(
            function () {
                $("img#imgFond_showsactivities").fadeIn("def");
            }, 
            function () {
                $("#imgFond_showsactivities").hide();
            }
        );

//barre de navigation
$(function() {      
        
    // initialize scrollable 
    $("div.scrollable").scrollable({
        size: 8,//nombre d'éléments par "page"
        items: '#thumbs',  
        hoverClass: 'hover'
    }); 
    
});


//activation de la galerie
jQuery(function($) {
    $('ul.gallery').galleria({
            history   : true, // activates the history object for bookmarking, back-button etc.
            clickNext : true, // helper for making the image clickable
            insert    : '#boxAlbum', // the containing selector for our main image
            onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                
                // fade in the image & caption
                if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
                    image.css('display','none').fadeIn(1000);
                }
                caption.css('display','none').fadeIn(1000);
                
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                
                // fade out inactive thumbnail
                _li.siblings().children('img.selected').fadeTo(500,0.4);
                
                // fade in active thumbnail
                thumb.fadeTo('fast',1).addClass('selected');
                
                // add a title for the clickable image
                image.attr('title','Suivante >>>');
            },
            onThumb : function(thumb) { // thumbnail effects goes here
                
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                
                // if thumbnail is active, fade all the way.
                var _fadeTo = _li.is('.active') ? '1' : '0.4';
                
                // fade in the thumbnail when finnished loading
                thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                
                // hover effects
                thumb.hover(
                    function() { thumb.fadeTo('fast',1); },
                    function() { _li.not('.active').children('img').fadeTo('fast',0.4); } // don't fade out if the parent is active
                )
            }
        });
}); 



});