function AddEventOnLoad(newFunction) {
        var oldOnLoad = window.onload;

        if (typeof (oldOnLoad) != 'function') {
            window.onload = newFunction;
        }
        else {
            window.onload = function() {
                oldOnLoad();
                newFunction();
            }
        }
    }


    AddEventOnLoad(function() {
        displayColumnHeight();
        if (document.getElementById("loginArea")) displayFakePasswordValue()
        if ((getElementsByClassName(document, "div", "Beaute")[0]) || (getElementsByClassName(document, "div", "Beaute-intern")[0]) || (getElementsByClassName(document, "div", "VisageCorps")[0]) || (getElementsByClassName(document, "div", "BeauteCheveux")[0])) {
            hover();
        }
        if (getElementsByClassName(document, "div", "overlayMsg")[0]) {
            displayHeightOverlayMsg();
        }


        //        if (document.getElementById("faq-questions-reponses")) {
        //           init_question_answer();
        //           //displayColumnHeight ();
        //        }
    });
    
    


/*

    COLONNE GAUCHE COMPORTEMENT SPAN 'mot de passe'
    
*/
	function displayFakePasswordValue () 
	{
        var el = document.getElementById("fakePasswordValue");
        var elInput = document.getElementById("loginArea").getElementsByTagName("input")[1];
        if (el != null && elInput != null)
        {
            el.style.display = "block";
            el.onclick = function () 
            {
                el.style.display = "none";
                elInput.focus();
            }
            elInput.onfocus = function () 
            {
                el.style.display = "none";
            }
            elInput.onblur = function () 
            {
                if (elInput.value == "") 
                    el.style.display = "block";
            }
        }    
    }
// taille du body
    function marginbody() {
        if (navigator.appName == "Microsoft Internet Explorer") {                     // Dans ce cas on obtient directement la position dans la page
            document.body.style.margin = "-15px  0 0 0";
        }
    }		
/*

    REAJUSTEMENT TAILLE DE COLONNES
    
*/
    function displayColumnHeight () 
    {
       //ajuster taillee body
       marginbody();
        //Conteneur page de droite
        var elMainContainer = getElementsByClassName(document, "div", "wrapperMain")[0];
        
        //Conteneur menu de gauche
        var elLeftContainer = document.getElementById("wrapperLeft");
        
        //Conteneur lorsqu'il y a un background
        var elMainBGContainer = getElementsByClassName(document, "div", "bg-container")[0];

       
        //Hauteur de conteneur de droite
        if (elMainContainer) {
            
            var elMainContainerHeight = elMainContainer.style.height;

            elLeftContainer.style.height = 600 + "px";
           // elLeftContainer.style.height = 660 + "px";
            var elLeftContainerNoPadding = elLeftContainer.offsetHeight - 15;

            if (document.getElementById("ErrorConnexion") != null) {
                elLeftContainer.style.height = 660 + "px";
                elLeftContainerNoPadding = elLeftContainerNoPadding + 60;
            }

            elMainContainer.style.height = "auto";

            ///
            if (elMainBGContainer != null)
                elMainBGContainer.style.height = "auto";
            ///

            var heighestContainer = Math.max(elMainContainer.offsetHeight, elLeftContainerNoPadding);
            
            elMainContainer.style.height = heighestContainer + 15 + "px";





            if (elMainBGContainer != null) {
                elMainBGContainer.style.height = heighestContainer + 2 + "px";
            }

            

            elLeftContainer.style.height = heighestContainer + "px";

            

            /* Sylvain 

            var elggContainerECAFE = getElementsByClassName(document, "div", "bg-container-E-Cafe")[0];
            if (elggContainerECAFE) {
                heighestContainer=600;
                elMainContainer.style.height = "200px";
                alert(elMainContainer.style.height);
                elLeftContainer.style.height = 500 + "px";
                if (elMainBGContainer = null)
                    elMainBGContainer.style.height = "800px";
                alert(elLeftContainer.style.height);
            }

            */
        }
        else {
           
            var elggContainer = document.getElementById("bg-container");
            if (elggContainer) {
                elLeftContainer.style.height = "730px";
                
                
            }
            else {
                var elggContainer3 = document.getElementById("bg-container3");
                if (elggContainer3)
                    elLeftContainer.style.height = "686px";

                else {
                    elLeftContainer.style.height = "630px";
                
                        
                }
                    
            }
        }
    }

