var waiting = 0;
var waiting_timeout;
var close_timeout;
var onglet_mouse_over = '';
var ssmenu_mouser_over = '';

var active_menu = '';
var active_ssmenu = '';




function initMenu()
{
	var onglet = getElementsByClassName('menu_item');
	for (var i = 0; i < onglet.length; i++) 
	{
		onglet[i].onmouseover = function()
		{
			var onglet_id_tab = this.id.split('_');
			var onglet_name = onglet_id_tab[2];
			onglet_mouse_over = onglet_name;
			show_menu(onglet_name);
		};
		
		onglet[i].onmouseout = function()
		{
			var onglet_id_tab = this.id.split('_');
			var onglet_name = onglet_id_tab[2];
			onglet_mouse_over = '';
			hide_menu(onglet_name);
		};
		
	}
}
addLoadEvent(initMenu);



function show_menu(onglet_name)
{


	waiting = 0;
	
	if (active_menu != '' && active_menu != onglet_name)
	{
		if (waiting_timeout)
			clearTimeout(waiting_timeout);
		hide_ssmenu2(active_menu);
	}
	var onglet = $('menu_onglet_' + onglet_name);
	var ss_menu = $('ssmenu_' + onglet_name);
	onglet.className = 'menu_item_over';
	
	active_menu = onglet_name;
	
	if (ss_menu)
	{
		ss_menu.style.display = 'block';
		active_ssmenu = onglet_name;
	}
	
	//Fix le bug du menu qui reste ouvert qd la sourie passe trop vite
	setTimeout("hide_ssmenu('" + onglet_name + "')", 2000);
}


function hide_menu(onglet_name)
{
	var onglet = $('menu_onglet_' + onglet_name);
	var ss_menu = $('ssmenu_' + onglet_name);

	if (ss_menu)
	{
		setTimeout("hide_ssmenu('" + onglet_name + "')", 100);
	}
	else
	{
		onglet.className = 'menu_item';
		active_menu = '';
	}
}


function hide_ssmenu(onglet_name)
{
	if (waiting_timeout)
		clearTimeout(waiting_timeout);

	can_hide = true;
	if (onglet_mouse_over == '')
	{
		if (ssmenu_mouser_over == onglet_name)
			can_hide = false;
	}
	else
	{
		if (onglet_mouse_over == onglet_name)
			can_hide = false;
	}
	
	if (can_hide == true)
	{

		if (ssmenu_mouser_over == '' && onglet_mouse_over == '')
		{
			if (waiting == 1)
				hide_ssmenu2(onglet_name);
			else
			{
				waiting = 1;
				waiting_timeout = setTimeout("hide_ssmenu('" + onglet_name + "')", 1000);
			}
		}
		else
			hide_ssmenu2(onglet_name);
	}
	else
		waiting = 0;

}


function hide_ssmenu2(onglet_name)
{
	if (waiting_timeout)
		clearTimeout(close_timeout);
	waiting = 0;
	var onglet = $('menu_onglet_' + onglet_name);
	var ss_menu = $('ssmenu_' + onglet_name);

	active_ssmenu = '';
	if (ss_menu)
		ss_menu.style.display = 'none';
	active_menu = '';
	onglet.className = 'menu_item';
}


function initssMenu()
{
	var ssmenu = getElementsByClassName('ssmenu_block');

	for (var i = 0; i < ssmenu.length; i++) 
	{
		//Recupère l'objet onglet
		var onglet_id_tab = ssmenu[i].id.split('_');
		var onglet_name = onglet_id_tab[1];
		var onglet_obj = $('menu_onglet_' + onglet_name);
		
		//initialise la position des sous-menu
		var onglet_pos = getAnchorPosition(onglet_obj.id);
		ssmenu[i].style.left = onglet_pos.x + 'px';
		
		//initialise la taille des sous-menu si celle ci est plus petite que celle de l'onglet
		var min_width = onglet_obj.offsetWidth;
		
		//pour la puce
		ssmenu[i].style.width = ssmenu[i].offsetWidth + 12 + 'px';
		
		
		var ss_width = ssmenu[i].offsetWidth;
		if (ss_width < (min_width - 2))
			ssmenu[i].style.width = min_width - 2 + 'px';
		else
		{
			if (ss_width < (min_width + 30))
				ssmenu[i].style.width = min_width + 30 + 'px';
		}

		ssmenu[i].style.display = 'none';
		ssmenu[i].style.visibility = 'visible';
		
		ssmenu[i].onmouseover = function()	{ssmenu_over(this);};
		ssmenu[i].onmouseout = function()	{ssmenu_out(this);};
	}
}
addLoadEvent(initssMenu);


