var Menu = new Class({
	
	initialize: function(bouton, deroule){
		$(bouton).addEvents({
			'mouseenter': function(){
				$$(deroule).setStyle('display', 'block');
			},
			'mouseleave': function(){
				$$(deroule).setStyle('display', 'none');
			}
		});
	}
})

var Map = new Class({
	
	initialize: function(zone, div, divs){
		$(zone).addEvents({
			'click': function(){
				$$(divs).setStyle('display', 'none');
				$$(div).setStyle('display', 'block');
			}
		});
	}
});

	
window.addEvent('domready', function(){
	
	var btn = $$('.bouton');
		
	var id = btn.getProperty('id');
	var length = id.length;
	
	for(i=0; i<length; i++){
		new Menu(id[i], "#"+id[i]+" .deroulant");

	}
	
	var zone = $$('.map_zone');
		
	var id_zone = zone.getProperty('id');
	var length_zone = id_zone.length;
	
	for(j=0; j<length_zone; j++){
		new Map(id_zone[j], "#zone_"+id_zone[j], ".liste_crenistes");

	}
	
});