/*

    MENU DEROULANT

*/
	function hover() {
		var arr_subNav_links = getElementsByClassName(document, "ul", "MenuHaut")[0].getElementsByTagName("li");
		var arr_subNav_lg = arr_subNav_links.length;

		for (i=0; i<arr_subNav_lg; i++) {
            if (arr_subNav_links[i].getElementsByTagName('ul')[0]){

                arr_subNav_links[i].onmouseover = function (){
                    this.getElementsByTagName('ul')[0].style.visibility = "visible";
                    if (this.getElementsByTagName('a')[0].className != "IsActive") this.getElementsByTagName('a')[0].className = "on";
                }	

                arr_subNav_links[i].onmouseout = function (){
                    this.getElementsByTagName('ul')[0].style.visibility = "hidden";
                    if (this.getElementsByTagName('a')[0].className != "IsActive") this.getElementsByTagName('a')[0].className = "";
                }

            }
        }			
	}


/*

    POP UP

*/
    function displayHeightOverlayMsg () {
        var elWrapper = document.getElementById("wrapper");
        var elOverlay = getElementsByClassName(document, "div", "overlayMsg")[0];
        elOverlay.style.height = elWrapper.offsetHeight+10+"px";
    }
    
    
    function displayHeightPopUpOverlay () 
    {
        var elWrapper = document.getElementById("wrapper");
        var elOverlay = getElementsByClassName(document, "div", "popUpOverlay")[0];
        elOverlay.style.height = elWrapper.offsetHeight+10+"px";
    }
    
    function displayMsg () {
        var elOverlay = getElementsByClassName(document, "div", "overlayMsg")[0];
        var elMsgPop = getElementsByClassName(document, "div", "popMsg")[0];
        elOverlay.style.display = elMsgPop.style.display = "block";
        
        var elCloseMsg = getElementsByClassName(elMsgPop, "div", "haut")[0].getElementsByTagName("a")[0];
        var isIE = /MSIE (5.5|6.)/.test(navigator.userAgent);
        elCloseMsg.onclick = function () {
            if (isIE) displaySelect("block");
            elOverlay.style.display = elMsgPop.style.display = "none";
        }
        if (isIE) displaySelect("none");
    }
    
    function displayPopUpContact () 
    {
        var elOverlay = getElementsByClassName(document, "div", "overlayMsg")[0];
        var elMsgPop = getElementsByClassName(document, "div", "popMsg")[0];
        
        if(elOverlay)
        {
            elOverlay.style.display = elMsgPop.style.display = "block";
            //elOverlay.style.left = -154+"px";
            elOverlay.style.width = '100%'; /*elOverlay.style.width+988+"px";*/
        }
    }

    function displayPopUpSendToFriend() {
        displayPopUpContact();
    }
    
    function displayOverlay ()
    {
        var elOverlay = getElementsByClassName(document, "div", "popUpOverlay")[0];
    }
    
    function displaySelect (dis) {
        var arrSelect =document.getElementsByTagName("select");
        var arrSelect_L = arrSelect.length;
        for (i=0; i<arrSelect_L; i++) {
            arrSelect[i].style.display = dis;
        }
    }

