var currentOpenMenu = null;
var closingMenu = null;
var fadeSpeed = 14;
var currentOpacity = 0;
var isFading = false;

setTimeout("checkCurrentMenu()", 500);

function checkCurrentMenu() {
  if (document.getElementById('a2')) document.getElementById('a2').style.background = "url(images/menu/2009/cerf-volant.jpg)";
  if (document.getElementById('a3')) document.getElementById('a3').style.background = "url(images/menu/2009/traction.jpg)";
  if (document.getElementById('a4')) document.getElementById('a4').style.background = "url(images/menu/2009/monofils.jpg)";
  if (document.getElementById('a5')) document.getElementById('a5').style.background = "url(images/menu/2009/jonglerie.jpg)";
  if (document.getElementById('a6')) document.getElementById('a6').style.background = "url(images/menu/2009/plein-air.jpg)";
  if (document.getElementById('a2')) document.getElementById('a2').style.color = "#676767";
  if (document.getElementById('a3')) document.getElementById('a3').style.color = "#676767";
  if (document.getElementById('a4')) document.getElementById('a4').style.color = "#676767";
  if (document.getElementById('a5')) document.getElementById('a5').style.color = "#676767";
  if (document.getElementById('a6')) document.getElementById('a6').style.color = "#676767";
  
  if (currentOpenMenu != null) {
    var a = document.getElementsByTagName('a');
    for (var i = 0; i < a.length; i++) {
      if (a[i].id == 'a'+currentOpenMenu) {
        var color = "#";
        switch (currentOpenMenu) {
          case 2: color += "31cd9b"; break;
          case 3: color += "2f66f1"; break;
          case 4: color += "fd9415"; break;
          case 5: color += "fa1e1e"; break;
          case 6: color += "7907c1"; break;
        }
        a[i].style.background = color;
        a[i].style.color = "#ffffff";
      }
    }
  }
  setTimeout("checkCurrentMenu()", 25);
}

function checkClosingMenu(id, now) {
  if (!now) {
    currentOpenMenu = null;
    setTimeout("checkClosingMenu("+id+", true)", 20);
  } else {
    if (id != currentOpenMenu)
      closeMenu(id);
  } 
}

function openMenu(id) {
  if (currentOpenMenu != id) {
    currentOpenMenu = id;
    fadeUpMenu(id);
  }
}

function fadeUpMenu(id) {
  if (!isFading) {
    isFading = true;
    currentOpenMenu = id;
    document.getElementById('catMenu_'+id).style.display = "block";
  }
  
  if (currentOpacity < 100) {
    currentOpacity = (Math.ceil(currentOpacity + fadeSpeed) > 100) ? 100 : Math.ceil(currentOpacity + fadeSpeed);
    setOpacity('catMenu_'+id, currentOpacity);
    setTimeout("fadeUpMenu("+id+");", 25);
  } else {
    isFading = false;
  }
}

function closeMenu(id) {
    document.getElementById('catMenu_'+id).style.display = 'none';
    setOpacity('catMenu_'+id, 0);
    currentOpacity = 0;

    currentOpenMenu = null;
}

function setOpacity(elementId, opacity) {
  document.getElementById(elementId).style.opacity = opacity/100;
  document.getElementById(elementId).style.filter = "alpha(opacity="+opacity+")";
}