$(document).ready(function(){
    var unTimer;
    displayTabNavigation();
    displayHoverBtn();
    carousel();
    displayHoverImgCarousel();
    alignPager();
    displaySousNav();
    initValidationInscription();
    initFaq();
    validationTriOffre();
    listenSondageBtn();
    clickCarousel();
    //launchSimulClick();
    
    launchPopinErreur();
    $("#dialog" ).dialog("open");
    
    initExecuteFormContact();
    initHoverNuage();
    initClickNuage();
    popupChronologie();
});

function displayTabNavigation(){
    var menuInAction=false;
    var largeur;
    
    var strChUserAgent = navigator.userAgent;
    var intSplitStart = strChUserAgent.indexOf("(",0);
    var intSplitEnd = strChUserAgent.indexOf(")",0);
    var strChStart = strChUserAgent.substring(0,intSplitStart);
    var strChMid = strChUserAgent.substring(intSplitStart, intSplitEnd);
    var strChEnd = strChUserAgent.substring(strChEnd);

    if(strChMid.indexOf("MSIE 7") != -1) {
        largeur=16;
    }else{
        largeur=20;
    }

    
    $("#group_1").hover(function(){
        if(!$(this).hasClass("inaction")){
            $(this).addClass("inaction");
            $(this).find("ul").css("width",$(this).find("img").width()-largeur);
            $(this).find("ul").slideDown("normal");
        }
    },
    function(){
        $(this).find("ul").slideUp("normal", function(){ $("#group_1").removeClass("inaction"); });
    });
    
    $("#group_2").hover(function(){
        if(!$(this).hasClass("inaction")){
            $(this).addClass("inaction");
            $(this).find("ul").css("width",$(this).find("img").width()-largeur);
            $(this).find("ul").slideDown("normal");
        }
    },
    function(){
        $(this).find("ul").slideUp("normal", function(){ $("#group_2").removeClass("inaction"); });
    });
   
   
       
   
}
function switchImage(oelement,breset){
    var surl, simage;
    //je recuperer l url de l image
    simage=oelement.find("img");
    
    
    
    surl=simage.attr("src");
        
    //je teste le display de bouton ( bouton ON ou OFF)
    if(!breset){
        if(surl.indexOf("on")>-1){
            surl=surl.replace("on","off");
        }
        else{
            surl=surl.replace("off","on");
        }
    }else{
        surl=surl.replace("on","off");
    }
    simage.attr("src",surl);
}
function displayHoverBtn(){
    var snewImage;
    $("img[id^='imgBtn']").hover(
        function(){
            snewImage=$(this).attr("src").replace("hoff","hon");
            $(this).attr("src",snewImage);  
        },function(){
            snewImage=$(this).attr("src").replace("hon","hoff");
            $(this).attr("src",snewImage); 
        }                      
                              
    );
}