/*

    FAQ 

*/
	function init_question_answer() {
		var arrReturnElements_question = getElementsByClassName(document, "h2", "faq-questions");
		var intReturnElements_question = arrReturnElements_question.length;
		var arrReturnElements_reponse = getElementsByClassName(document, "div", "faq-reponses");
		var intReturnElements_reponse = arrReturnElements_reponse.length;
        var elContanierFAQ = getElementsByClassName(document, "div", "faq")[0];
        var elContanierFAQ_questions = document.getElementById("faq-questions-reponses");
		for (var i=0; i<intReturnElements_reponse; i++) {
			arrReturnElements_reponse[i].style.display = 'none';
			//displayColumnHeight ();
			// elContanierFAQ.style.height = elContanierFAQ_questions.offsetHeight+180+"px";
			// elContanierFAQ_questions.style.height = elContanierFAQ_questions.offsetHeight+"px"; 
			// alert ("elContanierFAQ_questions.offsetHeight = "+elContanierFAQ_questions.offsetHeight);
			// alert ("elContanierFAQ.offsetHeight = "+elContanierFAQ.offsetHeight);
		}
		for (var i=0; i<intReturnElements_question; i++) {
			arrReturnElements_question[i].id = i
			arrReturnElements_question[i].onclick = function () {
			 	display_reponse (this.id);
			 	//displayColumnHeight ();
			 }
		 }
        arrReturnElements_reponse[0].style.display = 'block';
        displayColumnHeight ();
	}
	
		function collapseId(idFaq) {
		var arrReturnElements_question = getElementsByClassName(document, "h2", "faq-questions");
		var intReturnElements_question = arrReturnElements_question.length;
		var arrReturnElements_reponse = getElementsByClassName(document, "div", "faq-reponses");
		var intReturnElements_reponse = arrReturnElements_reponse.length;
        var elContanierFAQ = getElementsByClassName(document, "div", "faq")[0];
        var elContanierFAQ_questions = document.getElementById("faq-questions-reponses");
		for (var i=0; i<intReturnElements_reponse; i++) {
			arrReturnElements_reponse[i].style.display = 'none';
			//displayColumnHeight ();
			// elContanierFAQ.style.height = elContanierFAQ_questions.offsetHeight+180+"px";
			// elContanierFAQ_questions.style.height = elContanierFAQ_questions.offsetHeight+"px"; 
			// alert ("elContanierFAQ_questions.offsetHeight = "+elContanierFAQ_questions.offsetHeight);
			// alert ("elContanierFAQ.offsetHeight = "+elContanierFAQ.offsetHeight);
		}
		for (var i=0; i<intReturnElements_question; i++) {
			arrReturnElements_question[i].id = i
			arrReturnElements_question[i].onclick = function () {
			 	display_reponse (this.id);
			 	//displayColumnHeight ();
			 }
		 }
        arrReturnElements_reponse[idFaq].style.display = 'block';
        displayColumnHeight ();
	}
	
	function display_reponse (indice) {
	
		var arrReturnElements_question = getElementsByClassName(document, "h2", "faq-questions");
		var arrReturnElements_reponse = getElementsByClassName(document, "div", "faq-reponses");
		arrReturnElements_reponse[indice].style.display = (arrReturnElements_reponse[indice].style.display == "none")?"block":"none";
		displayColumnHeight ();
	}


/*

    fonction de compteur de caractères pour tinyMCE
    
*/    
    function getLengthMCE(oEditor) 
    {
        var oDOM = oEditor.getDoc() ;
        var iLength ;
        if (document.all) { //Pour IE
            iLength = oDOM.body.innerText.length;
        } else { 
            var r = oDOM.createRange() ;
            r.selectNodeContents(oDOM.body);
            iLength = r.toString().length;
        }

        return iLength;
    }


/*

    UTILITAIRES

*/
// espace blanc - indentation - saut de ligne....
	function is_all_ws( nod )
	{
	  return !(/[^\t\n\r ]/.test(nod.data));
	}
	
	function is_ignorable( nod )
	{
		return ( nod.nodeType == 8) || // Un nœud de commentaire
			( (nod.nodeType == 3) && is_all_ws(nod) ); // un nœud texte, uniquement des blancs
	}

// parcourir DOM noeuds précedents
	function node_before( sib )
	{
		while ((sib = sib.previousSibling)) {
			if (!is_ignorable(sib)) return sib;
		}
		return null;
	}

	function node_after( sib )
	{
		while ((sib = sib.nextSibling)) {
			if (!is_ignorable(sib)) return sib;
		}
		return null;
	}
	
    function first_child( par )
    {
      var res=par.firstChild;
      while (res) {
        if (!is_ignorable(res)) return res;
        res = res.nextSibling;
      }
      return null;
    }
	