function ssmenu_over(ss_menu)
{
	waiting = 0;
	var menu_name_tab = ss_menu.id.split('_');
	var menu_name = menu_name_tab[1];
	ssmenu_mouser_over = menu_name;
}


function ssmenu_out(ss_menu)
{
	var menu_name_tab = ss_menu.id.split('_');
	var menu_name = menu_name_tab[1];

	ssmenu_mouser_over = '';
	setTimeout("hide_ssmenu('" + menu_name + "')", 100);
}


function init_ss_menu_over_effect()
{
	var ss_menu_line = getElementsByClassName('ssmenu_ssitem');
	for (var i = 0; i < ss_menu_line.length; i++) 
	{
		ss_menu_line[i].onmouseover = function()	{this.className = 'ssmenu_ssitem_over';};
		ss_menu_line[i].onmouseout = function()		{this.className = 'ssmenu_ssitem';};
	}
}
addLoadEvent(init_ss_menu_over_effect);




/*	

var related_id = '';
var related_class = '';
if (e.relatedTarget)	related_id = e.relatedTarget.id;
if (e.relatedTarget)	related_class = e.relatedTarget.className;

var from_id = '';
var from_class = '';
if (e.fromElement)	from_id = e.fromElement.id;
if (e.fromElement)	from_class = e.fromElement.className;

var to_id = '';
var to_class = '';
if (e.toElement)	to_id = e.toElement.id;
if (e.toElement)	to_class = e.toElement.className;

		alert('out : ' + e.target.id + ' ' + e.target.className
				+ '\n related : ' + related_id + ' ' + related_class
				+ '\n fromElement : ' + from_id + ' ' + from_class
				+ '\n toElement : ' + to_id + ' ' + to_class
		);
*/

/*
	alert('out : ' + onglet_name 
	+ '\n target : ' + e.target.className
	+ '\n related : ' + related_class);


	alert('out : ' + onglet_name 
	+ '\n target : ' + e.target.id + ' ' + e.target.className
	+ '\n related : ' + related_id + ' ' + related_class);


	alert('name : ' + menu_name 
	+ '\n onglet_mouse_over : ' + onglet_mouse_over
	+ '\n ssmenu_mouser_over : ' + ssmenu_mouser_over
	+ '\n active_menu : ' + active_menu
	+ '\n active_ssmenu : ' + active_ssmenu
	);
*/


/*
		var related_id = '';
		var related_class = '';
		if (e.relatedTarget)	related_id = e.relatedTarget.id;
		if (e.relatedTarget)	related_class = e.relatedTarget.className;

		alert('over : ' 
		+ '\n target : ' + e.target.id + ' ' + e.target.className
		+ '\n related : ' + related_id + ' ' + related_class);
*/

/*
				alert('over : ' + onglet_name 
				+ '\n target : ' + e.target.className
				+ '\n related : ' + related_class);
*/

