var imgMenuHorSep;
var imgMenuHorSepHov;
var imgMenuHorMarieTop;
var imgMenuHorMarieTopHov;
var imgMenuHorMaisonsTop;
var imgMenuHorMaisonsTopHov;

var inSubMenu = false;

function loadImages()
{
  if (document.images)
  {
    imgMenuHorSep = new Image();
    imgMenuHorSep.src = "/images/menu_hor_sep.gif";
    
    imgMenuHorSepHov = new Image();
    imgMenuHorSepHov.src = "/images/menu_hor_sep_hov.gif";
    
    imgMenuHorMarieTop = new Image();
    imgMenuHorMarieTop.src = "/images/untoit_marie_top.jpg";

    imgMenuHorMarieTopHov = new Image();
    imgMenuHorMarieTopHov.src = "/images/untoit_marie_top_hov.jpg";

    imgMenuHorMaisonsTop = new Image();
    imgMenuHorMaisonsTop.src = "/images/untoit_maisons_top.jpg";

    imgMenuHorMaisonsTopHov = new Image();
    imgMenuHorMaisonsTopHov.src = "/images/untoit_maisons_top_hov.jpg";
  }
}

function showSubMenu(id, isDefaultPage)
{
  inSubMenu = true;
  restoreMenu2();

  if (document.images)
  {
    if (id == 1)
      document.getElementById("menuHor21").style.display = 'inline';
    else
      document.getElementById("menuHor11").className = "menuHorHov1";

    if (id == 2)
      document.getElementById("menuHor22").style.display = 'inline';
    else
      document.getElementById("menuHor12").className = "menuHorHov1";

    if (id == 3)
      document.getElementById("menuHor23").style.display = 'inline';
    else
      document.getElementById("menuHor13").className = "menuHorHov1";

    if (id == 4)
      document.getElementById("menuHor24").style.display = 'inline';
    else
      document.getElementById("menuHor14").className = "menuHorHov1";

    if (id == 5)
      document.getElementById("menuHor25").style.display = 'inline';
    else
      document.getElementById("menuHor15").className = "menuHorHov1";

    if (id == 6)
      document.getElementById("menuHor26").style.display = 'inline';
    else
      document.getElementById("menuHor16").className = "menuHorHov1";

    document.getElementById("menuHorSep11").src = imgMenuHorSepHov.src;
    document.getElementById("menuHorSep12").src = imgMenuHorSepHov.src;
    document.getElementById("menuHorSep13").src = imgMenuHorSepHov.src;
    document.getElementById("menuHorSep14").src = imgMenuHorSepHov.src;
    document.getElementById("menuHorSep15").src = imgMenuHorSepHov.src;

    document.getElementById("menuHor2").style.display = 'none';

    document.getElementById("menuHor20").style.display = 'inline';

    if( isDefaultPage )
      document.getElementById("menuHorImageTop").src = imgMenuHorMarieTopHov.src;
    else
      document.getElementById("menuHorImageTop").src = imgMenuHorMaisonsTopHov.src;
  }
}

function restoreMenu(isDefaultPage)
{
  inSubMenu = false;
  window.setTimeout("if (inSubMenu == false) restoreMenu2(" + isDefaultPage + ");", 500);
}

function restoreMenu2(isDefaultPage)
{
  if (document.images)
  {
    document.getElementById("menuHor11").className = "menuHor1";
    document.getElementById("menuHor12").className = "menuHor1";
    document.getElementById("menuHor13").className = "menuHor1";
    document.getElementById("menuHor14").className = "menuHor1";
    document.getElementById("menuHor15").className = "menuHor1";
    document.getElementById("menuHor16").className = "menuHor1";

    document.getElementById("menuHorSep11").src = imgMenuHorSep.src;
    document.getElementById("menuHorSep12").src = imgMenuHorSep.src;
    document.getElementById("menuHorSep13").src = imgMenuHorSep.src;
    document.getElementById("menuHorSep14").src = imgMenuHorSep.src;
    document.getElementById("menuHorSep15").src = imgMenuHorSep.src;

    document.getElementById("menuHor21").style.display = 'none';
    document.getElementById("menuHor22").style.display = 'none';
    document.getElementById("menuHor23").style.display = 'none';
    document.getElementById("menuHor24").style.display = 'none';
    document.getElementById("menuHor25").style.display = 'none';
    document.getElementById("menuHor26").style.display = 'none';

    document.getElementById("menuHor20").style.display = 'none';

    document.getElementById("menuHor2").style.display = 'inline';

    if( isDefaultPage )
      document.getElementById("menuHorImageTop").src = imgMenuHorMarieTop.src;
    else
      document.getElementById("menuHorImageTop").src = imgMenuHorMaisonsTop.src;
  }
}