//---------------------------------------------------------------------------//
// avec mootools
//---------------------------------------------------------------------------//
function onglets(tableau) {
	
	
	var t_fenetres = Array() ;
	var t_onglets = Array() ;
	
	var onglet_default = -1;
	
    for ( var i=0, j=0; i<tableau.length; i+=2) {
    
        if ( document.getElementById(tableau[i]) && document.getElementById(tableau[i+1]) ) {
            
            if(document.getElementById(tableau[i]).className.indexOf('select') != -1) {
            
                onglet_default = i;
            }
        }
    }
	
	for ( var i=0, j=0; i<tableau.length; i+=2) {
			
		if ( document.getElementById(tableau[i]) && document.getElementById(tableau[i+1]) ) {

			t_fenetres[j] = document.getElementById(tableau[i+1]) ;
			t_onglets[j] = document.getElementById(tableau[i]) ;
			
			if(onglet_default != -1) {
    			
    			// initialisation :
    			//if ( j+1 != i ) {
    			if ( onglet_default != i ) {
    				document.getElementById(tableau[i+1]).style.display = 'none';
    			}
    			else {
    				document.getElementById(tableau[i]).className = 'select' ;
    			}
    		}
    		else {
            
    			// initialisation :
    			if ( j > 0 ) {
    				document.getElementById(tableau[i+1]).style.display = 'none';
    			}
    			else {
    				document.getElementById(tableau[i]).className = 'select' ;
    			}
            }
			document.getElementById(tableau[i]).style.cursor = 'pointer' ;
			
			// Fonction onclick :
			el = document.getElementById(tableau[i]) ;
			if (el.addEventListener){
				el.addEventListener('click', function() {
				
					indice = tableau.indexOf(this.getAttribute('id')) ;
	
					for ( var k=0; k < t_fenetres.length ; k++ ) {
					
						t_fenetres[k].style.display = 'none';
						t_onglets[k].className = '' ;
					}
	
					this.className = 'select' ;
					document.getElementById(tableau[indice+1]).style.display = 'block';	
					
					
						
				},false) ; 
			  
			} else {

				el.onclick = function() {
					for (var i=0; i < tableau.length; i++) {
						if (tableau[i] == this.id) {
							indice = i ;
						}
					}
					for ( var k=0; k < t_fenetres.length ; k++ ) {
					
						t_fenetres[k].style.display = 'none';
						t_onglets[k].className = '' ;
					}
					this.className = 'select' ;
					document.getElementById(tableau[indice+1]).style.display = 'block';							
				}

			}
			
			j++;
		}
	}	
}