var hauteur;
//	Fonctions	////////////////////////////////////////////////////////////////////////////////

function enUnClic(){
    $("a#en_un_clic").click(function(){
        // on récupère le nom de l'attribut src de la balise img
        var valeurBackground = $("a#en_un_clic img").attr("src");
        
        // en fonction de la valeur obtenue, on la change avec son opposé,
        // on fait apparaître le fond du cadre de droite et on déplace la
        // div 'bandeau_en_un_clic' soit dans le cadre soit hors de l'écran
        // (la fonction qui permet de faire apparaître le texte progressivement
        // ne semble pas marcher)
        if (valeurBackground == "/media/site/fr/etiquette_clic_on.png") {
            $("a#en_un_clic img").attr("src", "/media/site/fr/etiquette_clic_off.png"); 
            $("div#fond_remontees").animate({opacity: "100", filter:"alpha(opacity=100)"}, 600);
            $("div#bandeau_en_un_clic").css({left:"0px"});
            deplacementCadre(1);
        }
        else {
            $("a#en_un_clic img").attr("src", "/media/site/fr/etiquette_clic_on.png");
            $("div#fond_remontees").animate({opacity: "0", filter:"alpha(opacity=20)"}, 600);
            $("div#bandeau_en_un_clic").css({left:"-2000px"});
            deplacementCadre(0); 
        }
    });
}

function deplacementCadre(sens){
    /* en fonction du sens passé en paramètres d'entrée, on anime tous les
     * éléments nécessaires. Ici, taille fixe de 152px de hauteur pour la
     * div 'bandeau_en_un_clic'
     */
     
    // trouvé le plus grand paragraphe
    var h_remontee_actu = 152;
    
    var h = 152; // valeur par defaut...
    $('#bandeau_en_un_clic p').each( function () {
        var _h = parseInt($(this).outerHeight()) + parseInt($(this).css('margin-top')) + parseInt($(this).css('margin-bottom'));
        if ( _h > h ) h = _h;
        
        //alert( "h =" + h +"_h" + _h);
    });
    
    var diff = h - h_remontee_actu;
    
     
    if(sens == 1){

        $("div#remontees").animate( { top: "+=" + h_remontee_actu} , 800);
        $("div#outils_accueil").animate({ top:"+=" + h}, 800);
        //$("div#bandeau_en_un_clic").animate({ height:"+=152"}, 800);
        $("div#fond_bandeau_en_un_clic").animate({ height:"+=" + h}, 800);
        $("div#flux_page").animate({ height:"+=" + h}, 800);
        $("div#newsletter").animate({ top:"+=" + h}, 800);
        $("div#projets").animate({top: "+=" + h}, 800);
        $("div.maj").animate({top:"+=" + h}, 800);
        $("div.feuilles_accueil").animate({top: "+=" + h}, 800);
        $("div#actualitees").animate({top: "+=" + diff}, 800);
        $("p.paragraphe_en_un_clic").animate({opacity:"1", filter:"alpha(opacity=100)"}, 800);
    
    }
    else{

        $("div#remontees").animate({ top: "-=" + h_remontee_actu}, 800);
        $("div#outils_accueil").animate({ top:"-=" + h}, 800);
        //$("div#bandeau_en_un_clic").animate({ height:"-=" + h}, 800);
        $("div#fond_bandeau_en_un_clic").animate({ height:"-=" + h}, 800);
        $("div#flux_page").animate({ height:"-=" + h}, 800);
        $("div#newsletter").animate({ top:"-=" + h}, 800);
        $("div#projets").animate({ top:"-=" + h}, 800);
        $("div.maj").animate({top: "-=" + h}, 800);
        $("div.feuilles_accueil").animate({top: "-=" + h}, 800);
        $("div#actualitees").animate({top: "-=" + diff}, 800);
        $("p.paragraphe_en_un_clic").animate({opacity:"0", filter:"alpha(opacity=0)"}, 800);
    }
}