function carousel(){
    $(function() {
        $(".container-carousel").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev",
            visible:    4
        });
    });
}
function displayHoverImgCarousel(){
    var snewImage,sHtml;
    $(".carousel-hover").hover(
        function(){
            $(this).find("IMG").hide(); 
            
        },function(){
            $(this).find("IMG").show();  
        }                      
                              
    );
}
function alignPager(){
    var sPager,iFinalWidth;
    var iNbLi=0;
    var iWidthByPage=27;
    
    sPager=$("#pager").html();
    if(sPager!=''){
        $("#pager").find("li").each(function(){
           iNbLi++;    
        });
        
        if(iNbLi<=2){
            iWidthByPage=32;
        }else if(iNbLi<=4){
            iWidthByPage=30;
        }
        
        iFinalWidth=iWidthByPage*iNbLi;
        $("#pager").css('width',iFinalWidth+'px');
        $("#pager").css('margin','auto');
        $("#pager").css('margin-bottom','30px');
    } 
}
function displaySousNav(){
    var sStatus;
    var sUrlHover, sUrlClick,sUrlHoverSave;
    var iNumTab=0;
    var iNum;
    var iBtnSelected=1;
    var iInitialPageSelected = $("#pPage").val();
    
    
    sPager=$(".nav-sous-categorie").html();
    if(sPager!=null){
        //Je cache toute les tab sauf la premiere
        $(".tab-sous-categorie").each(function(){
            iNumTab++;
            if(iNumTab!=iInitialPageSelected)
                $(this).hide();
        });
        
        
        //je cache tous tes titres sauf le premier
        iNumTab=0;
        $(".img-descriptif").each(function(){
            iNumTab++;
            if(iNumTab!=iInitialPageSelected)
                $(this).hide();
        });
        
        
        //j anime les bouton
        
        $(".nav-sous-categorie").find("li").each(function (){
            $(this).hover(function(){
                sUrlHover=$(this).find("img").attr("src");
                
                if(sUrlHover.indexOf("hoff")>-1){
                    sUrlHover=sUrlHover.replace("hoff","hroll");
                    $(this).find("img").attr("src",sUrlHover);
                    
                    resetAllLib();
                    iNum=$(this).attr("id");
                    iNum=iNum.substr(4);
                    $("#lib_"+iNum).show();
                } 
            },
            function(){
                sUrlHover=$(this).find("img").attr("src");
                if(sUrlHover.indexOf("hroll")>-1){
                    sUrlHover=sUrlHover.replace("hroll","hoff");
                    $(this).find("img").attr("src",sUrlHover);
                    
                    //dans le cas ou je clique pas
                    //je re affiche le lib selectionné
                    resetAllLib();
                    $("#lib_"+iBtnSelected).show();
                    
                }
            });
            
            
            $(this).click(function(){
               // clearTimeout(unTimer);
                sUrlClick=$(this).find("img").attr("src");
                if(sUrlClick.indexOf("hroll")>-1){
                    resetSousNav();
                    sUrlClick=sUrlClick.replace("hroll","hon");
                    $(this).find("img").attr("src",sUrlClick);
                    
                    resetAllLib();
                    resetAllTab();
                    iNum=$(this).attr("id");
                    iNum=iNum.substr(4);
                    iBtnSelected=iNum;
                    $("#tab_"+iNum).show();
                    $("#lib_"+iNum).show();  
                }   
            });


 
        });
    } 
}

//passe tous les bouton de sous navigation sans selection ni hover
function resetSousNav(){
    var oShortCut;
    $(".img-pointeur").each(function(){
        oShortCut=$(this).find("img");
        if(oShortCut.attr("src").indexOf("hon")>-1){       
           oShortCut.attr("src",oShortCut.attr("src").replace("hon","hoff"));
        }
    });
}
//cache toute les tab
function resetAllTab(){
    $(".tab-sous-categorie").each(function(){
        $(this).hide();
    });
}

//cache toute les lib
function resetAllLib(){
    $(".img-descriptif").each(function(){
        $(this).hide();
    });
}
function changeInputEtat(oElement,oResult){
    if(oResult.valid){
        if(oElement.hasClass("input-border")){
            oElement.removeClass("input-border");
        }else if(oElement.hasClass("validity-erroneous")){
            oElement.removeClass("validity-erroneous");
        }
        oElement.addClass("input-valider");
    }else{
        
    }
}

function formRegle(sNomObj){

    var obj= new Object();
    obj["nom"]      =  $("#nom").require('Vous devez entrer votre nom');                    
    obj["prenom"]   =  $("#prenom").require('Vous devez entrer votre prenom');

    return obj[sNomObj];
}

function trimString(sString){
    sString=sString.replace(/^\s*/,'').replace(/\s*$/,'');
    return sString;
}

function executeAjax(sElement,sTypeInput){
    sVal='';
    oElement=$("#"+sElement);
    
    switch(sTypeInput){   
        case "text":
            sVal=  oElement.val();  
        break;
        case "select":
            $("#"+sElement +" option:selected").each(function(){
                sVal=$(this).val();
            }) 
        break;   
    }
    
    //alert("sInputName="+oElement.attr("id")+"&sInputValue="+sVal+"");
    $.ajax({
        type: "POST",
        url: "/html/action/ajax.php",
        data: "sInputName="+oElement.attr("id")+"&sInputValue="+sVal+"",
        success: function(msg){
           if(trimString(msg)!='') {
            
            
            if(oElement.hasClass){
               oElement.removeClass('input-valider');
            }
             
             oElement.addClass('input-error');
           }else{
            if( oElement.hasClass('input-error')){
               oElement.removeClass('input-error');
            }
             
            oElement.addClass('input-valider');
           }
        }
      
    });
}


