/* ---------------------------------------------------------------------- */
/* GESTIONS DES TABS 													  */
/* ---------------------------------------------------------------------- */

function overTab(id) {
	var obj 	= $("bt_0"+id);
	var sep 	= $("sep_0"+id);
	var sepPrec = $("sep_0"+(id-1));
	
	up = (obj.src.indexOf('off')!=-1);
	
	obj.src = '/Images/Menu/bt_0' + id + '_' + (up ? 'on' : 'off') + '.gif';
	if(id!=1) sepPrec.src = '/Images/Menu/' + (up ? 'shim' : 'sep') + '.gif';
	if(id!=5) sep.src = '/Images/Menu/' + (up ? 'shim' : 'sep') + '.gif';
}

/* ---------------------------------------------------------------------- */
/* GESTIONS DES MENUS 													  */
/* ---------------------------------------------------------------------- */

var zIndex = 1000; 
var timer = [];

function showMenu(id) {
	// On active le menu
	onSubmenu(id);

	// Si un timer est défini on l'arrêt
	if (typeof timer[id] != 'undefined') {
		clearTimeout(timer[id]);
		timer[id] = 'undefined';
	}

	var _menu = $("menu" + id);
	var _x = getPos(_menu,'X');
	var _y = getPos(_menu,'Y');
	
	var _menuItem = $("menuItem" + id);
		_menuItem.className = 'menuItem_hover';

	var _submenu = $("submenu" + id);
 	if (_submenu != null) {
		_submenu.style.display = "";
		_submenu.style.left = _x + "px";
		_submenu.style.top  = (_y + 21) + "px";
		_submenu.style.zIndex = zIndex++;
	}
}

function hideMenu(id,current) {
	// On active le menu
	onSubmenu(id);

	if (current!=true) {
		var _menuItem = $("menuItem" + id);
			_menuItem.className = 'menuItem';
	}

	timer[id] = setTimeout(
		function() {
			var _submenu = $("submenu" + id);
			if (_submenu!=null)
				_submenu.style.display = "none";
		},
		100 
	);
}

function getPos(ctrl, axis) {
	var _pos = 0;
	while (ctrl) { if (ctrl.tagName == 'BODY') { break; } _pos += (axis=='X') ? ctrl.offsetLeft: ctrl.offsetTop; ctrl = ctrl.offsetParent; }
	return _pos;
}

/* ---------------------------------------------------------------------- */
/* GESTIONS DES STYLES DES MENUS 										  */
/* ---------------------------------------------------------------------- */

function onSubmenu(id) {
	var _obj = $('menu' + id);
	var sepNoir = $("sepNoir"+id);
	var sepGris = $("sepGris"+(id-1));

	var _up = (_obj.className == 'menu' || _obj.className == '');
	_obj.className = 'menu' + ((_up) ? id : '');

	if (sepNoir!=null) sepNoir.src = '/Images/Sous_menus/sep_' + ((_up) ? 'on' : 'noir') + '.gif';
	if (sepGris!=null) sepGris.src = '/Images/Sous_menus/sep_' + ((_up) ? 'on' : 'gris') + '.gif';
}

function onSubmenuItem(id)
{
	var _obj = $("submenuItem" + id);
	var _up = _obj.className == 'submenuItem';
	_obj.className = 'submenuItem' + (_up ? '_hover' : '');
}
