var morphSecteurs;
var secteurActif = false;
var themeActif = null;
var timeout = null;
var menuFormations = false;
var hauteurBase = 70;
var hauteursThemes = Array();
var secteurPage = 0;
var themePage = 0;

function afficheSecteurs() {
  clearTimeout(timeout);
  if(!secteurActif)
  {
    secteurActif = true;

    if(themePage != 0)
      afficheThemes(themePage);

    else
      morphSecteurs.start({'height': hauteurBase + 'px'});

    if(!menuFormations)
      $('kpz_menu-item-formations').addClass('active');
  }
}

function cacheSecteurs() {
  clearTimeout(timeout);
  if(secteurActif)
  {
    secteurActif = false;
    morphSecteurs.start({'height': 0});

    if(!menuFormations)
      $('kpz_menu-item-formations').removeClass('active');
  }
}

function afficheThemes(idSec) {

  if($('kpz_menu_formations_niv2_' + themeActif) != null)
  {
    $('kpz_menu_formations_niv2_' + themeActif).set('morph', {duration: 300, transition: 'bounce:out'});
    $('kpz_menu_formations_niv2_' + themeActif).morph({'opacity': 0});
    $('kpz_menu-secteur-' + themeActif).removeClass('active');
  }

  themeActif = idSec;

  morphSecteurs.start.delay(200, morphSecteurs, {'height': hauteurBase + hauteursThemes['kpz_menu_formations_niv2_' + themeActif] + 'px'});

  $('kpz_menu_formations_niv2_' + themeActif).set('morph', {duration: 2000});
  $('kpz_menu_formations_niv2_' + themeActif).morph.delay(400, $('kpz_menu_formations_niv2_' + themeActif), {'opacity' : 100});
  $('kpz_menu-secteur-' + themeActif).addClass('active');
}

window.addEvent('domready', function() {

  // Moprh sur le menu Formation
  morphSecteurs = new Fx.Morph('kpz_menu_formations', {duration: 400, transition: Fx.Transitions.Sine.easeOut});

  // Calcul des hauteurs des thèmes
  $$('.kpz_menu_formations_niv2').each(function(element,index) {
  	hauteursThemes[element.id] = element.getStyle('height').toInt() + 30;
    element.setStyle('opacity', 0);
  });

  // activation du menu Formation
  menuFormations = $('kpz_menu-item-formations').hasClass('active');

  // Sorties d'éléments : lancement de la fermeture en timer
  $('kpz_menu-item-formations').addEvent('mouseleave', function() {
      timeout = setTimeout("cacheSecteurs()", 1500);
	});
  $('kpz_menu_formations').addEvent('mouseleave', function() {
      timeout = setTimeout("cacheSecteurs()", 1500);
	});

  // Survol d'éléments : annulation du timer
  $('kpz_menu-item-formations').addEvent('mouseenter', function() {
      clearTimeout(timeout);
	});
  $('kpz_menu_formations').addEvent('mouseenter', function() {
      clearTimeout(timeout);
	});

});