// Fichier JScript

function InitStyles()
{
  /* Otenir une référence sur le: menu gauche, le contenu, l'entête, le pied de page
   * et le menu du pied de page. */
  var objMenuGauche = document.getElementById('zoneMenuGauche');
  var objContenu = document.getElementById('zoneContenu');
  var objEntete = document.getElementById('zoneBanniere');
  var objZonePied = document.getElementById('zonePiedPage');
  var objPiedPage = document.getElementById('lig_pied_page');
  var objMenuPied = document.getElementById('div_pied_page'); 
  
  var objOmbreBas = document.getElementById('lig_ombre_bas');
  var objOmbreHaut = document.getElementById('lig_ombre_haut');
  var objCoinHaut = document.getElementById('coinGaucheHaut');
  var objCoinBas = document.getElementById('coinGaucheBas');
  var objOmbreGauche = document.getElementById('bordGauche'); 

  /* Obtenir la hauteur du contenu, du menu gauche, de l'entete et le pied de page.*/
  var heightContenu = parseInt(objContenu.offsetHeight);
  var heightMenuGauche = parseInt(objMenuGauche.offsetHeight);
  var heightEntete = parseInt(objEntete.offsetHeight);
  var heightPiedPage = parseInt(objPiedPage.offsetHeight);
  
  /* Si le contenu est plus haut que le menu gauche, modifier la hauteur du menu gauche 
   * pour qu'elle soit celle du contenu. */
  if(heightContenu > heightMenuGauche)
    objMenuGauche.style.height = heightContenu.toString() + "px";
  else
    objContenu.style.height = (heightMenuGauche - 30).toString() + "px";
    
  /* Obtenir la nouvelle hauteur du menu gauche et celle pour atteindre le pied de page*/
  heightMenuGauche = objMenuGauche.offsetHeight;
  var objNavPied = document.getElementById("ligNavPied");
  var heightNavPied = objNavPied.offsetHeight;
  var heightMenuPied = heightEntete + heightMenuGauche + heightNavPied;
  // + heightPiedPage
  
  objOmbreGauche.style.height = heightMenuGauche.toString() + "px";
  objOmbreGauche.style.top = "128px";
  
  objOmbreBas.style.top = (heightEntete + heightMenuGauche - 15).toString() + "px";
  objCoinBas.style.top = (heightEntete + heightMenuGauche - 15).toString() + "px";
  objCoinHaut.style.top = (heightEntete).toString() + "px";
  
  /* Selon le navigateur, ajuster la hauteur pour atteindre le pied de page. */
  if(window.navigator.appName == "Microsoft Internet Explorer")
  {
    heightMenuPied += 9;
    document.getElementById("div_menu_entete").style.top = "73px";
    if(document.body.clientWidth <= 1000)
    {
      objZonePied.style.width = "1015px";
      objEntete.style.width = "1015px";
      objOmbreHaut.style.width = "820px";
      objOmbreBas.style.width = "820px";
      heightMenuPied -= 12;
    }
    else
    {
      objZonePied.style.width = "100%";//(window.screen.availWidth - 21).toString() + "px";
      objEntete.style.width = "100%";//(window.screen.availWidth - 21).toString() + "px";
      objOmbreHaut.style.width = (window.screen.availWidth - 216).toString() + "px";;
      objOmbreBas.style.width = (window.screen.availWidth - 216).toString() + "px";;
    }

    if(parseInt(window.navigator.appVersion) >= 4)
    {
      if(window.navigator.appVersion.toString().indexOf("MSIE 7.0") != -1)
      {
        heightMenuPied -= 10;
        objOmbreGauche.style.top = (heightEntete + 2).toString() + "px";
        objOmbreGauche.style.height = (heightMenuGauche - 2).toString() + "px";
        objCoinBas.style.top = (heightEntete + heightMenuGauche - 15).toString() + "px";
        objCoinHaut.style.top = (heightEntete + 2).toString() + "px";
        objContenu.style.top = "129px";
      }
      else 
      {
        if(window.navigator.appVersion.toString().indexOf("MSIE 6.0") != -1)
        {
          heightMenuPied += 2;
          //document.getElementById('zoneDiapoLiens').style.marginLeft = '5px';
        }
      }  
      objNavPied.style.height = "14px";
      
    }
  }
  else
  {
    heightMenuPied += 7;
    if(document.body.clientWidth <= 1000)
    {
      objZonePied.style.width = "1015px";
      objEntete.style.width = "1015px";
      objOmbreHaut.style.width = "820px";
      objOmbreBas.style.width = "820px";
      heightMenuPied -= 12;
    }
    else
    {
      objZonePied.style.width = "100%";//(window.screen.availWidth - 15).toString() + "px";
      objEntete.style.width = "100%";//(window.screen.availWidth - 15).toString() + "px";
      objOmbreHaut.style.width = (window.screen.availWidth - 212).toString() + "px";
      objOmbreBas.style.width = (window.screen.availWidth - 212).toString() + "px";;
    }
    objOmbreGauche.style.display = "none";
    objContenu.style.backgroundImage = "url(images/bords/gauche.png)";
    objContenu.style.paddingBottom = "10px";
    objContenu.style.margingBottom = "10px";
    objContenu.style.left = "180px";
    objContenu.style.paddingLeft = "20px";
//    document.getElementsByTagName("body")[0].style.overflow = "auto";
  }
   
  /* Modifier la hauteur d'atteinte du pied de page et l'afficher. */
  objMenuPied.style.position = "absolute";
  objMenuPied.style.left = "200px";
  objMenuPied.style.top = heightMenuPied.toString() + "px";
  objMenuPied.style.display = "inline";
  
  /* Obtenir une référence sur la zone pour faire "jouer" les vidéos. */
  var objVideo = document.getElementById('zoneVoirVideo');
  
  /* Si la zone vidéo existe, et que le navigateur n'est pas IE, modifier la largeur 
   * de l'élément précédent la zone vidéo pour centrer la zone de visionnement. */
  if(objVideo != null)
    if(window.navigator.appName != "Microsoft Internet Explorer")
    {
      var objAvantVideo = document.getElementById('zoneAvantVoirVideo');
      objAvantVideo.style.width = "18px";
    }
}