
function initEventAkMenu() {
	// Selection of elements design by button menu and menu itself
	var userMenu = $('menuUserId');
	var assocMenu = $('menuAssocId');
	var imgUserMenu = $('img_user_menu');
	var imgAssocMenu = $('img_assoc_link');
	
	if( $chk(imgUserMenu) ) {
		// Hide at loading page all menu
		userMenu.setStyle('display', '');
		assocMenu.setStyle('display', '');
		userMenu.setStyle('opacity', '0');
		assocMenu.setStyle('opacity', '0');
		
		// Event for show and hide menu, event for button AND menu
		$('img_user_menu').addEvent('mouseover', function(e) {
			leftMenuProcess(userMenu, imgUserMenu);
			userMenu.setStyle('opacity', '1');
		});
		$('img_user_menu').addEvent('mouseout', function(e) {
			userMenu.setStyle('opacity', '0');
		});
		
		$('img_assoc_link').addEvent('mouseover', function(e) {
			leftMenuProcess(assocMenu, imgAssocMenu);
			assocMenu.setStyle('opacity', '1');
		});
		$('img_assoc_link').addEvent('mouseout', function(e) {
			assocMenu.setStyle('opacity', '0');
		});
		
		userMenu.addEvent('mouseover', function(e) {
			userMenu.setStyle('opacity', '1');
		});
		userMenu.addEvent('mouseout', function(e) {
			userMenu.setStyle('opacity', '0');
		});
		assocMenu.addEvent('mouseover', function(e) {
			assocMenu.setStyle('opacity', '1');
		});
		assocMenu.addEvent('mouseout', function(e) {
			assocMenu.setStyle('opacity', '0');
		});
		
		// Launch process who calculate position of button and associate menu down to button
		leftMenuProcess(userMenu, imgUserMenu);
		leftMenuProcess(assocMenu, imgAssocMenu);
		
		// Avoid IE6 for highlight problems .... WTF!
		if ( !Browser.Engine.trident4 ) {
			// Selected list in all menu and event when mouse over .... for each part of menu
			var liUserList = $$('#menuUserId li');
			$each(liUserList,function(liElt){
				liElt.addEvent('mouseover', function(e) {
					liElt.setStyle('color', '#BC2A4D');
				});
				liElt.addEvent('mouseout', function(e) {
					liElt.setStyle('color', '');
				});
			});
			var liAssocList = $$('#menuAssocId li');
			$each(liAssocList,function(liElt){
				liElt.addEvent('mouseover', function(e) {
					liElt.setStyle('color', '#BC2A4D');
				});
				liElt.addEvent('mouseout', function(e) {
					liElt.setStyle('color', '');
				});
			});
		}
	}
}

function initEventAkMenuOnResize() {
	var userMenu = $('menuUserId');
	var assocMenu = $('menuAssocId');
	var imgUserMenu = $('img_user_menu');
	var imgAssocMenu = $('img_assoc_link');

	if( $chk(imgUserMenu) ) {
		leftMenuProcess(userMenu, imgUserMenu);
		leftMenuProcess(assocMenu, imgAssocMenu);
	}
}

function leftMenuProcess(menu, button) {
	var leftMenuUser = findPos(button)[0] + 4; // add a few pixels for center menu (there is a difference of 2 pixels in IE ond Firefox...)
	menu.setStyle('left', leftMenuUser);
}

function findPos(obj){
	// obj.offsetLeft don't work alone in IE because IE take difference between element and his parent...
	var posX = obj.offsetLeft;
	var posY = obj.offsetTop;
	while ( obj.offsetParent ) {
		posX += obj.offsetParent.offsetLeft;
		posY += obj.offsetParent.offsetTop;
		// recursivity for parent element
		if ( obj==document.getElementsByTagName('body')[0] ) {
			break;
		} else {
			obj=obj.offsetParent;
		}
	}
	return [posX,posY]
}

