// JavaScript Document


//Définition des images
if (document.images)
{
var MenuImgRoot="../img/fr/";

 var imagesOn = new Array( );
    imagesOn["img_soc"] = new Image(93,18);
    imagesOn["img_soc"].src = MenuImgRoot + "soc_m_top_on.gif";
	
    imagesOn["img_pro"] = new Image(103,18);
    imagesOn["img_pro"].src = MenuImgRoot + "pro_m_top_on.gif";

    imagesOn["img_sol"] = new Image(110,18);
    imagesOn["img_sol"].src = MenuImgRoot + "sol_m_top_on.gif";
	
    imagesOn["img_sup"] = new Image(165,18);
    imagesOn["img_sup"].src = MenuImgRoot + "sup_m_top_on.gif";

    imagesOn["img_ach"] = new Image(174,18);
    imagesOn["img_ach"].src = MenuImgRoot + "ach_m_top_on.gif";
  
    var imagesOff = new Array( );
    imagesOff["img_soc"] = new Image(93,18);
    imagesOff["img_soc"].src = MenuImgRoot + "soc_m_top.gif";

    imagesOff["img_pro"] = new Image(103,18);
    imagesOff["img_pro"].src = MenuImgRoot + "pro_m_top.gif";

    imagesOff["img_sol"] = new Image(110,18);
    imagesOff["img_sol"].src = MenuImgRoot + "sol_m_top.gif";

    imagesOff["img_sup"] = new Image(165,18);
    imagesOff["img_sup"].src = MenuImgRoot + "sup_m_top.gif";

    imagesOff["img_ach"] = new Image(174,18);
    imagesOff["img_ach"].src = MenuImgRoot + "ach_m_top.gif";
}

//EventsUSER
var allEvents = new Array();
var activeMenu = null; //defines which menu is currently open
var activeMenuImg = null;
var mouseX = mouseY =0;
var leftX = 0;
var	rightX = 0;
var leftY = 0;
var rightY = 0;

function imgShow(imgID)
{
	var oImg;

	if (document.images)
	{	
		oImg = document.images[imgID];
		oImg.src = imagesOn[imgID].src;
		activeMenuImg = oImg;
	}
}

function imgHide()
{
	if (document.images)
	{	
		if (activeMenuImg != null)
		{
			var section = '<?=$catn0 ?>';
			section = section.substr(0, 3);
			activeMenuImg.src = imagesOff[activeMenuImg.id].src;
		}
	}
}

// Retrouve la position du bouton Menu
function getAbsPosition( element, topElement )
	{
		 if( topElement == null ) // if topElement is not specified
			  topElement = document.body; // use the body as the root
		 
		 var x = 0;
		 var y = 0;
		 
		 for( var temp = element; temp != topElement; temp = temp.offsetParent )
		 {
			  x += temp.offsetLeft;
			  y += temp.offsetTop;
		 }
		 
		  var position = new Object();
		  position.left = x;
		  position.top = y;
		  return position;
	}


function menuOver()
	{
	document.onclick = null;
	if (document.all) event.cancelBubble=true
	}

function menuOut()
	{
	//document.onmouseout = 
	eventHideMenu;
	if (document.all) event.cancelBubble=true
	}
function eventShowMenu(e)
	//turns on the display for nav menus
	{
	var mainMenu;
	var posMenu;

	if (activeMenu != null) eventHideMenu()
	mainMenu = "nav"+this.id.substring(3,this.id.length);
	activeMenu = "sm"+this.id.substring(3,this.id.length);
	imgmenu = "img"+this.id.substring(3,this.id.length);
	
	MenuItem = activeMenu+"_i";
	obj = document.getElementById(activeMenu);
	mMobj = document.getElementById(mainMenu);
	mIobj = document.getElementsByName(MenuItem);
	
	posMenu = getAbsPosition(mMobj);
	menuleftX = posMenu.left;
	menurightX = menuleftX + mMobj.offsetWidth;
	menuleftY = posMenu.top;
	menurightY = menuleftY + mMobj.offsetHeight;
	
	if (obj) 
		{
		imgShow(imgmenu);
		obj.style.top = menurightY;
		obj.style.left = menuleftX;
		obj.style.width = mMobj.offsetWidth;
		obj.style.visibility = "visible";
		
		leftX = menuleftX;
		leftY = menuleftY;
		rightX = menurightX;
		rightY = menurightY + obj.offsetHeight;
		
		}
	if(mIobj.length > 0)
		{
		for (j=0; j < mIobj.length; j++) mIobj[j].style.width = "100%";
		}
	if (document.all) document.onclick = eventHideMenu;
	event.cancelBubble=true
	}

