function makeSommaire() { 
	if( document.getElementById('blocContenu') ) { 
		var contenu = document.getElementById('blocContenu');
		var gauche = document.getElementById('menuGauche');
		var sommaire ='' ; 
		var divs = contenu.getElementsByTagName('div');
		sommaire +="<ul>" ; 
		var first = true ; 
		for (var i=0; i<divs.length; i++) { 
			
			// juste les marqués
			if (divs[i].className=='hide'){
				if (first==true){
					divs[i].className='showed' ; 
					first=false;
				} else { 
					divs[i].className='hided' ; 
				}
				// identifier notre div 
				divs[i].id='hided'+i;
				var titre = divs[i].getElementsByTagName('h2'); 
				if( titre[0] ){
					//sommaire += '<li><a onclick="show(\''+divs[i].id+'\');" href="#'+divs[i].id+'" >'+titre[0].innerHTML+'</a></li>';
					sommaire += '<li><a onclick="show(\''+divs[i].id+'\');return false" href="#" >'+titre[0].innerHTML+'</a></li>';
				}
			}
		}
		sommaire += '</ul>' ; 
		// quand tout est fini 
		sommaireDiv = document.createElement("div");
		sommaireDiv.id='sommaire' ; 
				/*if( document.getElementById('visuel')){ 
					// apres le visuel
					insertAfter(content , sommaireDiv , document.getElementById('visuel')); 
				} else if ( document.getElementById('introContenu') ) { 
					//apres le contenu si pas de visuel
					insertAfter(content , sommaireDiv , document.getElementById('introContenu')); 
				} else {*/
					// juste avant le premier div identifié selon la regle
		
		
				/*} */
		if (sommaireDiv){
			sommaireDiv.innerHTML= sommaire ;
		}	
		
		for (var k=0; k<30; k++) { 
			if( document.getElementById('hided'+k) ){ 
				//alert('hided'+k)  ; 
				//sommaire2 = sommaireDiv.cloneNode(true);
				contenu.insertBefore ( sommaireDiv  ,  document.getElementById('hided'+k)) ;
				//gauche.appendChild (sommaireDiv ) ;
				break;
			} 
		}

	} 
}

function show(id) { 
		hideshowed();
		//juste changer la classe
		if (document.getElementById(id)){
			document.getElementById(id).className='showed';
		}
}
function hideshowed() { 
		var divs = document.getElementById('blocContenu').getElementsByTagName('div');
		for (var i=0; i<divs.length; i++) { 
			if (divs[i].className=='showed'){
				divs[i].className='hided' ; 
			}
		}
}

function insertAfter(parent, node, referenceNode) {
    parent.insertBefore(node, referenceNode.nextSibling);
}

addEvent(window, 'load', makeSommaire);