//          ________
//          |/\/\/\|
//          | o o  |
//-----oOOO---(_---OOOo---------------------------------------------------------------------------------------
//
// Auteur      : Chanh T.Do [Thoransoft - 2008.05.25]
// Description : Script de fonctions pour le menu.
// JScript File
//------------------------------------------------------------------------------------------------------------

/**
* @fileOverview
  menufunc.js [JScript File]: <br>
  Script utilisé pour animation des transitions d'opacité des images.<br>
  @author: Chanh T.Do [www.thoransoft.com - 2008.05.25] <br>
  Version 1.0 */

/** Fonction permettant d'afficher le menu.
    @param {string} id - ID du menu à afficher 
    @param {array} vMenu - Vecteur description du menu
    @param {int} activePage - Contient l'index (vecteur menu) de la page devant être active (pour modifier le hover) */
function showMnu(id, vMenu, activePage)
{
  var txtMnu = "", j=0;
  for (var i=0; i<vMenu.length; i+=3)
  { 
    if (j == activePage) { txtMnu += "<a href=\"" + vMenu[i+1] + "\" onclick=\"" + vMenu[i+2] + "\" style='color:#ffffff;'>" + vMenu[i] + "</a><br />\n"; }
    else
    { txtMnu += "<a href=\"" + vMenu[i+1] + "\" onclick=\"" + vMenu[i+2] + "\">" + vMenu[i] + "</a><br />\n"; }
    j++;
  }
  
  var oMnu = document.getElementById(id);
  var sMnuElement = "";

  if (id == 'smnu01') { sMnuElement += "<span class='clnk_mnu'>" + txtMnu + "</span>"; }
  //if (id == 'smnu01') { sMnuElement += "<div class='mnu_container'><span class='clnk_mnu'>" + txtMnu + "</span></div>"; }
  else { sMnuElement += "<div>.<br />.<br />.</div><div class='mnu_container'><span class='clnk_mnu'>" + txtMnu + "</span></div>"; }
  
  oMnu.innerHTML = sMnuElement
  oMnu.style.display = 'block';
}

/** Fonction permettant d'afficher le sous-menu.
    @param {string} id - ID du menu à afficher 
    @param {array} vMenu - Vecteur description du menu
    @param {int} activePage - Contient l'index (vecteur menu) de la page devant être active (pour modifier le hover) */
function showFMnu(id, vMenu, activePage)
{
    var txtMnu = "", j=0;
    for (var i=0; i<vMenu.length; i+=3)
    {
        if (j == activePage) { txtMnu += "<a href=\"" + vMenu[i+1] + "\" style='color:#ffffff;'>" + vMenu[i] + "</a>..."; }
        else
        {
            txtMnu += "<a href=\"" + vMenu[i+1] + "\">" + vMenu[i] + "</a>..."; 
        }
        j++;
    }
    
    var oMnu = document.getElementById(id);
    txtMnu = txtMnu.substring(0,txtMnu.length-3); // remove the last three ...
    oMnu.innerHTML = "<span class='clnk_mnu'>" + txtMnu +"</span>";
}

/** Fonction to redirect from plan du site */
function redirect(page, target)
{
    //
}


/** Fonction permettant de réinitialiser les sous-menu. */
function initSMnu()
{
  //Ré-initialiser tous les sous menus
  document.getElementById('smnu02').innerHTML = "";   
  document.getElementById('smnu03').innerHTML = "";
}


/** Fonction permettant d'afficher et de cacher les tabs.
    @param {string} panelID - Nom du panel que l'on veut afficher 
    @param {array} vPanel - Vecteur contenant les paneaux */
function swapPanel(panelID, vPanel)
{
  //Boucler dans le vecteur des panels pour afficher seulement celui passé en paramètre
  for (var i=0; i<vPanel.length; i++)
  {
    var cPanel = document.getElementById(vPanel[i]);
    if (cPanel != undefined)
    {
      //Afficher le panel lorsqu'il correspond au paramètre passé
      if (panelID == cPanel.id) { document.getElementById(panelID).style.display = 'block'; }
      else { document.getElementById(cPanel.id).style.display = 'none'; }
    }
  }
}