function eventHideMenu()
	//hides nav menus and pop ups
	{
	document.onclick = null;
	if (activeMenu != null) 
		{
		imgHide();
		obj = document.getElementById(activeMenu)
		obj.style.visibility = "hidden"
		activeMenu = null;
		}
	}


function Update(e)
	{
	var posMainMenu;
	var lMenu;
	var tMenu;
	if ( activeMenu != null)
	{
			var x = mouseX;
			var y = mouseY;
			if (activeMenu != null)
			{
				//AfficPosObj= document.getElementById('taille');
				//AfficPosObj.innerHTML= activeMenu + '<br>' + leftX + ' ; ' + rightX + '<br>' + leftY  + ' ; ' + rightY;
			}
			if (x > rightX || x < leftX ) eventHideMenu();
				else if (y > rightY || y < leftY ) eventHideMenu();
	}
	}	

menus = new Array("soc","pro","sup","ach")


function userEventsInit()
	{
	//nav events
		for (i=0; i < menus.length; i++)
		{
		obj = document.getElementById("nav_"+menus[i])
		obj.onmouseover = eventShowMenu;
		}
	}


// EventsWindow 

function mousePosition(e)
	{
	if (e) event = e;   //for Netscape
	//mouseX = event.clientX;
	//mouseY = event.clientY;
	
	if (event.pageX) {
        mouseX = event.pageX;
        mouseY = event.pageY;
    } else if (event.clientX) {
        mouseX = event.clientX + document.body.scrollLeft - document.body.clientLeft;
        mouseY = event.clientY + document.body.scrollTop - document.body.clientTop;
	}

	//AfficPosObj= document.getElementById('pos');
	//AfficPosObj.innerHTML= 'Mouse :' + mouseX + ' ; ' + mouseY
	Update(e);
	}


// MAIN 
	
function initialize()
	//runs at onload of window
	{
	userEventsInit(); //set up all user events
	document.onmousemove = mousePosition; //moz
	}
	

function displayFix()
	//in IE there is a bug will cause some elements to not draw on screen when the user uses the back button
	//the below fixes that problem by forcing the page to redraw
	{
	document.getElementById("bodyNode").style.display = "block"
	}	

window.onload = displayFix;

/* Browser Fixes */

if (document.all) classFix = "className";
else classFix = "class"	

// NETSCAPE
if (!document.all)
	{
	document.writeln('<style type="text/css">');
	document.writeln('.c, .click {cursor:pointer}');
	document.writeln('.noborder {border:1px solid}');
	document.writeln('</style>');
	}



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
MM_preloadImages('../img/fr/produit/pro_fon_on.gif','../img/fr/produit/pro_car_on.gif','../img/fr/produit/pro_car_off.gif','../img/fr/produit/pro_fon_off.gif');
	
	subtest=0;
	menuopened=false;
	function nav(subsection) {
		if (subtest != eval(subsection)) {
			//alert(subsection);
			//alert(subtest);
			if (subtest!=0){
				subtest.style.display="none";
				menuopened=false;
			}
			document.getElementById(subsection).style.display="block";
			menuopened=true;
		}
		else {
  			if (menuopened == false) {
					document.getElementById(subsection).style.display="block";
					menuopened=true;
				}
				else {
    			document.getElementById(subsection).style.display="none";
    			menuopened=false;
				}
		}
	subtest=document.getElementById(subsection);
	}
	function closenav(){
		if (subtest != 0) {
			subtest.style.display="none";	
			menuopened=false;
			}
	}