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

/**
 * ------------------------------------------------------------------------
 * CHARGEMENT DE VOXREADER
 * ------------------------------------------------------------------------
 */
// Mise à jour de l'url du lien (pour l'accessibilité)
$('#linkHeader li.lire a').attr('href', 'http://www.voxreader.com/cgi-bin/voxreader.cgi?id=www.ville-saintgratien.fr_00041&page=' + document.location.href.replace(/#.*/g, ''));

// Ajout clic sur le bouton de lecture voxReader
$('#linkHeader li.lire a').click(function() {
    popup($(this).attr('href'), 'voxreader', 400, 600);
    return false;
});
/**
 * ------------------------------------------------------------------------
 * FIN VOXREADER
 * ------------------------------------------------------------------------
 */


$('.tableExergue').wrap('<div class="wrapperTable"></div>');
$('.tableExergue').before('<div class="exergueTop"></div>');


 /* --- MENU SUR DEUX NIVEAUX ---*/ 



$("#menu ul li a span").each(function() { 
if($(this).text().length > 58) 
        { $(this).parents("li").first().addClass("quatre");}
else if ($(this).text().length > 40 ) 
        { $(this).parents("li").first().addClass("triple");}
else if ($(this).text().length > 21 ) 
        { $(this).parents("li").first().addClass("double");}

});



$(".actualite a").each(function() { 
if($(this).text().length > 20) { 
$(".actualite > ul > li > div").addClass("titreDouble");} 
}); 


/* --- UN SUR DEUX ---*/


$(".surDeux:even").addClass("premier");


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


$("#sliderHoriz01").easySlider({
nextId: "slider1next",
prevId: "slider1prev",
auto: true,
speed: 1500,
pause: 7000,
continuous: true
});


$("#sliderHoriz02").easySlider({
continuous: true,
nextId: "slider2next",
prevId: "slider2prev"
});



$("#sliderHoriz03").easySlider({
continuous: true,
nextId: "slider7next",
prevId: "slider7prev"
});


$("#sliderHoriz04").easySlider({
continuous: true,
nextId: "slider3next",
prevId: "slider3prev"
});


$("#sliderHoriz05").easySlider({
continuous: true,
nextId: "slider15next",
prevId: "slider15prev"
});


$("#sliderHoriz06").easySlider({
continuous: true,
nextId: "slider16next",
prevId: "slider16prev"
});




$("#sliderHoriz07").easySlider({
continuous: true,
nextId: "slider17next",
prevId: "slider17prev"
});
$("#sliderHoriz08").easySlider({
continuous: true,
nextId: "slider18next",
prevId: "slider18prev"
});
$("#sliderHoriz09").easySlider({
continuous: true,
nextId: "slider19next",
prevId: "slider19prev"
});
$("#sliderHoriz10").easySlider({
continuous: true,
nextId: "slider100next",
prevId: "slider100prev"
});


$("#sliderHoriz11").easySlider({
continuous: true,
nextId: "slider110next",
prevId: "slider110prev"
});


$("#sliderHoriz12").easySlider({
continuous: true,
nextId: "slider120next",
prevId: "slider120prev"
});



// SLIDE PUBLICATIONS
$("#sliderHoriz13 > div").easySliderMultiLi({
continuous: true,
nextId: "slider6next",
prevId: "slider6prev"
});





/* --- TABS ---*/

$( "#tabs" ).tabs();

$("tabs ul li:first-child").attr('id', 'firstTabs');
 /* --- EXERGUE ---*/ 

$(".exergue").after("<div></div>");


 /* --- FONT SIZE ---*/ 

var originalFontSize = $('html').css('font-size');
  $(".textPlus").click(function(){
    var currentFontSize = parseInt($('#inter').css('font-size'));
    currentFontSize =  (currentFontSize < 16) ? currentFontSize + 1 : currentFontSize;
    $('#inter').css('font-size', currentFontSize + 'px');
  });  

// Decrease Font Size
  $(".textMoins").click(function(){
    var currentFontSize = parseInt($('#inter').css('font-size'));
    currentFontSize =  (currentFontSize > 10) ? currentFontSize - 1 : currentFontSize;
    $('#inter').css('font-size', currentFontSize + 'px');
  });  


/*----- ACCORDEON -----*/

   $('div.replie').css({"display": "none" });
   $('#left h3,#right h3').css({cursor:"pointer"});

   var mode = 0;
   $('#left h3').click(function() {


      $('#accordeon > div').removeClass('selected').addClass('replie');
      $('#left h3').removeClass('actif');    

      var isOpen = ($(this).next('div').css('display') != 'none');

      if(isOpen) {
          $(this).next('div').removeClass('selected').addClass('replie');
          $(this).removeClass('actif');
      } else {
          $(this).next('div').removeClass('replie').addClass('selected'); 
          $(this).addClass('actif');         
      }

        $('#left div.selected').slideDown('slow');
        $('#left div.replie').slideUp('slow');
   });

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


/*----- ACTUS A LA UNE-----*/


// Interval (en milisecondes) entre chaque changement d'item du slider
var SLIDER_INTERVAL = 5000;
// Affichage du premier item
afficherItem(0);
/*
* Clic sur les images de droite
*/
$(".actualite>ul>li>a").hover(function() {
afficherItem($('.actualite').index($(this).parents('.actualite').first()));
return false;
});
/*
* Lancement du slider
*/
var timer = setInterval(changerItem, SLIDER_INTERVAL);
/**
* Affiche l'item x du slider
*
* @param int index la position de l'item à afficher (le premier est à 0)
*/
function changerItem()
{
// On récupère l'index de l'item actuellement affiché
var index = $('.actualite').index($(".actualite>ul>li.selected").parents('.actualite').first());
// On incrémente l'index de 1
index++;
// Si l'index est égal au nombre total d'items, on repart à l'item 0 (le premier)
if (index == $('.actualite').length) index = 0;
afficherItem(index);
}
/**
* Affiche l'item x du slider
*
* @param int index la position de l'item à afficher (le premier est à 0)
*/
function afficherItem(index)
{
$(".actualite>ul>li").removeClass("selected");
var $item = $(".actualite:eq(" + index + ")>ul>li");
$item.addClass("selected");
$item.find('img').fadeIn('slow');
}

$(".actualite>ul>li").hover(
function(){
$(".actualite>ul>li").removeClass("selected");
$(this).addClass("selected");
clearInterval(timer); 
},
function(){
timer = setInterval(changerItem, SLIDER_INTERVAL);
});

$('.accroche').after('<span class="boutRecherche"></span>');
$(".accroche").css("display","none"); 
$(".boutRecherche").text('En savoir plus'); 

$(".boutRecherche").click(function(){ 
        $(".accroche").slideToggle("slow"); 
        $(this).toggleClass("selected"); 
       //$(".boutRecherche").text('En savoir plus'); 
        //$(".boutRecherche.selected").text('Fermez'); 
});



$("#wrapper_comment").css("display","none"); 
$("#comment h3").css("cursor","pointer"); 
$("#comment h3").click(function(){ 
        $("#wrapper_comment").slideToggle("slow"); 
});





/*--------------------------------------------------------------------------------------------------------------*/
/*------------------------------------- MEDIATHEQUE ACCUEIL --------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/

   $("#mediatheque .remonteesBasses:first-child").addClass("selected");
   $("#mediatheque .remonteesBasses>a").css({"cursor":"pointer"});
   $("#mediatheque .remonteesBasses>a").removeAttr("href");
   $("#mediatheque .remonteesBasses>a").click(function(){
       $("#mediatheque .remonteesBasses").removeClass("selected");
       $(this).parents("li").addClass("selected");
       $("#mediatheque .remonteesBasses>ul>li img").remove();
       $("#mediatheque .remonteesBasses>ul>li>a").attr("href", $(this).next("ul").find("a").attr("href"));
       $("#mediatheque .remonteesBasses>ul>li>a").append('<img src="' +  $(this).find("img").attr("src") + '" />');
   });
   var image=$("#mediatheque .vignetteOnglet ul li a img").attr("src");
   var alter=$("#mediatheque .vignetteOnglet ul li a img").attr("alt");
   $("#mediatheque .vignetteOnglet>ul>li>ul>li img").remove();
   $("#mediatheque .vignetteOnglet>ul>li>ul>li").prepend('<img src="' +  image + ' alt="' + alter + '" />');

/*-----------------------------------------------------------*/
/*----------- HOVER VIDEOTHEQUE ---------------*/
/*------------------------------------------------------------*/
   $('.conteneurVignette a').hover(
   function(){ $(this).children('.titreVideo').stop().animate({top:"0px"}, 250);},
   function(){ $(this).children('.titreVideo').stop().animate({top:"-93px"}, 500);
   });      

});

/*-------------------------- IMPRIMER DANS PHOTOTHEQUE -------------------------------*/
function printCetteImage (img) {
   var win = window.open(img);
   win.print();
   win.close();
   return false;
}