var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;
var coordel = 0;
var test = 0;
fDomOffset = function( oObj, sProp )
{ 
 // oObj : [Object] - Objet dont on désire le positionnement 
 // sProp : [String] - Propriété désirée : offsetLeft - offsetTop 
 var iVal = 0; 
 // On boucle tant que l'on n'est pas à la racine du document 
 while (oObj && oObj.tagName != 'BODY') { 
  eval('iVal += oObj.' + sProp + ';');
  oObj = oObj.offsetParent; 
 } 
 return iVal; 
}  

fSwapSelect = function( sId ) 
{ 
 oObj = document.getElementById(sId); 

 Top_Element  = fDomOffset(oObj, 'offsetTop'); 
 Left_Element  = fDomOffset(oObj, 'offsetLeft'); 
 Largeur_Element  = oObj.offsetWidth; 
 Hauteur_Element  = oObj.offsetHeight; 
 oSelects = document.getElementsByTagName('SELECT'); 
 if (oSelects.length > 0) { 
  for (i = 0; i < oSelects.length; i++) { 
   oSlt = oSelects[i]; 
   Top_Select = fDomOffset(oSlt, 'offsetTop'); 
   Left_Select = fDomOffset(oSlt, 'offsetLeft'); 
   Largeur_Select = oSlt.offsetWidth; 
   Hauteur_Select = oSlt.offsetHeight; 
   isLeft = false; 
   if ((Left_Element > (Left_Select - Largeur_Element)) && (Left_Element < (Left_Select + Largeur_Select))) { 
    isLeft = true; 
   } 
   isTop = false; 
   if ((Top_Element > (Top_Select - Hauteur_Element)) && (Top_Element < (Top_Select + Hauteur_Select))) { 
    isTop = true; 
   } 
   if (isLeft && isTop) { 
    sVis = (oObj.style.visibility == 'hidden') ? 'visible' : 'hidden'; 
    if (oSlt.style.visibility != sVis) {oSlt.style.visibility = sVis;} 
   } else { 
    if (oSlt.style.visibility != 'visible') {oSlt.style.visibility = 'visible';} 
   } 
  } 
 } 
} 

function AffBulle(texte) 
{
	contenu_bulle="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE>&nbsp;";
	
	
	
	
	var finalPosX=posX-xOffset;
	if (finalPosX<0) finalPosX=0;
	if (document.layers) 
	{
		document.layers["bulle2"].document.write(contenu_bulle);
		document.layers["bulle2"].document.close();
		document.layers["bulle2"].top=posY+yOffset;
		document.layers["bulle2"].left=finalPosX;
		document.layers["bulle2"].visibility="show";
	}

	if (document.all) 
	{
		bulle.innerHTML=contenu_bulle;
		document.all["bulle2"].style.top=posY+yOffset;
		document.all["bulle2"].style.left=finalPosX;
		document.all["bulle2"].style.visibility="visible";
	}
	else if (document.getElementById) {
		
		document.getElementById("bulle2").innerHTML=contenu_bulle;
		document.getElementById("bulle2").style.top=posY+yOffset;
		document.getElementById("bulle2").style.left=finalPosX;
		document.getElementById("bulle2").style.visibility="visible";
	}

	fSwapSelect('bulle2')	
}

function AffBulle2(texte,CoordX,CoordY) 
{
	contenu_bulle="<TABLE style=\"border-style : none;\"  cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD border=0 ><TABLE style=\"border-style : none;\" cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD style=\"border-style : outset;border-color :"+IB.ColContour+";border-width : 2pt\"><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE>&nbsp;";
	
	
	
	
	var finalPosX=posX-xOffset;
	if (finalPosX<0) finalPosX=0;
	if (document.layers) 
	{
		document.layers["bulle2"].document.write(contenu_bulle);
		document.layers["bulle2"].document.close();
		document.layers["bulle2"].top= CoordY;
		document.layers["bulle2"].left= CoordX;
		document.layers["bulle2"].visibility="show";
	}

	if (document.all) 
	{
		bulle2.innerHTML=contenu_bulle;
		document.all["bulle2"].style.top= CoordY;
		document.all["bulle2"].style.left= CoordX;
		document.all["bulle2"].style.visibility="visible";
	}
	else if (document.getElementById) {
		
		document.getElementById("bulle2").innerHTML=contenu_bulle;
		document.getElementById("bulle2").style.top=CoordY;
		document.getElementById("bulle2").style.left=CoordX;
		document.getElementById("bulle2").style.visibility="visible";
	}

	fSwapSelect('bulle2')	
}