function initValidationInscription(){
    var oElement=$("#imgBtnValidationInscripotion")
    var sSrc=oElement.attr("src");
    if(sSrc){
        oElement.click(function(){
           validationCompte();
        });
     

        $("#titre").change(function(){
            executeAjax("titre","select");
        });
        
        $("#nom").keyup(function(){
            executeAjax("nom","text");
        });
        
        $("#prenom").keyup(function(){
            executeAjax("prenom","text");
        });
        $("#jour").keyup(function(){
            executeAjax("jour","text");
        });
        $("#mois").keyup(function(){
            executeAjax("mois","text");
        });
        $("#annee").keyup(function(){
            executeAjax("annee","text");
        });
        $("#adresse").keyup(function(){
            executeAjax("adresse","text");
        });
        $("#ville").keyup(function(){
            executeAjax("ville","text");
        });
        $("#cp").keyup(function(){
            executeAjax("cp","text");
        });
        $("#telephoneFixe").keyup(function(){
            executeAjax("telephoneFixe","text");
        });
        $("#email").keyup(function(){
            executeAjax("email","text");
        });
        $("#mp").keyup(function(){
            executeAjax("mp","text");
        });
        $("#confirmationMp").keyup(function(){
            executeAjax("confirmationMp","text");
        });
        $("#nivFormation").change(function(){
            executeAjax("nivFormation","select");
        });
        $("#experience").change(function(){
            executeAjax("experience","select");
        });
        $("#poleMetier").change(function(){
            executeAjax("poleMetier","select");
        });
        $("#choix1").change(function(){
            executeAjax("choix1","select");
        });
        $("#docCv").change(function(){
            executeAjax("docCv","select");
        });
        
    }
}


function validationCompte()
{
    $("#formInscription").submit();
    return 1;
}

function closeAllFaqCat(){
    $(".faq-cat-container").hide();
}
function closeAllFaqSCat(){
    $(".faq-container-item").hide();
}

function initFaq(){
    var iIdCat;
    
    var iIdScat;
    
    $(".faq-btn-cat").click(function(){
        closeAllFaqCat();
        closeAllFaqSCat();
        iIdCat=$(this).attr("id").substr(10);
        //console.log(iIdCat);
        //alert($("#faqContCat_"+iIdCat).html());
        $("#faqContCat_"+iIdCat).show();
        //$(this).next("div").show();
    });
    
    
    $(".faq-link-scat").click(function(){
        closeAllFaqSCat();
        $(this).next("div").show();
    });
}

function validationTriOffre(){
    $("#imgBtnRechercheOffre").click(function(){
        //$("#formTri").attr("action","");
       addUrlTriParam('nos-offres-emplois');
    });
}

function addUrlTriParam(sBaseUrl,Origine)
{
    var sUrl='/'+sBaseUrl;
    var sIndexMetier=document.formTri.metier.options[document.formTri.metier.selectedIndex].value;
    var sIndexRegion=document.formTri.region.options[document.formTri.region.selectedIndex].value;
    var sIndexContrat=document.formTri.contrat.options[document.formTri.contrat.selectedIndex].value;
    //var sIndexExperience=document.formTri.experience.options[document.formTri.experience.selectedIndex].value;
    var sIndexMot=document.formTri.search_mot.value;

    if(sIndexMetier!=''&&sIndexMetier!='0'){
        sUrl+='/'+sIndexMetier;
    }

    if(sIndexRegion!=''&&sIndexRegion!='0'){
        sUrl+='/'+sIndexRegion;
    }
    
    if(sIndexContrat!=''&&sIndexContrat!='0'){
        sUrl+='/'+sIndexContrat;
    }
    
    /*if(sIndexExperience!=''&& sIndexExperience!='0'){
        sUrl+='/'+sIndexExperience;
    }*/
    
    if(sIndexMot!=''){
        sIndexMot = AccentToNoAccent(sIndexMot);
        sUrl+='/'+sIndexMot;
    }
    
    sUrl+='.html';
    location.href=sUrl;
}
function replaceAll(str, search, repl) {
    while (str.indexOf(search) != -1)
        str = str.replace(search, repl);
    return str;
}

