// 	petit objet javascript pour les menu déroulants 
//	le déclencheur doit être class="myOverMenuKey"
// 	la liste à afficher class="myOverMenuValue"
var myOverMenu = function( nom ){
	var base = 'myOverMenu';
	if( nom ){ base = nom ; }
	var start = function( ){
		var keys = document.getElementsByClassName(base+'Key');
		var values = document.getElementsByClassName(base+'Value');
		// erreur si les deux tableaux ne s'accordent pas
		if( keys.length != values.length ){ 
			alert( " error html : \n le nombre d'éléments class='"+base+"Key' doit être égal au nombre d'éléments class='"+base+"Value'." );
			return false;
		}
		// sinon pour chaque valeur
		for( var i=0 ; i<keys.length ; i++ ){
			// on cache le déroulable
			values[i].style.display="none";
			// on assign les fonctions
			setOverFunc( keys[i], values[i] );
			if( values[i].id == base + 'Open' ){
				values[i].style.display = "block" ;
			}
		}
	}
	var setOverFunc = function( key, value ){
		key.onmouseover = function( ){ 
			value.style.display="block"; 
			document.body.style.cursor = 'pointer' ;
			}
		key.onmouseout = function( ){
			value.style.display="none";
			document.body.style.cursor = 'auto' ;
			}
	}
	start( );
}
// ===================================================================
var myClickMenu = function( ){
	var start = function( ){
		var keys = document.getElementsByClassName('myClickMenuKey');
		var values = document.getElementsByClassName('myClickMenuValue');
		// erreur si les deux tableaux ne s'accordent pas
		if( keys.length != values.length ){ 
			alert( " error html : \n le nombre d'éléments class='myClickMenuKey' doit être égal au nombre d'éléments class='myClickMenuValue'." );
			return false;
		}
		// sinon pour chaque valeur
		for( var i=0 ; i<keys.length ; i++ ){
			// on cache le déroulable
			values[i].style.display="none";
if( values[i].id == 'openOne' ){ values[i].style.display = "block" ; }
			// on assign les fonctions
			setClickFunc( keys[i], values[i] );
		}
	}
	var setClickFunc = function( key, value ){
		key.setCursor('pointer');
		key.onclick = function( ){ 
			if( value.style.display == 'none' ){ value.style.display = "block"; }else{ value.style.display = 'none'; }
		}
	}
	start( );
}