var tHideSubMenu = null;
var liActif = null;
var defaultId = null;

jQuery(document).ready(function() {
	
	liActif = jQuery('.mainnav ul li.actif');
	
	jQuery('.mainnav ul li').each(function(){
		var pos_element = jQuery(this).children('a').offset().left;
		var l = jQuery('#container').offset().left;
		var idPos = jQuery(this).children('a').attr('class').substr(1,jQuery(this).children('a').attr('class').length);
		jQuery('.sousnav_anim ul.rub'+idPos).css('left',pos_element - l);
	});
	
	if (liActif.html()==null) {
		jQuery('.mainnav ul li a.a0').parent().addClass('actif');
		defaultId = 0;
	} else {
		var attrClass = jQuery('a', liActif).attr('class');
		defaultId = attrClass.substr(1,attrClass.length);
	}
	
	jQuery('.sousnav ul.rub'+defaultId).show();
	
	jQuery('.mainnav ul li a').hover(function() {
	
		var id = jQuery(this).attr('class').substr(1,jQuery(this).attr('class').length);
		var ul = jQuery('.sousnav_anim ul.rub'+id);
		
		//var dd = jQuery(this).next('dd');
		if (ul.filter(':visible').is('ul')) { //we are coming again on the same main-menu
			window.clearTimeout(tHideSubMenu);
		} else { //we're changing of main-menu
			//hide visible sub-menus
			hideSubMenus(false);
			//show the sub-menu
			ul.fadeIn();
			// active le lien
			jQuery('.mainnav ul li a.a'+id).parent().addClass('actif');
		}
		//set timer for hiding sub-menu
		ul.hover(function() { //over the sub-menu
			window.clearTimeout(tHideSubMenu);
		}, function() { //out of the sub-menu
			setHideTimeout();
		});
	}, function() { //out of the main-menu');
		setHideTimeout();
	});
	
});

function setHideTimeout() {
	if (tHideSubMenu)
		window.clearTimeout(tHideSubMenu);
	tHideSubMenu = window.setTimeout('hideSubMenus(true)', 3000);
}

function hideSubMenus(afficheDefaultId) { //hide all visible sub-menus
	jQuery('.mainnav ul li.actif').removeClass('actif');
	jQuery('.sousnav_anim ul').hide();
	if (afficheDefaultId) {
		jQuery('.mainnav ul li a.a'+defaultId).parent().addClass('actif');
	}
	//jQuery('.mainnav ul li a.a'+defaultId).hide();
}