// Remplace les caractères accentués
function AccentToNoAccent(str) {
    var norm = new Array('À','Á','Â','Ã','Ä','Å','Æ','Ç','È','É','Ê','Ë',
    'Ì','Í','Î','Ï', 'Ð','Ñ','Ò','Ó','Ô','Õ','Ö','Ø','Ù','Ú','Û','Ü','Ý',
    'Þ','ß', 'à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î',
    'ï','ð','ñ', 'ò','ó','ô','õ','ö','ø','ù','ú','û','ü','ý','ý','þ','ÿ');
    var spec = new Array('A','A','A','A','A','A','A','C','E','E','E','E',
    'I','I','I','I', 'D','N','O','O','O','0','O','O','U','U','U','U','Y',
    'b','s', 'a','a','a','a','a','a','a','c','e','e','e','e','i','i','i',
    'i','d','n', 'o','o','o','o','o','o','u','u','u','u','y','y','b','y');
    for (var i = 0; i < spec.length; i++)
        str = replaceAll(str, norm[i], spec[i]);
    return str;
}

function listenSondageBtn(){
    $("#imgBtnSubmitSondage").click(function(){
        launchSondage();            
    });
}

function clickCarousel(){
    $(".carousel-hover").click(function(){
        
        //window.location.replace($(this).attr("value"));
        window.open(
                     $(this).attr('value') );
                     return false;
             
    });
}
function launchSimulClick(){
    unTimer=setInterval(function(){
        diapo();
    }, 10000) 
    
}

var bLastBtn=false;
function diapo(){
    var i=0;
    var $bNextFlagRed;
    var iNbBouton=$(".nav-sous-categorie").find("li").length;
    var curentBtn;
    
    if(bLastBtn){
        restartMenu();
        bLastBtn=false;
        return;
    }
    
    $(".nav-sous-categorie").find("li").each(function (){
        
        
        sUrlClick=$(this).find("img").attr("src");
        if(sUrlClick.indexOf("hon")>-1){
           bNextFlagRed=i+1;
           
           curentBtn=$(this).next("li").attr("id").substr(4);
           
           if(curentBtn==iNbBouton){
                bLastBtn=true;
           }
        }
        
        if(i==bNextFlagRed){
                    resetSousNav();
                    sUrlClick2=sUrlClick.replace("hoff","hon");
                    $(this).find("img").attr("src",sUrlClick2);
                    
                    resetAllLib();
                    resetAllTab();
                    iNum=$(this).attr("id");
                    iNum=iNum.substr(4);
                    $("#tab_"+iNum).fadeIn(2000);
                    $("#lib_"+iNum).show();      
        }

       i++;
    });
    
}