function GestionMenu(){
    //	fonction utilisée pour le menu de gauche dans les pages intérieures du site
    $('#navigation-page p.menu_head').click(function()
        {
            //on récupère l'attribut id de l'élément 'p'
            attrValue = $(this).attr("id");
            
            //on recupere la valeur css de l'attribut
            var valeurBack = $(this).css('backgroundImage');

            //en fonction de la position de la fleche, on modifie les valeurs de css ainsi que la position visible ou cachée de l'élément
            if(valeurBack == "url(../images/puce_liste_grise.gif)" ){
                $(this).css({backgroundImage:"url(/media/site/gen/puce_liste_blanche.gif)"}).next("div.menu_body").slideDown("normal").siblings("div.menu_body").slideUp("normal");
                $(this).siblings("p.menu_head").css({backgroundImage:"url(../images/puce_liste_grise.gif)"});
            }else{
            
                $(this).css({backgroundImage:"url(/media/site/gen/puce_liste_grise.gif)"}).next("div.menu_body").slideUp("normal");				
            }
    });	
}


//	Fonctions pour IE	////////////////////////////////////////////////////////////////////////////////

function enUnClicIE(){
    var valeurEtiquette = 0;
    $("a#en_un_clic").click(function(){
        
        if(valeurEtiquette == 0){
            $("a#en_un_clic img").attr('src',"/media/site/fr/etiquette_clic_off.png");
            $("div#fond_remontees").css({opacity:"1", filter:"alpha(opacity=100)"}, 1000);	
            $("p.paragraphe_en_un_clic").css({display:"block"});
            $("div#bandeau_en_un_clic").css({left:"0px"});				
            deplacementCadreIE(1);
            valeurEtiquette = 1;
        }else{
            $("a#en_un_clic img").attr('src',"/media/site/fr/etiquette_clic_on.png");
            $("div#fond_remontees").css({opacity:"0", filter:"alpha(opacity=0)"}, 800);
            $("p.paragraphe_en_un_clic").css({display:"none"});
            $("div#bandeau_en_un_clic").css({left:"-2000px"});
            deplacementCadreIE(0);
            valeurEtiquette = 0;
        }
    });
}

function deplacementCadreIE(sens){
    if(sens == 1){
        
        $("div#remontees").animate({ top: "+=152"}, 800);
        $("div#outils_accueil").animate({ top:"+=152"}, 800);
        $("div#bandeau_en_un_clic").animate({ height:"152px"}, 800);
        $("div#fond_bandeau_en_un_clic").animate({ height:"152px"}, 800);
        $("div#flux_page").animate({ height:"762"}, 800);
        $("div.newsletter").animate({ top:"+=152"}, 800);
        $("div#projets").animate({ top:"+=152"}, 800);
        $("div.maj").animate({top: "+=152"}, 800);
        $("div.feuilles_accueil").animate({top: "+=152"}, 800);
    }else{

        $("div#remontees").animate({ top: "-=152"}, 800);
        $("div#outils_accueil").animate({ top:"-=152"}, 800);
        $("div#bandeau_en_un_clic").animate({ height:"0px"}, 800);
        $("div#fond_bandeau_en_un_clic").animate({ height:"0px"}, 800);
        $("div#flux_page").animate({ height:"610"}, 800);
        $("div.newsletter").animate({ top:"-=152"}, 800);
        $("div#projets").animate({ top:"-=152"}, 800);
        $("div.maj").animate({top: "-=152"}, 800);
        $("div.feuilles_accueil").animate({top: "-=152"}, 800);
    }
}




$(document).ready(function(){
    //	on place les éléments du menu					   
    $('#navigation-page div').slideUp("normal");
    $('#navigation-page p.menu_head').css({	backgroundImage:"url(../images/puce_liste_grise.gif)"});
    //	on appelle la fonction de gestion du menu
    GestionMenu();
    //	en fonction du navigateur détècté, on utilise une méthode différente pour les effets d'apparition et de mouvements 
    if($.browser.msie){
        //$("p.paragraphe_en_un_clic").css({display:"none"});
        enUnClicIE();
    }else{
        //$("p.paragraphe_en_un_clic").css({opacity:"0", filter:"alpha(opacity=0)"});
        enUnClic();
    }
});