var rsc_image_url = "http://www2.iag-agi.org/_rsc/images/divers/";

$(function() {

var titresListes = $("p.JQ_TITRELISTE");
var liens = $("a.JQ_LIEN");
var listes = $("ul.JQ_LISTE");

listes.addClass("jq_Invisible");
titresListes.addClass("jq_TitreCliquable");
titresListes.prepend("<img src=\"" + rsc_image_url + "fleche-ferme.png\"> ");
titresListes.click(titreClick);
liens.click(lienClick);


var titresListesAccroche = $("p.JQ_TITRELISTEACCROCHE");
titresListesAccroche.click(titreAccrocheClick);
titresListesAccroche.addClass("jq_TitreAccrocheCliquable");
var listesAccroche = $("div.JQ_LISTEACCROCHE");
listesAccroche.addClass("jq_Invisible");
}); 

function titreClick() {
var id = getId(this.id);
var liste = $("#ul_" + id);
if (liste.hasClass("jq_Invisible")) {
liste.addClass("jq_Visible").removeClass("jq_Invisible");
ouvre(this);
}
else {
liste.addClass("jq_Invisible").removeClass("jq_Visible");
ferme(this);
}
}

function lienClick() {
var href = this.href;
var idx = href.indexOf("#");
var id = getId(href.substring(idx +1));
var liste = $("#ul_" + id);
if (liste.hasClass("jq_Invisible")) {
	liste.addClass("jq_Visible").removeClass("jq_Invisible");
	ouvre(this);
}
return true;
}

function getId(id) {
return id.substring(4);
}

function ouvre(element) {
var jq = $(element);
jq.children("img").attr("src", rsc_image_url + "fleche-ouvert.png");
}

function ferme(element) {
var jq = $(element);
jq.children("img").attr("src",rsc_image_url + "fleche-ferme.png");
}


function titreAccrocheClick() {
var liste = $("#div_" + this.id);
if (liste.hasClass("jq_Invisible")) {
liste.addClass("jq_Visible").removeClass("jq_Invisible");
}
else {
liste.addClass("jq_Invisible").removeClass("jq_Visible");
}
}