function restartMenu(){
    var sUrlClick;
    resetSousNav();
    sUrlClick=$("#pic_1").find("img").attr("src");
    sUrlClick=sUrlClick.replace("hoff","hon");
    $("#pic_1").find("img").attr("src",sUrlClick);

    resetAllLib();
    resetAllTab();

    iNum=1;
    $("#tab_"+iNum).fadeIn(2000);
    $("#lib_"+iNum).show();
}
function launchPopinErreur(){
    sContenu=$(".msgerror").html();
    if(sContenu!=null){
        $("#dialog" ).append(sContenu);
        $("#dialog" ).dialog({
            autoOpen: true,
            modal:true,
            width:500
        });
    }    
}
function launchPopinGenerique(sContenu){
    $("#dialog" ).append(sContenu);
    $("#dialog" ).dialog({
        autoOpen: true,
        modal:true
    });
}
function validNewsletter(){
    sMailValue=$("#newsTop").val();
    sMessageErrorVide="Veuillez saisir une adresse e-mail";
    sMessageErrorFormat="L'adresse e-mail que vous avez saisie est invalide.";
    
     $("#dialog" ).dialog({
            autoOpen: false,
            modal:true
        });
    
    if(sMailValue=="Adresse e-mail" ||sMailValue==''){
        $("#dialog" ).empty();
        $("#dialog" ).append(sMessageErrorVide);
        $("#dialog" ).dialog('open');
    }    
    else if(!bonmail(sMailValue)){
        $("#dialog" ).empty();
        $("#dialog" ).append(sMessageErrorFormat);
        $("#dialog" ).dialog('open');
    }    
    else{
        $("#formNewletter").submit();
    }   

}
function bonmail(mailteste)
{
	var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
	if(reg.test(mailteste))
	{
		return(true);
	}
	else
	{
		return(false);
	}
}

function initExecuteFormContact(){
    $("#btnExecuteContact").click(function(){
        executeFormContact();    
    });   
}

function executeVerifAjaxMail(sElement,sTypeInput){
    sVal='';
    oElement=$("#"+sElement);
    var retour;
    
    
    switch(sTypeInput){   
        case "text":
            sVal=  oElement.val();  
        break;
        case "select":
            $("#"+sElement +" option:selected").each(function(){
                sVal=$(this).val();
            }) 
        break;   
    }
    
    //alert("sInputName="+oElement.attr("id")+"&sInputValue="+sVal+"");
    $.ajax({
        type: "POST",
        url: "/html/action/ajax.php",
        async: false,
        data: "sInputName="+oElement.attr("id")+"&sInputValue="+sVal+"",
        success: function(msg){
            retour = msg;
        }
      
    });
    
    return retour;
}

function executeFormContact(){
    var msgError    ='';
    var titre       = $.trim($("#titre").val());
    var nom         = $.trim($("#nom").val());
    var prenom      = $.trim($("#prenom").val());
    var email       = $.trim($("#email").val());
    var message     = $.trim($("#message").val());
    
    if(titre=='')           msgError+='Vous devez renseigner la civilité. <br/>';
    if(nom=='')             msgError+='Vous devez renseigner le nom. <br/>';
    if(prenom=='')          msgError+='Vous devez renseigner le prénom. <br/>';
    
    if(email==''){
        msgError+='Vous devez renseigner votre adresse e-mail. <br/>'
    }
    else{
        if(!bonmail(email))     msgError+='Vous devez renseigner un email valide. <br/>';
    }
    
    
    
    
    if(message=='')         msgError+='Vous devez renseigner le message. <br/>'; 
    
    msgError +=executeVerifAjaxMail("prenom","text");
    msgError +=executeVerifAjaxMail("nom","text");
    msgError +=executeVerifAjaxMail("message","text");

    
    if(msgError==''){
        launchMail(titre, nom, prenom, email, message);
    }
    else{
        $("#dialog" ).empty();
        $("#dialog" ).append(msgError);
        
        $("#dialog" ).dialog({
            autoOpen: true,
            width:350,
            modal:true
        });
    } 
}

function launchMail(titre, nom, prenom, email, message){
    var msgOk="Nous avons bien pris en compte votre mail";
    var msgHs="Un problème est survenue.";
    
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/html/action/contact.php",
        data: "iCivilite="+titre+'&sNom='+nom+'&sPrenom='+prenom+'&sMail='+email+'&sMessage='+message,
        success: function(data){
            
            $("#dialog" ).empty();
            if(data.valide){
                $("#titre").val("");
                $("#nom").val("");
                $("#prenom").val("");
                $("#email").val("");
                $("#message").val("");
                 $("#dialog" ).append(msgOk);
            }else{
                 $("#dialog" ).append(msgHs);
            }
           
           $("#dialog" ).dialog({
                autoOpen: true,
                modal:true
            });
           
        }
      
    });
}