function AffImage(image_ecran,Im,DeplacementX,DeplacementY){
CoordX = getOffsetLeft(Im) + DeplacementX;
CoordY = getOffsetTop(Im) + DeplacementY;
AffBulle2(image_ecran,CoordX,CoordY);
}
function AffImage2(image_ecran,Im,DeplacementX,DeplacementY){
CoordX = getOffsetLeft(Im) + DeplacementX;
CoordY = getOffsetTop(Im) + DeplacementY;
image_ecran1='<img src="../image_produit/' + image_ecran + '.jpg" border="0">';
AffBulle2(image_ecran1,CoordX,CoordY);
}
function AffImage3(image_ecran,Im,DeplacementX,DeplacementY,Im2){
CoordX = getOffsetLeft(Im2) + DeplacementX;
CoordY = getOffsetTop(Im2) + DeplacementY;
image_ecran1='<img src="../image_produit/' + image_ecran + '.jpg" border="0">';
AffBulle2(image_ecran1,CoordX,CoordY);
}

function Affadresse(drap,texte,Im,DeplacementX,DeplacementY){
CoordX = getOffsetLeft(Im) + DeplacementX;
CoordY = getOffsetTop(Im) + DeplacementY;
text1='<img src="image/' + drap + '" border="0">' + texte;
AffBulle2(text1,CoordX,CoordY);
}


function getMousePos(e) 
{
	if (document.all) 
	{
		posX=event.x+document.body.scrollLeft; 
		posY=event.y+document.body.scrollTop;
	
	}
	else 
	{
		
		posX=e.pageX; 
		posY=e.clientY;
				
	}
}





//////////////////////non utilisé
function getPageCoords (element) {
  var coords = {x: 0, y: 0, x1 : 0 , y1: 0};
  coords.x1 = element.offsetLeft;
    coords.y1 = element.offsetTop;
   
  while (element != null) {
    coords.x += element.offsetLeft;
    coords.y += element.offsetTop;
    element = element.offsetParent;
  }
  return coords;
}
function getOffsets (evt) {
  if (typeof evt.offsetX != 'undefined')
    return { x: evt.offsetX, y: evt.offsetY }
  else if (evt.target) {
    if (window.opera)
      var element = evt.target;
    else
      var element = evt.target.nodeType == 1 ? evt.target : evt.target.parentNode;
    var eventCoords = {
      x: evt.clientX + window.pageXOffset,
      y: evt.clientY + window.pageYOffset
    };
    var elCoords = getPageCoords(element);
    return {x: eventCoords.x - elCoords.x, y: eventCoords.y - elCoords.y, z: elCoords.x, w: elCoords.y, x1: elCoords.x1, y1: elCoords.y1 };
  }
}
///////////////////////////////


function HideBulle() 
{
	if (document.layers) 
	{
		document.layers["bulle"].visibility="hide";
	}

	if (document.all) 
	{
		document.all["bulle"].style.visibility="hidden";
	}
	else if (document.getElementById)
	{
		document.getElementById("bulle").style.visibility="hidden";
	}
	fSwapSelect('bulle')	
}

function InitBulle(ColTexte,ColFond,ColContour,NbPixel) 
{
	
	IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
	if (document.layers) 
	{
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'></LAYER>");
		}
	
	if (document.all) 
	{
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:100;'></DIV>");
		document.onmousemove=getMousePos;
	
	}
	else if (document.getElementById) 
	{
		document.onmousemove=getMousePos;
		//window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:100;'></DIV>");
	
	}
}

