$('html').addClass('js');


/*Galerie Photo Alsa */

$(document).ready( function () {

jQuery(function($){

  var settings = {
    thumbListId: "alsa",
    imgViewerId: "viewer",
    activeClass: "active",
    activeTitle: "Photo en cours de visualisation",
    loaderTitle: "Chargement en cours",
    loaderImage: "http://www.bobigny.fr/images/local/skin/loader.gif"
  };

  var thumbLinks = $("#"+settings.thumbListId).find("a"),
    firstThumbLink = thumbLinks.eq(0),
    highlight = function(elt){
      thumbLinks.removeClass(settings.activeClass).removeAttr("title");
      elt.addClass(settings.activeClass).attr("title",settings.activeTitle);
    },
    loader = $(document.createElement("img")).attr({
      alt: settings.loaderTitle,
      title: settings.loaderTitle,
      src: settings.loaderImage
    });

  highlight(firstThumbLink);

  $("#"+settings.thumbListId).after(
    $(document.createElement("p"))
      .attr("id",settings.imgViewerId)
      .append(
        $(document.createElement("img")).attr({
          alt: "",
          src: firstThumbLink.attr("href")
        })
      )
  );

  var imgViewer = $("#"+settings.imgViewerId),
    bigPic = imgViewer.children("img");

  thumbLinks
    .click(function(e){
      e.preventDefault();
      var $this = $(this),
        target = $this.attr("href");
      if (bigPic.attr("src") == target) return;
      highlight($this);
      imgViewer.html(loader);
      bigPic
        .load(function(){
          imgViewer.html($(this).fadeIn(250));
        })
        .attr("src",target);
    });

});

});


/*Rollover txt*/

$(document).ready( function () {
$('html').removeClass('js');

$(".rollover_txt p").css({
padding:"1em",
position:"absolute",
"z-index":"1"
});

$(".rollover_txt img").css({
position:"relative",
"z-index":"2"
});


$(".rollover_txt").each(function () {
$(".rollover_txt p").hide();
$(this).children("img").each(function () {
$(this).hover(function(){
$(this).animate({opacity:"0.15"},{queue:false, duration:300 });
$(this).prev("p").show();
return false
},

function(){

$(this).animate({opacity:"1"},{queue:false, duration:300 });
$(".rollover_txt p").hide();
return false

});
});
});
});


/*Rollover*/

$(document).ready( function () {
$("div.rollover").each(function () {
$(this).children("img[id='2']").hide();
$(this).children("img").each(function () {
var recto = $(this).attr('src');
$(this).hover(function(){
var verso = $(this).next("img").attr('src');

$(this).attr('src', verso);
return false
},

function(){

$(this).attr('src', recto);
return false

});
});
});
});


/* Menu dépliant (assoc…) */

$(document).ready( function () {
    
    
    $(".menu_depliant_sans_java").hide();/*pour garder les ancres*/
    $(".menu_depliant .details").hide();
    $(".menu_depliant>li").addClass("toggle"); /*ajoute la classe toggle aux li*/
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu"

    // et on remplace l'élément span qu'ils contiennent par un lien :
    $(".menu_depliant h2, .menu_depliant .toggle_lien").each( function () {
        // On stocke le contenu du span :
        var TexteSpan = $(this).html();
        $(this).replaceWith('<a class="toggle" href="" title="Afficher les détails">' + TexteSpan + '<\/a>') ;
    } ) ;

    // On modifie l'évènement "click" sur les liens dans les items de liste
    // qui portent la classe "toggleSubMenu" :
    $(".menu_depliant li.toggle > a").click( function () {
        // Si le sous-menu était déj?  ouvert, on le referme :
        if ($(this).next(".details:visible").length != 0) {
            $(this).next(".details").slideUp("fast",function () { $(this).parent().removeClass("open") });

        }
        // Si le sous-menu est caché, on ferme les autres et on l'affiche :
        else {
            $(".menu_depliant .details").slideUp("fast",function () { $(this).parent().removeClass("open") });

            $(this).next(".menu_depliant .details").slideDown("fast", 
            function () { $(this).parent().addClass("open") });

        }
        // On empeche le navigateur de suivre le lien :
        return false;
    });    

});


/****** Infos travaux adapt?s ******/

$(document).ready( function () {

//Pour chaque div contenu dans le div "contenu"
//on stock l'id
    $(".article_depliant .article").each( function () {
       
    var texte = $(this).html();
    $(this).replaceWith('<a class="toggle" href="#" title="afficher les d?tails">' + texte + '<\/a>') ;
    });

    $(".article_depliant div.contenu").hide();
   
    // On modifie l'?v?nement "over" sur les liens du div "onglets"
    $(".article_depliant a.toggle").click( function () {
    
    //Si il y a au moins un prochain div.contenu visible, il faudra le cacher :
    if ($(this).next(".contenu:visible").length != 0) {
    //Pour cela on retire la class open du bouton
    $(this).removeClass("open");
    //Et on cache le prochain div.contenu
    $(this).next(".contenu").hide();
    }
    
    //Sinon on cache tous les div.contenu
    else{    
    $(".article_depliant .contenu").hide();
    $(".article_depliant a.toggle").removeClass("open");
    //et on montre uniquement le prochain div.contenu
    $(this).next(".contenu").show();
    $(this).addClass("open");
    }
    return false;
    }); 

});

/*********************/
/****** Onglets ******/

