var sous_menu_principal_1;
var sous_menu_principal_2;

var boite_menu_principal;
var fx;
var compteur_dec, compteur_inc;

var hauteur_sous_menu_niveau_1_fermer;
var hauteur_sous_menu_niveau_2_fermer;
var hauteur_total_menu_fermer;

var hauteur_sous_menu_niveau_1_ouvert;
var hauteur_sous_menu_niveau_2_ouvert;
var hauteur_total_menu_ouvert;

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

    //on calcul la hauteur du menu fermer
    hauteur_sous_menu_niveau_1_fermer = $('menu_principal_niveau1').getStyle('height').toInt();
    hauteur_sous_menu_niveau_2_fermer = $('menu_principal_niveau2').getStyle('height').toInt();
    hauteur_total_menu_fermer = hauteur_sous_menu_niveau_1_fermer+hauteur_sous_menu_niveau_2_fermer+5+5;
    //alert('taille  menu = '+ hauteur_total_menu_fermer);

    //on calcul la hauteur du menu ouvert
    hauteur_sous_menu_niveau_1_ouvert = $('sous_menu_principal_niveau1').getStyle('height').toInt();
    hauteur_sous_menu_niveau_2_ouvert = $('sous_menu_principal_niveau2').getStyle('height').toInt();
    hauteur_total_menu_ouvert=hauteur_sous_menu_niveau_1_fermer+hauteur_sous_menu_niveau_1_ouvert+hauteur_sous_menu_niveau_2_ouvert+32;
    //alert('hauteur ouve '+hauteur_sous_menu_niveau_1_fermer);

    $('boite_menu_principal').setStyle('height', hauteur_total_menu_fermer).addClass(type_menu_principal);
    
    sous_menu_principal_1 = new Fx.Slide('sous_menu_principal_niveau1', {
        wait: false,
        duration: 200,
        transition: Fx.Transitions.Quart.easeOut
    });
    sous_menu_principal_2 = new Fx.Slide('sous_menu_principal_niveau2', {
        wait: false,
        duration: 200,
        transition: Fx.Transitions.Quart.easeOut
    });

    sous_menu_principal_1.hide();
    sous_menu_principal_2.hide();

    loaderCount = -10;
    compteur_dec = setInterval("compteur_decremente()",100);

    boite_menu_principal = $('boite_menu_principal');
    fx = boite_menu_principal.effects({
        wait: false,
        duration: 300,
        transition: Fx.Transitions.Quart.easeOut
    });
        
    var lien_bloc2 = $$("#menu_principal_niveau2 .menu_principal_niveau1_titre_partie a");

    lien_bloc2.addEvent('mouseenter', function() {
        loaderCount = -10;
        compteur_inc=setInterval("compteur_incremente()",1);
    });

    lien_bloc2.addEvent('mouseleave', function() {
        clearInterval(compteur_inc);
    });
        
    var lien_bloc = $$("#menu_principal_niveau1 .menu_principal_niveau1_titre_partie a");

    lien_bloc.addEvent('mouseenter', function() {
        loaderCount = -10;
        compteur_inc=setInterval("compteur_incremente()",1);
    });

    lien_bloc.addEvent('mouseleave', function() {
        clearInterval(compteur_inc);
    });
        
    $('sous_menu_principal_niveau1').addEvent('mouseenter', function() {
        loaderCount = 1000000;
    });
    $('sous_menu_principal_niveau2').addEvent('mouseenter', function() {
        loaderCount = 1000000;
    });

    $('boite_menu_principal').addEvent('mouseleave', function() {
        if(ok_ouverture==1){
            loaderCount=-5;
               
        }
    });
    
});


var loaderCount = 0;
var ok_ouverture=0;
function compteur_decremente()
{

    if(loaderCount>-10){
        loaderCount--;
        if(loaderCount == -8){
            fx.start({
                'width': 1010,
                'height': hauteur_total_menu_fermer
            });
            document.getElementById('boite_menu_principal').removeClass('ouvert');
            sous_menu_principal_1.hide();
            sous_menu_principal_2.hide();

        }
    }

}

function compteur_incremente()
{
    
    if(loaderCount<10){

        loaderCount+=2;
        if (loaderCount == 0 || loaderCount == 1){
            fx.start({
                'width': 1010,
                'height': hauteur_total_menu_ouvert+hauteur_total_menu_fermer
                
            });
           
            document.getElementById('boite_menu_principal').addClass('ouvert');
            
            sous_menu_principal_1.slideIn();
            sous_menu_principal_2.slideIn();
            ok_ouverture=1;
             
        }
    }

}