////////////////////
function HideBulle2() 
{
	if (document.layers) 
	{
		document.layers["bulle2"].visibility="hide";
	}

	if (document.all) 
	{
		document.all["bulle2"].style.visibility="hidden";
	}
	else if (document.getElementById)
	{
		document.getElementById("bulle2").style.visibility="hidden";
	}
	fSwapSelect('bulle2')	
}

function InitBulle2(ColTexte,ColFond,ColContour,NbPixel) 
{
	
	IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
	if (document.layers) 
	{
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<LAYER name='bulle2' top=0 left=0 visibility='hide'></LAYER>");
	}
	
	if (document.all) 
	{
		document.write("<DIV id='bulle2' style='position:absolute;top:0;left:0;visibility:hidden;z-index:10'></DIV>");
		document.onmousemove=getMousePos;
	}
	else if (document.getElementById) 
	{
		document.onmousemove=getMousePos;
		//window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<DIV id='bulle2' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
	}
}





/***
function AffMenu(texte) 
{
	// Variables locales
	var menu = ""
	var i = 1
	var strClass=""
	var strLib=""
	var strLien=""
	var ColTexte = IB.ColTexte
	var ColFond = IB.ColFond
	var ColContour = IB.ColContour
	var NbPixel = IB.NbPixel

	//***********
			
	// Construction du tableau
	contenu='	     <TABLE border=0 cellspacing=0 cellpadding=0 style="border:0pt none">'
	contenu=contenu + '		<TR bgcolor=ColFond>'
	contenu=contenu + '			<TD>'	
	contenu=contenu + '				<TABLE  style="border:1.5pt groove navy; background-color : white">'

	menu = GetCol(texte, i, "¤")

	while (menu != "")
	{
		contenu=contenu + '				<TR>'
		contenu=contenu + '					<TD'
		if (GetCol(texte, i+1, "¤")!="")
		{
			contenu=contenu + '					 style="border-bottom:1.5pt groove; background-color : white"'
		}	

		contenu=contenu + '						 onmouseover="this.style.background=\'silver\'" onmouseout="this.style.background=\'white\'">'
		
		strLib=GetCol(menu, 1, "")
		strLien=GetCol(menu, 2, "")

		contenu=contenu + '						<a id="menu'+i+'" name="menu'+i+'" href="' + strLien + '" style="text-decoration:none;font-weight = bold;color:navy;font-size: 8 pt;bold;font-family:verdana" onmouseover="this.style.color=\'#FF4500\'" onmouseout="this.style.color=\'navy\'">' + strLib + '</a>'

		contenu=contenu + '					</TD>'
		contenu=contenu + '				</TR>'

		i=i+1
		menu = GetCol(texte, i, "¤")
	}
	contenu=contenu + '				</TABLE>'
	contenu=contenu + '			</TD>'
	contenu=contenu + '		</TR>'
	contenu=contenu + ' </TABLE>'

	IB.ColTexte=""
	IB.ColFond=""
	IB.ColContour=""
	IB.NbPixel=0

	if (document.layers) 
	{
		document.layers["bulle"].document.write(contenu);
		document.layers["bulle"].document.close();
		document.layers["bulle"].top=posY;
		document.layers["bulle"].left=posX;
		document.layers["bulle"].visibility="show";
	}

	if (document.all) 
	{
		
		posY -= window.event.offsetY;
		posY += window.event.srcElement.height  ;
		posX -= window.event.offsetX + 2;
		bulle.innerHTML=contenu;
		document.all["bulle"].style.top=posY;
		document.all["bulle"].style.left=posX;
		document.all["bulle"].style.visibility="visible";
	}
	else if (document.getElementById) {
		//alert(test);
		
		
		
		document.getElementById("bulle").innerHTML=contenu;
		document.getElementById("bulle").style.top=posY;
		document.getElementById("bulle").style.left=posX;
		document.getElementById("bulle").style.visibility="visible";
	}
	IB.ColTexte=ColTexte;
	IB.ColFond=ColFond;
	IB.ColContour=ColContour;
	IB.NbPixel=NbPixel;

}
***/


