Event.observe(window, 'load', function() {	
	eventObj.hideAllSubMenus();
	
	$$('#menu > .menu_item').each(function(item){
		Event.observe(item, 'mouseenter', eventObj.change2ImgOver.bindAsEventListener(item));
		Event.observe(item, 'mouseleave', eventObj.change2ImgNormal.bindAsEventListener(item));
	});
	$$('#menu > .sub_menu_parent').each(function(item){
		Event.observe(item, 'mouseenter', eventObj.showSubMenu.bindAsEventListener(item));
		Event.observe(item, 'mouseleave', eventObj.hideSubMenu.bindAsEventListener(item));
	});
	$$('.sub_menu > li').each(function(item){
		Event.observe(item, 'mouseenter', eventObj.showSubSubMenu.bindAsEventListener(item));
		Event.observe(item, 'mouseleave', eventObj.hideSubSubMenu.bindAsEventListener(item));
	});

});



eventObj = {
		subMenuOpen: null,
		subSubMenuOpen: null,
		regExpOver: new RegExp("_over.png$"),
		ImgPath: 'img/menu/',
		change2ImgOver: function(e) {
			this.down('a').addClassName('onglet_actif');
			var img_name = this.down('.menu_img').id;		
			if(!eventObj.regExpOver.test(img_name)){
				var img_name_new = img_name.substr(0,img_name.length - 4) + '_over.png';
				this.down('.menu_img').src = eventObj.ImgPath + img_name_new;
				this.down('.menu_img').id = img_name_new;
			}
		},
		change2ImgNormal: function(e) {
			this.down('a').removeClassName('onglet_actif');
			var img_name = this.down('.menu_img').id;
			if(eventObj.regExpOver.test(img_name)){
				var img_name_new = img_name.substr(0,img_name.length - 9) + '.png';
				this.down('.menu_img').src = eventObj.ImgPath + img_name_new;
				this.down('.menu_img').id = img_name_new;
			}
		},
		showSubMenu: function(e) {
			var subMenu = this.down('.sub_menu');
			subMenu.show();
			eventObj.subMenuOpen = subMenu;
			this.down('.absolute_fleche').show();
			//eventObj.change2ImgOver(this);
			/*
			this.down('a').addClassName('onglet_actif');
			var img_name = this.down('.menu_img').id;		
			if(!eventObj.regExpOver.test(img_name)){
				var img_name_new = img_name.substr(0,img_name.length - 4) + '_over.png';
				this.down('.menu_img').src = eventObj.ImgPath + img_name_new;
				this.down('.menu_img').id = img_name_new;
			}
			*/
			return;
		},
		
		hideAllSubMenus: function(e){
			$$('#menu > .sub_menu_parent').each(function(item){
				item.down('a').removeClassName('onglet_actif');
				item.down('.absolute_fleche').hide();
			});
			$$('#menu > .sub_menu_parent > .sub_menu').each(function(item){
				item.hide();
			});
			return;
		},

		hideSubMenu: function(e){
			//eventObj.change2ImgNormal(this);
			if(eventObj.subMenuOpen){
				eventObj.subMenuOpen.hide();
				eventObj.subMenuOpen.up().down('.absolute_fleche').hide();
				/*
				eventObj.subMenuOpen.up().down('a').removeClassName('onglet_actif');
				var img_name = eventObj.subMenuOpen.up().down('.menu_img').id;
				if(eventObj.regExpOver.test(img_name)){
					var img_name_new = img_name.substr(0,img_name.length - 9) + '.png';
					eventObj.subMenuOpen.up().down('.menu_img').src = eventObj.ImgPath + img_name_new;
					eventObj.subMenuOpen.up().down('.menu_img').id = img_name_new;
				}	
				*/
			}
			return;
		},	
		showSubSubMenu: function(e) {
			var subSubMenu = this.down('.sub_sub_menu');
			if(subSubMenu){
				subSubMenu.show();
				eventObj.subSubMenuOpen = subSubMenu;
				this.down('a').addClassName('sub_menu_actif');
				this.down('.absolute_fleche_left').show();
			}
			return;
		},
		hideSubSubMenu: function(e){
			if(eventObj.subSubMenuOpen){
				eventObj.subSubMenuOpen.hide();
				eventObj.subSubMenuOpen.up().down('a').removeClassName('sub_menu_actif');
				eventObj.subSubMenuOpen.up().down('.absolute_fleche_left').hide();
			}
			return;
		}	
}