// Flo - 28/07/2009
// Navigation onglet js orienté objet
function navOnglet(id){
	
	function $(id) { return document.getElementById(id); } // sélecteur raccourci
	
	// force la propriété prototype à n'être initialisée qu'une seule fois
    if( typeof navOnglet.initialized == "undefined" ) { 
		// Méthodes de ma classe (évènements)
        navOnglet.prototype.addNav = function(index) { 
		
			// on check si l'onglet n'est pas déjà actif, si oui on sort !
			if (this.list_onglets[index].className.indexOf('actif') != -1) return; 
			// on réinitialise le tout
			for (var i=0; i<this.list_contenus.length; i++) {
				this.list_contenus[i].style.display = 'none'; // on cache tout
				
				if (this.list_onglets[i].className.indexOf('actif') != -1) // on enlève la classe ' actif'
					this.list_onglets[i].className = this.list_onglets[i].className.replace(/ actif/, '');
			}
			// on redéfinie l'onglet actif et le contenu affiché
			this.list_onglets[index].className += ' actif';
            this.list_contenus[index].style.display = 'block';
        }; 
		
        navOnglet.initialized = true; // définie le prototypage de ma méthode comme initialisé
    } 	
	
	// onglets
	this.list_onglets_0 = $(id).getElementsByTagName('ul')[0].getElementsByTagName('li'); 
	this.list_onglets = [];
	for (var i=0; i<this.list_onglets_0.length; i++) {
		if (!i) continue;// on zappe le premier
		this.list_onglets.push(this.list_onglets_0[i]);
	}	
	
	// contenus
	this.list_contenus = $(id).getElementsByTagName('ul')[1].getElementsByTagName('li');
	for (var i=0; i<this.list_contenus.length; i++) {
		if (!i) continue;// on cache tout sauf le premier
		this.list_contenus[i].style.display = 'none';
	}
	
	// on dispatche les évènements (voir plus haut)
	for (var i=0; i<this.list_onglets.length; i++) {
		//this.list_onglets[i].onclick = new Function(this.addNav(this.list_contenus[i]));
		this.list_onglets[i].getElementsByTagName('a')[0].href = "javascript:navOnglet.addNav(" + i + ")";
	}	
}