var NomListe;
var AttenteFermeture = false;
var ListeVisuels = new Array();
var ListeVisible = false;
var ListeX = 0;
var ListeY = 0;
var tempX = 0;
var tempY = 0;
var HauteurListe = 0;
var NombreArticles = 0;
var IE = document.all?true:false;

if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;


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 getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}

  
	 var FermerListe = tempX < ListeX || tempX > (ListeX + 388); 
	 var FermerListe = FermerListe || (tempY < ListeY || tempY > (ListeY + HauteurListe)); 
	//window.status = 'tempY:' + tempY + ' ListeY:' + ListeY;	
		
	if (FermerListe && !AttenteFermeture)
		AffichageListe(false,NomListe);
		
 
  return true
}


function TerminerDelaiAffichage()
{
	AttenteFermeture = false;
}

function initScrollLayer(NombreVisuels) {

	NombreArticles = document.forms['variables'].elements.NombreArticles.value;
	var wndo = new dw_scrollObj('hautwn', 'hautlyr1');  
	wndo.setUpScrollbar("hautdragBar", "hauttrack", "v", 1, 1); 

	if (NombreVisuels > 0)
		AfficherVisuel(1);	
}

function AffichageListe(Visible,lNomListe)
{
	var ObjDivPrinc = document.getElementById('hauthold');
	ListeVisible = Visible; 
	if (Visible)
	{
		NomListe = lNomListe;
		TrouverPositionElement('ImageListe' + NomListe);
		

		//deplace le menu aux position ListeX, ListeY
		dd.elements.hauthold.moveTo(ListeX,ListeY);

		//ObjDivPrinc.style.left = ListeX;
		//ObjDivPrinc.style.left = ListeX = (tempX - 393) + 10;
		//ObjDivPrinc.style.top = ListeY = tempY - 10;
		//ObjDivPrinc.style.top = ListeY;
			
		// Délai de fermeture après l'affichage
		AttenteFermeture = true;
		setTimeout("TerminerDelaiAffichage()",2000);	
	}
	else 
		NomListe = null;
	
	HauteurListe = NombreArticles * 24;
	var StrVisible = Visible?"visible":"hidden";
	if (ObjDivPrinc != null)
	{
		ObjDivPrinc.style.height = HauteurListe;
		document.getElementById('hautwn').style.height = HauteurListe;
		ObjDivPrinc.style.visibility = StrVisible;
		document.getElementById('hautwn').style.visibility = StrVisible;
		document.getElementById('hautlyr1').style.visibility = StrVisible;	
	}
	
}


function TrouverPositionElement(NomElement) {
/*
 var el = MM_findObj(NomElement);
  var l = el.offsetLeft; 
var t = el.offsetTop; 
  while ((el = el.offsetParent)) 
{
	     l += el.offsetLeft; 
		t += el.offsetTop; 
}
*/

//Changement de la logique a cause d'un bogue sous Firefox
if (NomElement=="ImageListeBas")
{
//Menu du bas
    l=dd.elements.ImageListeBas.x;
    //t=dd.elements.ImageListeBas.y;
    
    //Cette ligne calcule l'espace entre la position de l'image ImageListeBas et DivListeBas
    var espace;
    espace=dd.elements.DivListeBas.y-dd.elements.ImageListeBas.y
    
    t=dd.elements.ImageListeBas.y+espace;
}
else
{
//Menu du haut
    l=dd.elements.ImageListeHaut.x;
    t=dd.elements.ImageListeHaut.y;
}

 ListeX = l - 10;
 

// Vérifier s'il s'agit de la liste du bas

if (t > 300)
{
    ListeY = t - HauteurListe - 11;
}
else
	ListeY = t + 10;

} 


function AfficherVisuel(Id)
{
	document.getElementById("visuels").innerHTML=ListeVisuels[--Id];	
}