/** Fonction pour Menu en image lorsque la souris est dessus
    @param {string} imgName - Contient le nom de l'image 
    @param {string} imgSrc - Contient la source de l'image pré-chargée */
function imgOn(imgName, imgSrc)
{
  //we need to name the image in the BODY
  //so we can use its name here
  if (document.getElementsByName(imgName)[0] != undefined)
  { document[imgName].src = eval(imgSrc).src; 
  }
}


/** Fonction pour Menu en image lorsque la souris n'est plus dessus
    @param {string} imgName - Contient le nom de l'image
    @param {string} imgSrc - Contient la source de l'image pré-chargée */
function imgOut(imgName, imgSrc) 
{
  if (document.getElementsByName(imgName)[0] != undefined)
  { document[imgName].src = eval(imgSrc).src; }
}


//----- hideElementById -----
/** Fonction permettant de rendre invisible les DropDownlists (patch pour le Bug D'IE6)
    <b>Note</b>: Les DDL sont toujours visibles par dessus tout élément DIV !<br>
    Fonctionne aussi pour rendre invisible tous les éléments ID.
    @param {string} id - ID de l'élément que l'on veut rendre invisible */
function hideElementById(id)
{ var d = document.getElementById(id); 
  if (d != undefined) { d.style.display = 'none'; }
}

    
//----- unhideElementById -----
/** Fonction permettant de rendre visible les éléments ID.
    @param {string} id - ID de l'élément que l'on veut rendre visible */
function unhideElementById(id)
{ var d = document.getElementById(id); 
  if (d != undefined) { d.style.display = 'block'; }
}


//----- setMnuLnk -----
/** Fonction permettant de définir les liens du menu contextuels.
    @param {string} lnkID - ID de l'élément que l'on veut modifier */
function setMnuLnk(lnkID)
{
  swapPanel('mnuInvest', vPanelContextuel);
  for (var i=0; i<vMnuContextuel.length; i+=3)
  {
    var _mnu = document.getElementById(vMnuContextuel[i]);
    var _mnuContent = "<table border='0' cellpadding='0' cellspacing='0'><tr valign='middle'>";
      
    //Patch
    if (lnkID == 'mnuIB3') { gotoURL("contact.aspx"); return;}
    
    //Lorsque c'est le lien que l'on a envoyé, on ne met pas les liens, ni le hover.
    if (vMnuContextuel[i] == lnkID)
    {
      _mnuContent += "<td style='color:#CC0000;'>" + vMnuContextuel[i+2] + "&nbsp;&nbsp;</td>" +
                     "<td><img src='../images/RedGrayArrow.gif' alt='' class='triangle'></td>";
      swapPanel(vMnuContextuel[i+1], vPanelDef);
    }
    else
    {
      var imgID = "img" + vMnuContextuel[i].substr(3,vMnuContextuel[i].length);
      _mnuContent += "<td><a href='javascript:void(0);' onmouseover=\"imgOn('" + imgID + "','imgRedGrayArrow');\" onmouseout=\"imgOut('" + imgID + "','imgWhiteGrayArrow');\" onclick=\"setMnuLnk('" + vMnuContextuel[i] + "');\">" + vMnuContextuel[i+2] + "</a>&nbsp;&nbsp;</td>" +
                     "<td><img name='" + imgID + "' src='../images/WhiteGrayArrow.gif' alt='' class='triangle'></td>";
    }
    
    _mnu.innerHTML = _mnuContent + "</tr></table>";
    
  }   //Fin boucle for
}


/** Fonction pour rediriger vers une page html
    @param {string} strURL - Contient l'adresse URL */
function gotoURL(strURL)
{
  window.status=('Connect to ' + strURL);
  var location=(strURL);
  this.location.href = location;
}