function AffMenu2(texte,CoordX,CoordY) 
{
	// Variables locales
	var menu = "";
	var i = 1;
	var strClass="";
	var strLib="";
	var strLien="";
	var ColTexte = IB.ColTexte;
	var ColFond = IB.ColFond;
	var ColContour = IB.ColContour;
	var NbPixel = IB.NbPixel;

	//***********
			
	// Construction du tableau
	contenu='	     <TABLE border=0 cellspacing=0 cellpadding=0 style="border:0pt none">';
	contenu=contenu + '		<TR bgcolor=ColFond>';
	contenu=contenu + '			<TD>'	
	contenu=contenu + '				<TABLE  style="border:1.5pt groove navy; background-color : white">';

	menu = GetCol(texte, i, "¤")

	while (menu != "")
	{
		contenu=contenu + '				<TR>'
		contenu=contenu + '					<TD'
		if (GetCol(texte, i+1, "¤")!="")
		{
			contenu=contenu + '					 style="border-bottom:1.5pt groove; background-color : white"'
		}	

		contenu=contenu + '						 onmouseover="this.style.background=\'silver\'" onmouseout="this.style.background=\'white\'">'
		
		strLib=GetCol(menu, 1, "")
		strLien=GetCol(menu, 2, "")

		contenu=contenu + '						<a id="menu'+i+'" name="menu'+i+'" href="' + strLien + '" style="text-decoration:none;color:navy;font: bold 8pt Verdana" onmouseover="this.style.color=\'#FF4500\'" onmouseout="this.style.color=\'navy\'">' + strLib + '</a>'

		contenu=contenu + '					</TD>'
		contenu=contenu + '				</TR>'

		i=i+1
		menu = GetCol(texte, i, "¤")
	}
	contenu=contenu + '				</TABLE>'
	contenu=contenu + '			</TD>'
	contenu=contenu + '		</TR>'
	contenu=contenu + ' </TABLE>'

	IB.ColTexte=""
	IB.ColFond=""
	IB.ColContour=""
	IB.NbPixel=0

	if (document.layers) 
	{
		document.layers["bulle"].document.write(contenu);
		document.layers["bulle"].document.close();
		document.layers["bulle"].top=CoordY;
		document.layers["bulle"].left=CoordX;
		document.layers["bulle"].visibility="show";
	}

	if (document.all) 
	{
		
		bulle.innerHTML=contenu;
		document.all["bulle"].style.top= CoordY;
		document.all["bulle"].style.left= CoordX;
		document.all["bulle"].style.visibility="visible";
	}
	else if (document.getElementById) {
		//alert(CoordX + ' | ' + CoordY);
				
		document.getElementById("bulle").innerHTML=contenu;
		document.getElementById("bulle").style.top = CoordY;
		document.getElementById("bulle").style.left = CoordX;
		document.getElementById("bulle").style.visibility="visible";
	}
	fSwapSelect('bulle');
	IB.ColTexte=ColTexte;
	IB.ColFond=ColFond;
	IB.ColContour=ColContour;
	IB.NbPixel=NbPixel;

}

function GetCol(strChaine, iCol, strSep)
{
	var j=1;	
	var strRetour=""

	if (strSep == "")
	{
		strSep = "#";
	}
	
	while (j<=iCol)
	{
		strRetour = strChaine.substring(0, strChaine.indexOf(strSep,0));
		if (strRetour=="" && strChaine!="")
		{
			if 	(j==iCol)
			{
				strRetour=strChaine;
			}
			else if (strChaine.indexOf(strSep,0)!=0)
			{
				strRetour=""
				j=iCol
				}	
		}

		if (j==iCol && strChaine.indexOf(strSep,0)==0)
		{
               // Le caractére suivant étant le séparateur, on a donc une chaîne vide à renvoyer
			strRetour="";
		}

		strChaine = strChaine.substring(strChaine.indexOf(strSep,0)+1,strChaine.length);

		j=j+1;
	}

	return strRetour;
}