/*
function initMenu()
{
	var onglet = getElementsByClassName('menu_item');
	for (var i = 0; i < onglet.length; i++) 
	{
*/


	/*

		onglet[i].addEventListener('mouseover', function(e)
		{
	
	
			var related_class = '';
			if (e.relatedTarget)	related_class = e.relatedTarget.className;

			var is_over =0;
			if (related_class == 'menu' && e.target.className == 'menu_item')
				is_over =1;
			if (related_class == 'menu_item' && e.target.className == 'menu_item')
				is_over =1;
			if (related_class == 'ssmenu' && e.target.className == 'menu_item')
				is_over =1;
			if (related_class == '' && e.target.className == 'menu_item')
				is_over =1;
			if (is_over ==1)
			{
				var onglet_id_tab = this.id.split('_');
				var onglet_name = onglet_id_tab[1];
				onglet_mouse_over = onglet_name;
				//show_menu(onglet_name);
				
onglet.className = 'menu_item_over';
			}



		}, true );
		
		
		onglet[i].addEventListener('mouseout', function(e)
		{
			
			var related_class = '';
			if (e.relatedTarget)	related_class = e.relatedTarget.className;
			var is_out =0;
			if (related_class == 'menu' && e.target.className == 'menu_item')
				is_out =1;
			if (related_class == 'menu_item' && e.target.className == 'menu_item')
				is_out =1;
			if (related_class == 'menu_item' && e.target.className == 'menu_label2')
				is_out =1;
				
			if (is_out ==1)
			{
				var onglet_id_tab = this.id.split('_');
				var onglet_name = onglet_id_tab[1];
				onglet_mouse_over = '';
				//hide_menu(onglet_name);
onglet.className = 'menu_item_over';
			}



		}, true );
		*/
		
		
		
		
		
		
		/*
		onglet[i].addEventListener('mouseover', function(e)
		{
		//	e.stopPropagation();
			var related_class = '';
			if (e.relatedTarget)	related_class = e.relatedTarget.className;
			if (e.target) target_class = e.target.className;
			
			
			var do_event = 1;
			if (target_class != 'menu_item')
				do_event = 0;
				
			if (related_class == 'menu_label')
				do_event = 0;
			if (related_class == 'menu_label1')
				do_event = 0;
			if (related_class == 'menu_label2')
				do_event = 0;
			if (related_class == 'menu_arrow')
				do_event = 0;
	
//			alert('***over*** : '
//				+ '\n target : ' + target_class
//				+ '\n related : ' + related_class);
			
			if (do_event == 1)
			{
				alert('over : ' 
					+ '\n target : ' + target_class
					+ '\n related : ' + related_class);
			}
		}, true );

		onglet[i].addEventListener('mouseout', function(e)
		{
//			e.stopPropagation();
			var related_class = '';
			var target_class = '';
			if (e.relatedTarget)	related_class = e.relatedTarget.className;
			if (e.target) target_class = e.target.className;
				
			var do_event = 1;
			if (related_class != 'menu_item')
				do_event = 0;
				
			if (target_class == 'menu_label')
				do_event = 0;
			if (target_class == 'menu_label1')
				do_event = 0;
			if (target_class == 'menu_label2')
				do_event = 0;
			if (target_class == 'menu_arrow')
				do_event = 0;

//			alert('***out*** : '
//				+ '\n target : ' + target_class
//				+ '\n related : ' + related_class);


			if (do_event == 1)
			{
			alert('out : '
				+ '\n target : ' + e.target.className
				+ '\n related : ' + related_class);
			}
		}, true );

		*/
		
		
//	} //Boucle for
	
	/*
	var menu_label = getElementsByClassName('menu_label');
	for (var i = 0; i < menu_label.length; i++) 
	{
		menu_label[i].addEventListener('mouseover', function(e){e.stopPropagation();}, true );
		menu_label[i].addEventListener('mouseout', function(e){e.stopPropagation();}, true );
	}
		
	var menu_arrow = getElementsByClassName('menu_arrow');
	for (var i = 0; i < menu_arrow.length; i++) 
	{
		menu_arrow[i].addEventListener('mouseover', function(e){e.stopPropagation();}, true );
		menu_arrow[i].addEventListener('mouseout', function(e){e.stopPropagation();}, true );
	}
*/


//} // fin de la fonction