// JavaScript Document
// Original Copyright 2006-2007 javascript-array.com
// modifier 2010 infoconcept

//exemple pour le menu et non le sousmenu
/*
//le menu, il faut définir une class "selected" pour le "a" si on veut que le hover dure. Il faut aussi que le id du "a" est quatre lettre de moins que le "a" du sousmenu pour sélectionner au début, le id="menu" du ul est important pour la sélection au début
<ul id="menu">
	<li><a id="menu_voir" onmouseover="mopen('idsousmenu', this)" href="#" >Mon menu déroulant</a></li>
	<li><a onmouseover="mclose()" href="#" >Mon menu non déroulant</a></li>
</ul>
le sousmenu, mettre la class sousmenu à display none par défaut
<div id="sousmenu_voir" class="sousmenu">
    <ul>
      <li><a href="#">page1</a></li>
      <li><a href="#">page2</a></li>
      <li><a href="#">page3</a></li>
    </ul>
  </div>
*/

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var ddmenu = 0;
var pageCourrante = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1) || "index.php";
var sectionCourrante = '';

$(document).ready(function() {
	
	//------tout ce qui suit est pour le menu jusqu'à avis contraire
	$('#menu a').mouseout(function() {
		mclosetime();
	});
	
	$("div.sousmenu").hover(
		function () {
			mcancelclosetime();
		}, 
		function () {
			mclosetime();
		}
	);
	
	var trouve = false;
	
	//sélectionne la section de la page courante en fonction des enfant
	$("div.sousmenu").find('a').each(function () {
		if ($(this).attr("href").indexOf(pageCourrante) > -1)
		{
			trouve = true;
			var menuid = $(this).parent().parent().parent().attr("id");
			menuid = menuid.substring(4);
			$("#" + menuid).addClass("selected");
			sectionCourrante = menuid;
		}
	});
	
	//sélectionne la section de la page courante en fonction si pas d'enfant
	if (trouve == false)
	{
		$("#menu").find('a').each(function () {
			if ($(this).attr("href").indexOf(pageCourrante) > -1)
			{
				var menuid = $(this).attr("id");
				$(this).addClass("selected");
				sectionCourrante = menuid;
			}
		});
	}
	
	//------tout ce qui suit est pour le contenu déroulant jusqu'à avis contraire
	
	$('#fle_ranger').toggle(function() {
		$('#contenu_texte').animate({
    		opacity: 0
		}, 'slow', function() {
			var largeur = $("#contenu").width();
			largeur = -largeur - 105;
			$("#slogan").animate({
					opacity:1 
				}, 'slow');
			$("#contenu").animate({
				left: ""+largeur+"px"
			}, 'slow', function() {
				$("#fle_ranger").addClass("closed");
				
			});
		});
	}, function() {
		$("#slogan").animate({
			opacity:0 
		}, 'slow');
		$('#contenu').animate({
    		left: "0px"
		}, 'slow', function() {
			$("#contenu_texte").animate({ 
				opacity: 1
			}, 'slow', function() {
				$("#fle_ranger").removeClass("closed");
				
			});
		});
	});
	
	//------
	
	
	
});




// open hidden layer
function mopen(idsmenu, menu)
{		
	// cancel close timer
	mcancelclosetime();

	// close old layer
	mclose();
	
	//pour que le hover du menu dure
	$(menu).addClass("selected");
	ddmenu = menu;
	
	// get new layer and show it
	ddmenuitem = document.getElementById(idsmenu);
	ddmenuitem.style.display = 'block';
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.display = 'none';
	if(ddmenu) $(ddmenu).removeClass("selected");
	if(sectionCourrante != '') $("#" + sectionCourrante).addClass("selected");
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 




/*$('#fle_ranger').toggle(function() {
		$('#contenu_texte').animate({
    		opacity: 0
		}, 'slow', function() {
			var largeur = $("#contenu").width();
			largeur = -largeur - 105;
			$("#contenu").animate({
				left: ""+largeur+"px"
			}, 'slow', function() {
				$("#fle_ranger").addClass("closed");
			});
		});*/