$(document).ready(function() {

	//********* scroll diaporama accueil **********
    $('#slideshow').cycle({
        fx:     'scrollHorz', 
        prev:   '#cylcePrev', 
        next:   '#cylceNext',
        timeout: 8000,
        pause:   1 // pause on hover
    });
    
    
    
    
    
    
    
    //
    // on lance l'animation fade pour les transition des images
    //
    
    // si on a pas le js activé => on cache tout en css
    // => donc si on l'a => on le réaffiche
    $('.bandeau').show();
    
    
    // si on est sur IE => problème lors des transitions des images avec transparence => on met un speed à 0
    if($.browser.msie){
        
        var var_speed = 0;
    }
    else{
    
        var var_speed = 1000;
    }
    
    $('.bandeau').cycle({
        fx: 'fade',
        timeout: 2000,
        speed: var_speed,
        random: 1,
        cleartypeNoBg: true,
        pause: 1 // pause on hover
    });
    
    //
    // Survol des images : on fait apparaitre une phrase (en fait, on change le background position)
    //
    
    $('.blocBandeau a').hover(
        function () { 
        
            $(this).parent().addClass('hover');
        }
        ,
        function () { 
        
            $(this).parent().removeClass('hover');
        }
    );
    
    
});