/*
 * FONCTIONS APPELEES SUR TOUTES LES PAGES DU SITE
 */
$(function(){

$("#info_plus ul").newsticker();    //Faire defiler les article de la zone derniere minute

/* --- EFFET SUR LE MENU PRINCIPAL ---*/


$('#menu>ul>li>a').each(function(){
     if (!$(this).parent().hasClass("on")){
          $(this).css( {backgroundPosition: "0px 0px"} )
.mouseover(function(){ 
$(this).stop().animate({backgroundPosition:"0px -15px"}, {duration:500}) 
}) 
.mouseout(function(){ 
$(this).stop().animate({backgroundPosition:"0px 0px"}, {duration:500}) 
}) }
});


/* --- AJOUT D UN DIV POUR LA MISE EN EXERGUE ---*/

$(".exergue,.smallRight,.smallLeft").prepend('<span class="bgExergue"></span>');

/* --- PLUS DOUTILS DE LA ZONE PRATIQUE ---*/

$("body.accueil #pratique li:even").addClass("impaire");

if( ! $('body').hasClass('accueil')){


$("#wrapperPratique").after("<a href='#' class='boutPlus bout02'>Plus d'outils</a>");
var maHauteur = $("#wrapperPratique").height();
$("#wrapperPratique").css({
               position: "relative",
               height: "145px",
               overflow: "hidden"
});

$("a.boutPlus").toggle(function(){
      $("#wrapperPratique").animate({ 
        height: maHauteur + 'px'
      }, "slow" );
 },function(){
      $("#wrapperPratique").animate({height:"145px"});
}); 

};

/* --- METTRE UNE CLASS SUR LES ELEMENTS PAIRE ---*/


$(".unSurDeux:even").addClass("paire");


/* --- RETOUR EN HAUT DE PAGE ---*/



   $('#hautpage a').live('click', function(event){ 
      event.preventDefault();
      $('html,body').animate({scrollTop: 0}, {duration:500}); 
   }); 


/* --- EASY SLIDER ---*/


$("#slider").easySlider({
orientation:'vertical'
});


/**
 * ----------------------------------------------------------------------------------------------------
 * BACKGROUND ALEATOIRE
 *
 * !!! NECESSITE LE PLUGIN jQueryCookie => http://plugins.jquery.com/files/jquery.cookie.js.txt !!!
 *
 * Vous pouvez modifier les images défilantes en ajoutant ou en enlevant
 * des entrées dans la variable "images" ci-dessous
 *
 * Vous pouvez changez l'élément dont le background change en modifiant
 * la variable "$element". Cette variable doit contenir un objet jQuery
 * ----------------------------------------------------------------------------------------------------
 */
var images = [
    'bgIllustration01.gif',
    'bgIllustration02.jpg',
    'bgIllustration03.jpg',
    'bgIllustration04.jpg',
    'bgIllustration05.jpg',
    'bgIllustration06.jpg'
];

var $element = $('body');


// Si on est sur la page "index.html"
if ($(location).attr('href').match(new RegExp('index\.[a-z]+', 'gi'))) {

    // On récupére le cookie dans lequel est stocké l'index de la dernière image affichée (indexImage)
    // Si l'index n'existe pas ou qu'il est >= à la taille du tableau des images, on prend l'index 0 (première image du tableau)
    var indexImage = ($.cookie('index_random_background') != null) ? parseInt($.cookie('index_random_background')) : 0;
    if (indexImage >= images.length) indexImage = 0;
   
    // Mise à jour du background de l'élément
    $element.css('background-image', 'url(images/' + images[indexImage] + ')');
    
    // Stockage de l'index + 1 dans le cookie
    $.cookie('index_random_background', indexImage + 1, {expires: 365});

}

/* --------------------------------------------------------------------------------------------------*/

});