// collection en fontion du nom de classe
    function getElementsByClassName(oElm, strTagName, oClassNames){
		var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
		var arrReturnElements = new Array();
		var arrRegExpClassNames = new Array();
		if(typeof oClassNames == "object"){
			for(var i=0; i<oClassNames.length; i++){
				arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames[i].replace(/\-/g, "\\-") + "(\\s|$)"));
			}
		}
		else{
			  arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)"));
		}
		var oElement;
		var bMatchesAll;
		for(var j=0; j<arrElements.length; j++){
			oElement = arrElements[j];
			bMatchesAll = true;
			for(var k=0; k<arrRegExpClassNames.length; k++){
				if(!arrRegExpClassNames[k].test(oElement.className)){
					bMatchesAll = false;
					break;
				}
			}
			if(bMatchesAll){
				arrReturnElements.push(oElement);
			}
		}
		return (arrReturnElements)
	}    
	
	if(typeof Array.prototype.push != "function"){
	    Array.prototype.push = ArrayPush;
	    function ArrayPush(value){
		    this[this.length] = value;
	    }
    }

    function displayflashVideo(siteUrl, idMedia)
    {
        var so = new SWFObject(siteUrl + "Medias/Flash/Player_Video.swf", "anim home", "411", "308", "#000000", "9");
        so.addParam ("wmode", "window");
        so.addVariable("XMLPath", siteUrl + "Medias/Flash/Media-"+ idMedia + ".aspx");
        so.write("flash");
    }
    
    function displayTrucAstuceVideo(siteUrl, mediaUrl)
    {
        var so = new SWFObject(siteUrl + "Medias/Flash/videoPlayer.swf", "player_video", "310", "251", "9");
        so.addVariable("videoPath", mediaUrl);
        so.write("player_video");
    }

    function displayFolderVideo(siteUrl, mediaUrl) {
        var so = new SWFObject(siteUrl + "Medias/Flash/videoPlayer.swf", "player_video", "310", "251", "9");
        so.addParam("wmode", "transparent");
        so.addVariable("videoPath", mediaUrl);
        so.write("player_video");
    }

    function displayAdviceVideo(siteUrl, mediaUrl, title) {

        var so = new SWFObject("/Medias/Flash/henkel-player.swf", "selected-video", "450", "300", "9", "#000000");
        // flashVars de page TV
        so.addVariable("urlvideo", mediaUrl);
        //so.addVariable("titre", title);
        so.addVariable("titre", "");
        so.addVariable("autoplay", "0");
        so.addVariable("fullscreencontrol", "/Medias/Flash/SkinOverPlayStopSeekFullVol.swf");
        so.addParam("allowNetworking", "all");
        so.addParam("allowScriptaccess", "always");
        so.addParam("allowFullScreen", "true");
        so.addParam("wmode", "transparent");
        so.addParam("quality", "high");
        so.addParam("play", "true");
        so.addParam("loop", "false");
        so.write("selected-video");

    }
    function displayAdviceVideo(siteUrl, mediaUrl, title, autoplay) {

        var so = new SWFObject("/Medias/Flash/henkel-player.swf", "selected-video", "450", "300", "9", "#000000");
        // flashVars de page TV
        so.addVariable("urlvideo", mediaUrl);
        //so.addVariable("titre", title);
        so.addVariable("titre", "");
        so.addVariable("autoplay", autoplay);
        so.addVariable("fullscreencontrol", "/Medias/Flash/SkinOverPlayStopSeekFullVol.swf");
        so.addParam("allowNetworking", "all");
        so.addParam("allowScriptaccess", "always");
        so.addParam("allowFullScreen", "true");
        so.addParam("wmode", "transparent");
        so.addParam("quality", "high");
        so.addParam("play", "true");
        so.addParam("loop", "false");
        so.write("selected-video");

    }
    function flashAudio(siteUrl, mediaUrl)
    {
        var so = new SWFObject(siteUrl + "Medias/Flash/PlayersonLBA.swf", "audio", "240", "120", "#ffffff", "9");
        so.addParam ("wmode", "window");
        so.addParam ("FlashVars","faq="+mediaUrl);
        so.addParam ("bgcolor","#a53388");
        so.write("flash");
    }
    
    function initThickBox()
    {
                //on page load call tb_init
        $(document).ready(function(){   
	        tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
	        imgLoader = new Image();// preload image
	        imgLoader.src = tb_pathToImage;
        });
    }


    function showTBSendToFriend() {
        tb_show("Envoyer &agrave; un(e) ami(e)", "#TB_inline?&inlineId=popUpSendToFriend", false);
    }

    function showTBSupport() {
        tb_show("Enlever les taches, déterminer le support et la matière sur La Belle Adresse", "#TB_inline?&inlineId=popUpContentSupport", false);
    }

    function showTBMatter() {
        tb_show("Enlever les taches, déterminer le support et la matière sur La Belle Adresse", "#TB_inline?&inlineId=popUpContentMatter", false);
    }

    function showTBReglement() {
        tb_show("Règlement du jeu", "#TB_inline?&inlineId=popUpContentReglement", false);
    }
   
    $(document).ready(function() {
        $(".toolbar ul li").mouseover(
            function(e) {
                var text = $(this).find("span").html();
                $(".bulle-viral .center").html(text);
                $(this).append('<div class="bulle-viral"><div class="leftside"><img src="/Images/global/bulle-left.png" alt="" /></div><div class="center">' + text + '</div><div class="rightside"><img src="/Images/global/bulle-right.png" alt="" /></div><img src="/Images/global/bulle-start.png" alt="" class="start" /></div>');
                $(".bulle-viral").css("display","block");
            }
        );
        
        $(".toolbar ul li").mouseout(
            function() {
                $(".bulle-viral").remove();
            }
        );
    });