$(document).ready(function() {
	
	var active = null;

	$("#menu ul li a").each(function() {
		if ($(this).parent("li").hasClass("active")) {
			active = this;
			souligneElement(this);
		}
	
		$(this).hover(function() {	
			souligneElement(this);
		}, function() {
			if (active) {
				timer = setTimeout(function(){ 
				    souligneElement(active);
				}, 1000);
			}
			else {
				timer = setTimeout(function(){ 
				    $("#souligneMenu").fadeOut();
				}, 1000);
			}
		});
	});
	
	$(".zoom").fancybox();
});

function souligneElement(id) {
	if (typeof(timer) != "undefined") clearTimeout(timer);

	//Test IE
	if (navigator.appName == "Microsoft Internet Explorer") {
		var version = navigator.appVersion;

		if (version.indexOf("MSIE 7.0") > 0 || version.indexOf("MSIE 6.0") > 0) {
			x = id.offsetParent.offsetLeft;
		}
		else {
			x = id.offsetLeft;
		}
	}
	else {
		x = id.offsetLeft;
	}	
	
	$("#souligneMenu").animate({
		width: $(id).width(),
		marginLeft: x
	}, 200);
	
	$("#souligneMenu").removeClass().addClass($(id).parent("li").attr("id"));
}