function SetOver(Menu_element)
{

 MenuItem = document.getElementById(Menu_element);
 MenuItem.className = "MenuItem MenuItemSelected";
 
}

function UnSetOver(Menu_element)
{

 MenuItem = document.getElementById(Menu_element);
 MenuItem.className = "MenuItem";

 leloc=" "+document.location;
 if(leloc.indexOf(Menu_element)>=0)
    {
         MenuItem = document.getElementById(Menu_element);
         MenuItem.className="MenuItem MenuItemSelectedFile";
    }
}

function OpenPage(newpage)
{
 document.location=newpage;
}

function OpenMenu(Menu_element)
{

 MenuItem = document.getElementById(Menu_element);
 ImgMenuItem = document.getElementById("IMG"+Menu_element);
 
 if (MenuItem.style.display == "none")
 {
    MenuItem.style.display = "block";
    ImgMenuItem.src="images/folder.open.gif";
 }
 else
 {
    MenuItem.style.display = "none";
    ImgMenuItem.src="images/folder.gif";
 }
}


function unMenuItem(Libelle,Action)
{
  this.Libelle =Libelle;
  this.Action =Action;
  this.SubMenuItems=new Array();
  this.AddSubMenuItem=AddMenuItem;
  this.Write=WriteMenuItem;
  this.CollapseAll=MenuCollapseAll; 
  this.AfficheSelected=MenuAfficheSelected;
}

function MenuItemStyle()
{
  this.MenuItem="cursor: hand;FONT: 16px Verdana; COLOR: #6D6D6D; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: center; HEIGHT: 30px; WIDTH: 100px; ";
  this.MenuItemSelected ="BACKGROUND-COLOR:#D6D6D6;";
  this.MenuItemSelectedFile ="BACKGROUND-COLOR:#D6D6FF;";
}

function Menu()
{
  this.SubMenuItems = new Array();
  this.AddMenuItem=AddMenuItem;
  this.style=new MenuItemStyle;
  
  this.Write=Write_Menu;
  this.CollapseAll=MenuCollapseAll; 
  this.AfficheSelected=MenuAfficheSelected;
  
  this.width="200px";
}

function AddMenuItem(Libelle,Action)
{
 this.SubMenuItems[this.SubMenuItems.length]=new unMenuItem(Libelle,Action);
 return this.SubMenuItems[this.SubMenuItems.length-1];
}

function MenuCollapseAll()
{
 leloc=" "+document.location;
 
 
 for (var i=0; i<this.SubMenuItems.length; i++)
 { 
    if (this.SubMenuItems[i].SubMenuItems.length>0)
    {
      this.SubMenuItems[i].CollapseAll();
      
       MenuItem = document.getElementById("Sub"+this.SubMenuItems[i].Action);
       ImgMenuItem = document.getElementById("IMGSub"+this.SubMenuItems[i].Action);

       MenuItem.style.display = "none";
       ImgMenuItem.src="images/folder.gif";     
       
      
    }
 }
 
 
}

function MenuAfficheSelected()
{
 leloc=" "+document.location;
  
 for (var i=0; i<this.SubMenuItems.length; i++)
 { 
    if (this.SubMenuItems[i].SubMenuItems.length>0)
    {
      ret=this.SubMenuItems[i].AfficheSelected();
      
      if (ret==true)
      {
       MenuItem = document.getElementById("Sub"+this.SubMenuItems[i].Action);
       ImgMenuItem = document.getElementById("IMGSub"+this.SubMenuItems[i].Action);

       MenuItem.style.display = "block";
       ImgMenuItem.src="images/folder.open.gif";     
       
       return true;
      }
      
    }
    else if(leloc.indexOf(this.SubMenuItems[i].Action)>=0)
    {
         MenuItem = document.getElementById(this.SubMenuItems[i].Action);
         MenuItem.className="MenuItem MenuItemSelectedFile";
         return true;     
    }
 }
return false;
}


function Write_Menu()
{

    document.write("<style>\n");
    document.write(".MenuItem {" + this.style.MenuItem + "}\n"); 
    document.write(".MenuItemSelected {" + this.style.MenuItemSelected + "}\n");
    document.write(".MenuItemSelectedFile {" + this.style.MenuItemSelectedFile + "}\n");
    document.write("</style>");
    
    document.write('<DIV STYLE="position:relative;width='+ this.width +'"><DL><DT>'); 
    
    
    for (var i=0; i<this.SubMenuItems.length; i++)
    {
        if (this.SubMenuItems[i].SubMenuItems.length>0)
        {
           WriteFolder(this.SubMenuItems[i].Libelle,this.SubMenuItems[i].Action);
           this.SubMenuItems[i].Write();
           document.write("</DT></DL>");
           
           
        }
        else
        {
           WriteLeaf(this.SubMenuItems[i].Libelle,this.SubMenuItems[i].Action);
           
        }
    }
    
    document.write('</DT></DL></DIV>'); 
    
};

function WriteMenuItem()
{
    for (var j=0; j<this.SubMenuItems.length; j++)
    {
        if (this.SubMenuItems[j].SubMenuItems.length>0)
        {
           WriteFolder(this.SubMenuItems[j].Libelle,this.SubMenuItems[j].Action);
           this.SubMenuItems[j].Write();
           document.write("</DT></DL>");
           
           
        }
        else
        {
           WriteLeaf(this.SubMenuItems[j].Libelle,this.SubMenuItems[j].Action);
           
        }
    }

}

function WriteFolder(Libelle,Action)
{
  document.write("<TABLE align=top><TR align=top><TD align=top>");
  document.write("<IMG align=top style='cursor: hand;' id='IMGSub" + Action + "' src='images/Folder.open.gif' OnClick='OpenMenu(\"Sub");
  document.write(Action);
  document.write("\");' OnMouseOver='SetOver(\"");
  document.write(Action);
  document.write("\");' OnMouseOut='UnSetOver(\"");
  document.write( Action);
  document.write("\");'>");
  document.write("</TD><TD align=top id='"+ Action + "' class='MenuItem' OnClick='OpenMenu(\"Sub");
  document.write(Action);
  document.write("\");' OnMouseOver='SetOver(\"");
  document.write(Action);
  document.write("\");' OnMouseOut='UnSetOver(\"");
  document.write( Action);
  document.write("\");'>");
  document.write(Libelle );
  document.write("</TD></TR></TABLE>");
  document.write("<DL align=top id=\"Sub");
  document.write(Action);
  document.write("\"><DT>");
         
  
}

function WriteLeaf(Libelle,Action)
{
  document.write("<TABLE><TR align=top><TD align=top>");
  document.write("<IMG align=top style='cursor: hand;' id='IMG"+Action + "' src='images/Leaf.gif' OnClick='OpenPage(\"");
  document.write(Action);
  document.write("\");' OnMouseOver='SetOver(\"");
  document.write(Action);
  document.write("\");' OnMouseOut='UnSetOver(\"");
  document.write( Action);
  document.write("\");'>");
  document.write("</TD><TD align=top id='"+Action + "' class='MenuItem' OnClick='OpenPage(\"");
  document.write(Action);
  document.write("\");' OnMouseOver='SetOver(\"");
  document.write(Action);
  document.write("\");' OnMouseOut='UnSetOver(\"");
  document.write( Action);
  document.write("\");'>");
  document.write(Libelle );
  document.write("</TD></TR></TABLE>");

}