function formatNewUrlImageNuage(src,reset){
        var srcImgOff=src;
        var posMax=srcImgOff.lastIndexOf("/")+1;
        var newPrefix='';
        
        var sufixUrl    =srcImgOff.substr(0,posMax);
        var prefixUrl   =srcImgOff.substr(posMax);
        
        var prefixLen   = prefixUrl.length;
        var extPrefix   = prefixUrl.substr(prefixLen-6,6);
        var corpPrefix  = prefixUrl.substr(0,prefixLen-6);
        
        if(!reset){
            if(extPrefix=='on.gif') newPrefix=extPrefix.replace("on.gif","off.gif");
            else{newPrefix=extPrefix.replace("ff.gif","n.gif");}
        }else{
            newPrefix=extPrefix.replace("on.gif","off.gif")
        }
        
        var finalUrl=sufixUrl+corpPrefix+newPrefix;
        return finalUrl;
}
function initHoverNuage(){
    $("img[id^='img_nuage_']").hover(function(){
        resetBtnNuage($(this).attr('id'));
        sUrl=formatNewUrlImageNuage($(this).attr('src'),0);
        $(this).attr("src",sUrl);
    },function(){
        sUrl=formatNewUrlImageNuage($(this).attr('src'),0);
        $(this).attr("src",sUrl);
    });
}
function getInfoPageContent(IdValue){
    var sTitre      ='';
    var sUrlImage   ='';
    var sText       ='';
    
    switch (IdValue)
    {
    case 'img_nuage_respect':
        var sTitre      ="titre_page_valeur_respect.gif";
        var sUrlImage   ="visuel_respect.jpg";
        var sText        ="La diversité des styles et des prix reflètent le respect que nous avons de l’individualité de nos clients. En magasin, comme sur notre site marchand, nous aidons nos clients à s’orienter vers les produits justes. ";
    break;

    case 'img_nuage_sm_respect':
        var sTitre      ="titre_page_valeur_respect.gif";
        var sUrlImage   ="visuel_respect.jpg";
        var sText       ="La diversité des styles et des prix reflètent le respect que nous avons de l’individualité de nos clients. En magasin, comme sur notre site marchand, nous aidons nos clients à s’orienter vers les produits justes. ";
    break;

    case 'img_nuage_ouverture':
        var sTitre      ="titre_page_valeur_ouverture.gif";
        var sUrlImage   ="visuel_ouverture.jpg";
        var sText       ="Dans l’air du temps, notre enseigne s’inscrit dans une démarche proactive afin d’anticiper les besoins de demain. Aujourd’hui, nous proposons déjà à nos clients des services gratuits qui facilitent leurs choix : la réalité augmentée sur But.fr permet de visualiser son intérieur avec de nouveaux meubles, l’outil de conception Cuisine BUT 3D aménage les cuisines sur-mesure, les bornes interactives sélectionnent en magasin l’électroménager en fonction du profil client,… Nos projets portent l’enseigne au cœur de l’actualité marketing.";
    break;

    case 'img_nuage_creativite':
        var sTitre      ="titre_page_valeur_creativite.gif";
        var sUrlImage   ="visuel_creativite.jpg";
        var sText       ="Chez BUT, nous sommes des créateurs d’intérieurs à l’écoute des envies et besoins de nos clients. La créativité et la création demeurent nos valeurs ajoutées. Nous permettons à chacun d’accéder à un ameublement bien élaboré, pratique et en harmonie avec son style de vie.";
    break;

    case 'img_nuage_sm_challenge':
        var sTitre      ="titre_page_valeur_challenge.gif";
        var sUrlImage   ="visuel_challenge.jpg";
        var sText       ="Notre enseigne relève chaque jour de nouveaux défis. En 2008, lorsque nous avons pris le parti de renouveler notre offre, nous sommes fiers aujourd’hui d’annoncer un renouvellement de 70% de nos produits. En 2009, nous avons choisi de développer un site marchand, www.but.fr, classé en 2011 dans le top 15 des sites marchands les plus visités en moins d’un an.";
    break;

    case 'img_nuage_ecoute':
        var sTitre      ="titre_page_valeur_ecoute.gif";
        var sUrlImage   ="visuel_ecoute.jpg";
        var sText       ="200 magasins, Internet et réseaux sociaux : BUT a développé une écoute « multi-canal ». Cette attention nous permet d’avancer dans le sens de nos clients. Grâce à sa proximité, BUT est aujourd’hui l’enseigne qui connaît le mieux l’habitat des Français.";
    break;

    case 'img_nuage_sm_ecoute':
        var sTitre      ="titre_page_valeur_ecoute.gif";
        var sUrlImage   ="visuel_ecoute.jpg";
        var sText       ="200 magasins, Internet et réseaux sociaux : BUT a développé une écoute « multi-canal ». Cette attention nous permet d’avancer dans le sens de nos clients. Grâce à sa proximité, BUT est aujourd’hui l’enseigne qui connaît le mieux l’habitat des Français.";
    break;

    case 'img_nuage_accessibilite':
        var sTitre      ="titre_page_valeur_accessibilite.gif";
        var sUrlImage   ="visuel_respect.jpg";
        var sText       ="Chez BUT, designers, stylistes et chefs de produits rendent le design accessible à tous. L’ensemble de notre offre est déclinée pour répondre à tous types de budget.";
    break;

    case 'img_nuage_responsabilite':
        var sTitre      ="titre_page_valeur_responsabilite.gif";
        var sUrlImage   ="visuel_responsabilite.jpg";
        var sText       ="BUT avance de façon responsable qu’il s’agisse :<br/>- du SAV : les magasins sont en relation directe avec les clients.  <br/>- de la qualité de ses produits : un service qualité permet d’assurer un suivi permanent de l’ensemble de nos produits. <br/>- de ses services : la carte BUT, le retrait gratuit en magasin, satisfait ou remboursé, l’e-reservation,… <br/>- de l’environnement : le HopBadge sur But.fr attribue une note environnementale à l’ensemble des produits électroménagers.";
    break;

    case 'img_nuage_travail':
        var sTitre      ="titre_page_valeur_travail.gif";
        var sUrlImage   ="visuel_travail.jpg";
        var sText       ="Nos collaborateurs sont le fruit du succès de l’enseigne. C’est le travail en équipe et l’épanouissement laissé à chacun, qui nous permettent d’avancer et de relever nos challenges. ";
    break;
    }

    var aRetour = new Array();
    aRetour['titre']    = sTitre;
    aRetour['visuel']   = sUrlImage;
    aRetour['text']     = sText;

   
    return aRetour;
}

