// JavaScript Document
var timeout; // Initialisation du timeout
var ajustementY = 0; // Ajustement pour la position en ordonn�es des sousmenus
var ajustementX = 5; // Ajustement pour la position en abscisses des sousmenus

/**
* Début du compte à rebours pour masquer le sousmenu
* @param integer id : Identifiant de la page
**/
function startTimeout(id) {
	timeout = setTimeout(function(){ $("#smenu-"+id).css('top', '-1000px'); },500);
}

/**
* Arrêt du compte à rebours
**/
function stopTimeout() {
	clearTimeout(timeout);
}

// Ready
$(document).ready(function() {
	// Event menu-element mouseover
	$(".menu-element").bind('mouseover', function() {
		// Arret du timeout
		stopTimeout();
		
		// Masque tous les sous-menu
		$(".smenu-conteneur").css('top', '-1000px');
		
		// Récuperation de l'id
		var id = $(this).attr('id').split('-')[1];
		
		if($("#smenu-"+id).length == 1)
		{
			// Calcul des positions
			//parseInt($(this).get(0).offsetTop+$(this).get(0).offsetHeight+ajustement);
			var top = parseInt($("#menu").get(0).offsetHeight+ajustementY);
			var left = $(this).get(0).offsetLeft+ajustementX;
			
			// Affectation des valeurs
			$("#smenu-"+id).css('top',top+'px');
			$("#smenu-"+id).css('left',left+'px');
		} //endif conteneur
	}); //endmouseover
	
	// Event menu-element mouseout
	$(".menu-element").bind('mouseout', function() {
		// Récuperation de l'id
		var id = $(this).attr('id').split('-')[1];
		
		// Début du compte à rebours
		startTimeout(id);
	}); //endmouseout
	
	// Event smenu-conteneur mouseover
	$(".smenu-conteneur").bind('mouseover', function() {
		// Arret du compte à rebours
		stopTimeout();
	}); //endmouseover
	
	// Event smenu-conteneur mouseout
	$(".smenu-conteneur").bind('mouseout', function() {
		// Récuperation de l'id
		var id = $(this).attr('id').split('-')[1];
		
		// Début du compte à rebours
		startTimeout(id);
	}); //endmouseout
}); //endready