// 	petit objet javascript pour les menu déroulants 
//	le déclencheur doit être class="myOverMenuKey"
// 	la liste à afficher class="myOverMenuValue"
var myOverMenu = function( nom, id ){
	var base = 'myOverMenu';
	var key = base + 'Open' ;
	if( nom ){ base = nom ; }

	var start = function( ){
    var keys = $( '.' + base + 'Key' ) ;
    var values = $( '.' + base + 'Value' ) ;
    values.hide( ) ;
		// 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 assign les fonctions
			setOverFunc( keys[i], values[i] );

      // si l'id indique qu'il doit rester ouvert
			if( values[i].id == key || exists( id ) ){
				$( values[i] ).show( ) ;
			}
		}
	}

	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( );

}