function dyncat(titre, i) {
	var node = document.getElementById("idx"+i);
	var box = node.getElementsByTagName("div")[0];
	
    if (box.style.display == 'none') {
        box.style.display = ''; 
        titre.innerHTML = 'Réduire <img src="include/user/dyncat/img/up.png" />';
        pref[i] = 1;
    } else {
        box.style.display = 'none';
        titre.innerHTML = 'Agrandir <img src="include/user/dyncat/img/down.png" />';
        pref[i] = 0;
    }
}

function ArrayIdx() {
    var category = new Array();    
    for ( i = 1; document.getElementById("idx"+i) != null; i++)
    {
    if( document.getElementById("idx"+i) != null)
        {
            category[""+i] = document.getElementById("idx"+i);
        }
    }
    category.shift();
    return category.length;
}

date = new Date;
date.setFullYear(date.getFullYear()+1);

var pref = new Array();

function catfind() {
    
    if (LireCookie("punbb_dyncat")) {
        var cookie_value = LireCookie("punbb_dyncat");
        var pref_save = cookie_value.split('_');
    } else {
        var pref_save = new Array();
    }

    var nbcat = ArrayIdx();

    for( i = 1; i <= nbcat; i++)
    {
        (pref_save[i]) ? pref[i] = pref_save[i] : pref[i] = 1;

		var node = document.getElementById("idx"+i);
		var box = node.getElementsByTagName("div")[0];

		var div_onglet = document.createElement("div");
		var span_onglet = document.createElement("span");
		var texte_onglet = document.createTextNode("Cacher");
		span_onglet.appendChild(texte_onglet);
		div_onglet.appendChild(span_onglet);
		var class_onglet = document.createAttribute("class");
		class_onglet.nodeValue = "dyncat";
		div_onglet.setAttributeNode(class_onglet);
		document.getElementById("punindex").insertBefore(div_onglet, node);

		if(pref[i] == 1) {
            div_onglet.getElementsByTagName("span")[0].innerHTML = 'Réduire <img src="include/user/dyncat/img/up.png" />';
            box.style.display = '';
        } else {
            div_onglet.getElementsByTagName("span")[0].innerHTML = 'Agrandir <img src="include/user/dyncat/img/down.png" />';
            box.style.display = 'none';
        }

		click_onglet = div_onglet.getElementsByTagName("span")[0];
        click_onglet.i = i;
        click_onglet.setAttribute("onclick",function() {
            dyncat(this ,this.i);
            var pref_save = pref.join('_');
            EcrireCookie("punbb_dyncat", pref_save, date);
        });
        click_onglet.onclick = function() {
            dyncat(this ,this.i);
            var pref_save = pref.join('_');
            EcrireCookie("punbb_dyncat", pref_save, date);
        };
    }
}

if (window.attachEvent) {
    window.attachEvent("onload",catfind);
} else if (window.addEventListener) {
    window.addEventListener("load",catfind, false);
}