function AfficheItem()
{
 var elmtL = document.getElementById("idListe");
 var elmtB = document.getElementById("idBouton");

 if (elmtL.style.display!="block")
 {
    /** Pour donner l'impression que le bouton est enfonce ('inset') : **/
    elmtB.style.borderStyle = "inset";

    elmtL.style.display = "block";

    /** Debut calcul positionnement de la liste **/
    var parent = elmtL.parentNode, y=0;
    while (parent!=null)
    {
      y += parseInt(parent.offsetTop);
      parent = parent.offsetParent;
    }
    y = y + elmtB.offsetHeight;

    if ( (parseInt(y + elmtL.offsetHeight - document.body.scrollTop))>=
         (parseInt(document.body.clientHeight)) )
    {
       //Affichage au-dessus du bouton
       elmtL.style.top = parseInt(y - elmtB.offsetHeight - elmtL.offsetHeight);
    }
    else
       elmtL.style.top = y;  //Affichage sous le bouton
    /** Fin calcul positionnement de la liste **/
 }
 else
 {  /** Bouton 'outset' **/
    elmtB.style.borderStyle = "";
    elmtL.style.display="none";
 }
}

function CacheItem(obj,url,idImage,msg)
{
 var source = document.getElementById(idImage);
 var dest = document.getElementById("idI0");
 var elmtB = document.getElementById("idBouton");
 
 elmtB.style.borderStyle = "";
 document.getElementById("idListe").style.display="none";

 MouseOutItem(obj);  //Suppression du surlignage de l'item choisi.

 //Affichage, gestion de l'evenement onclick
 elmtB.innerHTML = "<img class=\"images\" id=\""+dest.id+"\" src=\""+source.src+"\" align=\"absmiddle\">"+msg; //image+texte

 // window.location.href = url;   //page a ouvrir lors du clic sur item

}

function MouseOverItem(obj)
{
 /** Styles Over **/
 obj.className = "Item ItemOver";
}

function MouseOutItem(obj)
{
 /** Styles par defaut **/
 obj.className = "Item";
}