$(document).ready( function (f) {

//1
//création du menu
function createmenu(f){
//création du menu vide
$(this).prepend("<div class=menu><ul></ul></div>");
//remplissage du menu
cible = $(".menu ul", this);
$(".titre",this).clone().appendTo(cible);
titres = $(".menu ul .titre", this);
//pour chaque titre :
titres.each(function(){
lien = $(this).text();
lienid = $(this).attr("id");
$(this).replaceWith('<li><a title="Afficher ' + lien + '" id="'+ lienid +'" href="" >' + lien + '</\a><\/li>') ;
});


//1.1
//création des variables
var onglet = $(".onglet",this);
var menu = $(".menu", this);
var onglets = $(this);

//2
//actif par défaut


$(".menu a").css("opacity", "0.5");
$(".menu a:first",this).addClass("actif");
$("a.actif").css("opacity", "1");
$(".onglet",this).hide();
$(".onglet:first",this).show();

//3
//survol des boutons

$(menu, this).each( function () {

$("a",this).bind('click',( function () {

    $("a", menu).removeClass("actif").animate({opacity:"0.5"},{queue:false, duration:300 });
    $(this).addClass("actif").animate({opacity:"1"},{queue:false, duration:300 }); 

  $(onglets).each( function () { 
  
    var onglet_actif_id = $("a.actif", menu).attr("id"); 
    
    $(onglet).each( function () {
    
    var onglet_id = $(this).attr("id");
    if(onglet_id == onglet_actif_id){
    $(onglet).hide();
    $(this).show();
   
    }
    else{}      
   });
 });//fin onglet
 return(false);
}));//fin mouseover
});//fin menu
}

//application de la fonction
$(".onglets").each(createmenu);
});

/*test galerie photo.js*/

/*remplacer les anciens liens par de nouveaux liens ajax*/
$(document).ready( function () {
    $(".portlet-child_page_test_ajax a.lien").each( function () {
        var textespan = $(this).attr('href');
        var titre = $(this).html();        
        $(this).replaceWith('<a class="lien_ok" rel="history" href="#'+ titre +'" title="http://www.bobigny.fr/'+ textespan +'">' + titre + '<\/a>') ;
    });

/*remplacer les anciens liens par de nouveaux liens ajax*/
$("a.lien_ok:first").addClass("active");
var url_defaut = $("a.lien_ok:first").attr('title');
var url_defaut2 = url_defaut +" div.galerie_photo";
$('div.galerie_photo_ajax').append('<img src="http://www.bobigny.fr/images/local/skin/load_ajax.gif" alt="chargement">').show('normal',function(){
			$('div.galerie_photo_ajax').load(url_defaut2, function(){
			$("a.thickbox").ready( function () {
			parent.tb_init('a.thickbox, area.thickbox, input.thickbox');
			});
			
			});
			});

$("a.lien_ok").click( function () {
var url = $(this).attr('title');
var urlok = url +" div.galerie_photo";
$("a.lien_ok").removeClass("active"); // retire toutes les classes "active"
$(this).addClass("active"); // ajout d'une classe "active" pour le lien
console.log(urlok); // affichage dans firebug
$('div.galerie_photo_ajax').append('<img src="http://www.bobigny.fr/images/local/skin/load_ajax.gif" alt="chargement">').show('normal',function(){
			$('div.galerie_photo_ajax').load(urlok, function(){
			$("a.thickbox").ready( function () {
			parent.tb_init('a.thickbox, area.thickbox, input.thickbox'); // pour thickbox, revenir au parent
			});
			
			});
			});
return false;
});


});


/*Menu.js*/


sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

sfHover = function() {
	var sfEls = document.getElementById("menu");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';

	}
}


/*menu_deroule*/

/*

$(document).ready( function () {
("#menu-main #menu li:hover ul").css("display","none");


("#menu-main #menu li").mouseOver(function(){
$(this).children("ul").slideDown(fast);
});

});

*/



/*Menu dans article*/

/*
$(document).ready( function () {

var menu_interne = $(".pagefilles_incrust").html();
$(".document-content").prepend(menu_interne);
menu_interne.css
});

*/

/* Menus déroulants*/
function getRequestParameter( name ) {
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
return "";
else
return results[1];
}


$(document).ready( function () { 
    $(".navigation li").each( function () { 
	if ($(this).attr("id")==getRequestParameter("page_id")) {
		$(this).addClass("current");
		$(this).find(">ul").addClass("current");
		$(this).find(">ul").find(">li").addClass("other");
        }
    });
var test;
do {
	test=false
	$(".navigation ul").each( function () { 
		if ($(this).find(">li").hasClass("current") && !$(this).hasClass("current")) {
			$(this).addClass("current");
			test = true;
			$(this).find(">li").each( function () {
				if (!$(this).hasClass("current")) {
					$(this).addClass("other");
				}
			});
		}

 });
$(".navigation li").each( function () { 
		if ($(this).find(">ul").hasClass("current") && !$(this).hasClass("current")) {
			$(this).addClass("current");
			test = true;
		}

 });
} while (test==true);
 
} ) ; 


/*TOOLTIP*/

if($.browser.msie && $.browser.version=="6.0"){

}
else{

this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 5;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$(".title a").each(function () {
	
var hh = "http://www.bobigny.fr/"+$(this).attr('href')+" .document-content>p:not(.imprimer_envoyer):first";


/* il faut maitenant tester la présence d'un contenu avant load */

	
	$(this).hover(function(e){									  	
		this.title = "";					/*vide le tooltip de base*/				  
		$("body").append("<p id='tooltip'>chargement</p>");
		
		$("#tooltip").load(hh, function(){
		   /*début de la condition*/
           if ($(this).text() != "") {		       
      $("#tooltip")	
      .css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");	
        }
        /*fin*/
        /*sinon*/
        else{
        $("#tooltip").remove();	
        }
        /*ok*/
    });
					    
    }
    ,
	function(){
	
		$("#tooltip").remove();
    });	
	$(".title a").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});		
	
  });	
};
                  }


// starting the script on page load
$(document).ready(function(){
	tooltip();
});