/*********

DEFINITION DES VAIABLES DE BASE

*****************/




dom = document.getElementById;

id_time = "";

accueil = 0;



/*********

POSITIONNEMENT DES SOUS MENUS

*********/



if(dom)

{



	//document.getElementById("cadremenu").style.top = posYmenu;//+heightmenu-2;



	

	if(prse_menu_lateral == 1)
		{
		document.getElementById("menulateral").style.left = Xlateral;
		}

}



        

/********

AFFICHAGE DES SOUS MENUS

********/



// Menu du haut

function SousMenu (msg, pos, ouvre_div, ferme_div)

{

	if(dom)

	{
		clearTimeout(id_time);
		killFenetre();

		//largeur_total = document.image_test.width; // calcul la largeur totale de l'ecran
		largeur_total = 0;
		for(i=0; i<nb_elts_tab ; i++)
		{
			largeur_total += document.getElementById('Top_cell_'+i).clientWidth;
		}
		posXmenu = findPosX(document.getElementById('repere'));
		
		//alert(document.image_body.width+" "+document.image_tab.width+"posXmenu = "+posXmenu+ " pos_tab= "+pos_tab+" largeur total "+largeur_total);

		cellule_tab = largeur_total / nb_elts_tab ;

		largeur_cellule = cellule_tab;
		//posDiv = posXmenu + pos*largeur_cellule;
		posDiv = posXmenu + pos*largeur_cellule+(largeur_cellule/2 - widthSousMenu/2);
		
		posDiv = posXmenu;
		for(i=0; i<pos ; i++)
		{
			posDiv += document.getElementById('Top_cell_'+i).clientWidth;
		}
		
		//posDiv += (document.getElementById('Top_cell_'+pos).clientWidth/2 - widthSousMenu/2);
		
		//on retire 1 pixel pour les separateurs si pas premiere image
		

		if(posDiv < posXmenu)
		{
			posDiv = posXmenu;
		}
		
		/*if((posDiv + widthSousMenu) > (largeur_total+posXmenu))
		{
			posDiv = posXmenu + largeur_total - widthSousMenu;
		}*/

		
		document.getElementById("cadremenu").onMouseOver = ouvre_div;
		document.getElementById("cadremenu").style.left = posDiv;
		document.getElementById("cadremenu").style.top = findPosY(document.getElementById('repere')) +24;

		var content = "";

		 content = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="+widthSousMenu+"><TR><TD onMouseOver=\""+ouvre_div+"\" onMouseOut=\""+ferme_div+"\">";
		 content += "<TABLE BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#052553 WIDTH="+widthSousMenu+">";

		 //content += "<TABLE  BORDER=0 CELLPADDING=2 CELLSPACING=0 WIDTH="+widthSousMenu+">";

		content += msg;

		content += "</TABLE>";

		content += "</TD></TR>";
				
				
		content += "</table>";
		


		document.getElementById("cadremenu").innerHTML = content;

		document.getElementById("cadremenu").style.visibility = "visible";





// GESTION AVEC IFRAME POUR SOUCIS <SELECT> IE

// A INSERER DANS PAGE
/*<iframe
  id="DivShim"
  src="javascript:false;"
  scrolling="no"
  frameborder="0"
	class="iframe_menu_haut"
  style="position:absolute; top:0px; left:0px; display:none; background-color:#FFF1CC; ">
 </iframe>
*/


	/*var DivRef = document.getElementById("cadremenu");
    DivRef.style.display = "block";
    IfrRef.style.width = DivRef.offsetWidth;
    IfrRef.style.height = DivRef.offsetHeight;
    IfrRef.style.top = DivRef.style.top;
    IfrRef.style.left = DivRef.style.left;
    IfrRef.style.zIndex = DivRef.style.zIndex - 1;
    IfrRef.style.display = "block";*/

	}

}



// Menu lateral

function MenuLateral (pos, msg)

{

	if(dom)

	{



		killFenetre();

	//	posDiv = Ylateral + HeightImageTitre;

		posDiv = Ylateral;

		

		for(i=0; i<pos; i++)

		{

			nom_image = 'image_lateral'+i;

			posDiv += document.getElementById(nom_image).height;

			

		}

		
		
		document.getElementById("menulateral").style.top = posDiv;

		nom_div = "menulateral";

		var content = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#FF9933 WIDTH="+widthSousMenu+"><TR><TD width='100%' height='12'></TD><TD width='12' height='12'><img src='/images/menu/coin_haut.gif' width='12' height='12'></TD></TR><TR><TD colspan='2'>";

		content += "<TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0>";

		

		content += msg;

		content += "</TABLE></TD></TR><TR><TD width='100%' height='12'></TD><TD width='12' height='12'><img src='/images/menu/coin_bas.gif' width='12' height='12'></TD></TR></TABLE>";

		document.getElementById("menulateral").innerHTML = content;

	

		//document.getElementById("menulateral").style.visibility = "visible";

	}

}

/***************************************
Fonction de recherche de position
****************************************/

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}



/********
INVISIBILITE DES SOUS MENUS
********/

function killFenetre()
{
	if(dom)
	{
		
// GESTION AVEC IFRAME POUR SOUCIS <SELECT> IE		
//		var IfrRef = document.getElementById('DivShim');
//		IfrRef.style.display = "none";
		document.getElementById("cadremenu").style.visibility = "hidden";
		
		if(prse_menu_lateral == 1)
		{
			document.getElementById("menulateral").style.visibility = "hidden";
		}
	}
}

/********
Enregistrement du time_out pour cacher les sous-menus
********/
function enr_timeout(num)
{
	id_time = setTimeout("killFenetre()",500);
}

document.onclick = killFenetre;








