var buttonActiveName = '';
var sepActiveLeft = '';
var sepActiveRight = '';

function buttonActive(btn, sep_left, sep_right)
{
	el_btn = document.getElementById(btn);
	ext_pos = (el_btn.src.length - 4);
	el_btn.src = el_btn.src.substring(0, ext_pos) + '_sel' + el_btn.src.substring(ext_pos);
	
	if (sep_left != '')
	{
		el_sep_left =  document.getElementById(sep_left);
		el_sep_left.src = '/images/boutons_menu/separateur_sg.gif';
	}
	if (sep_right != '')
	{
		el_sep_right =  document.getElementById(sep_right);
		el_sep_right.src = '/images/boutons_menu/separateur_sd.gif';
	}
	
	buttonActiveName = btn;
	sepActiveLeft = sep_left;
	sepActiveRight = sep_right;
}

function buttonHover(btn, sep_left, sep_right)
{
	if (btn != buttonActiveName)
	{	
		el_btn = document.getElementById(btn);
		ext_pos = (el_btn.src.length - 4);
		el_btn.src = el_btn.src.substring(0, ext_pos) + '_sel' + el_btn.src.substring(ext_pos);
	}
	
	if (sep_left != '' && sep_left != sepActiveLeft  && sep_left != sepActiveRight)
	{
		el_sep_left =  document.getElementById(sep_left);
		el_sep_left.src = '/images/boutons_menu/separateur_sg.gif';
	}
	else if(sep_left != '' && sep_left == sepActiveRight)
	{
		el_sep_left =  document.getElementById(sep_left);
		el_sep_left.src = '/images/boutons_menu/separateur_sgd.gif';
	}
	
	if (sep_right != '' && sep_right != sepActiveRight  && sep_right != sepActiveLeft)
	{
		el_sep_right =  document.getElementById(sep_right);
		el_sep_right.src = '/images/boutons_menu/separateur_sd.gif';
	}
	else if(sep_right != '' && sep_right == sepActiveLeft)
	{
		el_sep_right =  document.getElementById(sep_right);
		el_sep_right.src = '/images/boutons_menu/separateur_sgd.gif';
	}
	
	displayMenu(btn);
}

function buttonHoverNoMore(btn, sep_left, sep_right)
{
	if (btn != buttonActiveName)
	{
		el_btn = document.getElementById(btn);
		ext_pos_nosel = (el_btn.src.length - 8);
		ext_pos = (el_btn.src.length - 4);
		el_btn.src = el_btn.src.substring(0, ext_pos_nosel) + el_btn.src.substring(ext_pos);
	}
	
	if (sep_left != '' && sep_left != sepActiveLeft  && sep_left != sepActiveRight)
	{
		el_sep_left =  document.getElementById(sep_left);
		el_sep_left.src = '/images/boutons_menu/separateur.gif';
	}
	else if(sep_left != '' && sep_left == sepActiveRight)
	{
		el_sep_left =  document.getElementById(sep_left);
		el_sep_left.src = '/images/boutons_menu/separateur_sd.gif'	
	}
	
	if (sep_right != '' && sep_right != sepActiveRight  && sep_right != sepActiveLeft)
	{
		el_sep_right =  document.getElementById(sep_right);
		el_sep_right.src = '/images/boutons_menu/separateur.gif';			
	}
	else if(sep_right != '' && sep_right == sepActiveLeft)
	{
		el_sep_right =  document.getElementById(sep_right);
		el_sep_right.src = '/images/boutons_menu/separateur_sg.gif';	
	}
	hideMenu(btn);
}

function displayMenu(element)
{
	if (menu = document.getElementById(element + '_menu'))
	{
		menu.style.left = (getElementPositionLeft(element) - 4) + 'px';
		menu.style.top = (getElementPositionTop(element) + 37) + 'px';
		menu.style.display = 'block';
	}
}

function hideMenu(element)
{
	if (menu = document.getElementById(element + '_menu'))
	{
		menu = document.getElementById(element + '_menu');
		menu.style.display = 'none';
	}
}

function getElementPositionLeft(element)
{
	elem = document.getElementById(element);
	pos = 0;
	while (elem.offsetParent != null) {
	  elem = elem.offsetParent;
	  pos += elem.offsetLeft;
	  if (elem.tagName == 'BODY') break;
	}
	return pos;
}

function getElementPositionTop(element)
{
	elem = document.getElementById(element);
	pos = 0;
	while (elem.offsetParent != null) {
	  elem = elem.offsetParent;
	  pos += elem.offsetTop;
	  if (elem.tagName == 'BODY') break;
	}
	return pos;
}