var tabSlides = new Array();
var timeouts = new Array();
var nbreMenu = 0;
var menuActif = 0;
var tabMenus = new Array();

function init_menu(nbre, actif)
{
  nbreMenu = nbre;
  menuActif = actif;

  // Menus
  for(var i=1 ; i<=nbre ; i++)
  {
    tabSlides[i] = $("ssmenu_" + i);
  }

  if(menuActif > 0)
    tabMenus[menuActif] = true;

  hideMenu();
}

function titreMenuOver(i)
{
  if(menuActif > 0)
    tabMenus[menuActif] = false;
  tabMenus[i] = true;
  tabSlides[i].setStyle("display", "block");
  hideMenu();
}

function titreMenuOut(i)
{
  tabMenus[i] = false;
  if(menuActif > 0)
    tabMenus[menuActif] = true;
}

function menuOver(i)
{
  if(menuActif > 0)
    tabMenus[menuActif] = false;
  tabMenus[i] = true;
}

function menuOut(i)
{
  tabMenus[i] = false;
  if(menuActif > 0)
    tabMenus[menuActif] = true;
}

function hideMenu() {

  if(menuActif > 0)
    tabSlides[menuActif].setStyle("display", "block");

  for(var i=1 ; i<=nbreMenu ; i++)
  {
    if(tabMenus[i])
      timeouts[i] = setTimeout("hideMenu()", 1000);
    else if(timeouts[i] != null)
    {
      clearTimeout(timeouts[i]);
      tabSlides[i].setStyle("display", "none");
    }
  }
}

function afficheImages(imgPage, imgPied)
{
  offsets = $('colonne1').getOffsets();

  pageX = offsets.x - 180;
  piedX = offsets.x + 900;

  pageY = offsets.y;
  piedY = $('conteneur2').getStyle('height').replace('px', '') - 330;

  $('conteneur1').setStyle('background-image', 'url(' + imgPage + ')');
  $('conteneur1').setStyle('background-repeat', 'no-repeat');
  $('conteneur1').setStyle('background-position', pageX + 'px ' + pageY + 'px');

  $('conteneur2').setStyle('background-image', 'url(' + imgPied + ')');
  $('conteneur2').setStyle('background-repeat', 'no-repeat');
  $('conteneur2').setStyle('background-position', piedX + 'px ' + piedY + 'px ');
}