function initClickNuage(){
    
    
    $("img[id^='img_nuage_']").click(function(){
        var aInfoPage=new Array();
        var sFinalUrlTitre='';
        var sFinalUrlVisuel='';
        
        aInfoPage= getInfoPageContent($(this).attr('id'));
        
        sFinalUrlTitre='/media/images/site/commun/'+aInfoPage['titre'];
        sFinalUrlVisuel='/media/images/site/commun/'+aInfoPage['visuel'];
        
       
        $('#titre_dynamique_valeur').attr('src',sFinalUrlTitre);
        $('#visuel_dynamique_valeur').attr('src',sFinalUrlVisuel);
        $('#text_dynamique_valeur').empty();
        $('#text_dynamique_valeur').append(aInfoPage['text']);
        

    });
}

function resetBtnNuage(idBtnOn){
    $("img[id^='img_nuage_']").each(function(){
        if($(this).attr('id')!=idBtnOn){
            sUrl=formatNewUrlImageNuage($(this).attr('src'),1);
            $(this).attr("src",sUrl);   
        }
    });
}

function popupChronologie(){
    $("#clickChronologie").click(function(){
        var imgChronologie="<img class='chiffre-pointer' src='/media/images/site/commun/chronologie_grande.jpg' onClick='closePopupChronologie()' />";
        $("#dialog" ).empty();
         $("#dialog" ).append(imgChronologie);
        $("#dialog" ).dialog({
            autoOpen: true,
            width:1280,
            height:724,
            modal:true
        });
            
    });
}
function closePopupChronologie(){
    $("#dialog" ).empty();
    $("#dialog" ).dialog('close');
}