var helpMenu = {

	current: null,
	currentContent: null,

	init: function() {

		this.current = -1;

		$('help-mainMenu').down('table',0).down('tbody',0).childElements().each(function(tr, i) {
			tr.childElements().each(function(td, j) {
				Event.observe($('main-menu-'+i), 'mouseover', function() {
					helpMenu.show(i);
				});
			});
		});
	},

	show: function(id) {

		if(this.current != -1) {
			$('subMenu-'+this.current).hide();
			$('main-menu-'+this.current).className = $('main-menu-'+id).className.sub('-hover', '');
		}

		this.current = id;

		$('subMenu-'+this.current).show();
		$('main-menu-'+id).className += '-hover';
	},

	showContent: function(id) {

		contentid = 'content-' + id;
		if(this.currentContent === null) {
			this.currentContent = id;
		}
		else {
			var elementHide = document.getElementById('content-' + this.currentContent);
			elementHide.style.display = 'none';
			$('subMenu-'+this.currentContent).className = $('subMenu-'+this.currentContent).className.sub('-hover', '');
		}

		var elementShow = document.getElementById(contentid);
		elementShow.style.display = '';
		$('subMenu-' + id).className += '-hover';

		this.currentContent = id;
	}
};



// ONLOAD EVENT ***********************
Event.observe(window, 'load', function() {
	// Init the menu system
	helpMenu.init();

	anchor = window.location.hash;
	anchor = anchor.substring(1,anchor.length); // enleve le #
	if(anchor) {
		helpMenu.showContent(anchor);
		helpMenu.show($('id-owner-' + anchor).value);
	}
});