/* ########################### UTILISER POUR LE MENU DU HEADER ########################### */
/**
*Permet de replier ou deplier un menu
*/
function expandMenu(_obj, _idMenu){
    //collapseAll("menu-haut") ;
    
    //on change la classe de _obj
    if(_obj && _obj.className.indexOf("-over") == -1){
        _obj.className = _obj.className+"-over" ;
    }
    
    if(typeof _idMenu != "undefined"){
        var menuObj = getElement(_idMenu, true, "") ;
        if(menuObj){
            displayBloc(menuObj) ;            
        }
    }
}


/**
*Permet de replier ou deplier un menu
*/
function collapseMenu(_obj, _idMenu){
    var menuObj = getElement(_idMenu, true, "") ;
    if(menuObj){
        hideBloc(menuObj) ;
        
        //on change la classe de _obj
        if(_obj){
            if((_obj.className).indexOf("-") > -1){
                _obj.className = (_obj.className).substring(0, (_obj.className).indexOf("-")) ;
            }
        }
    }
}


/**
*Permet de modifier la class d'un menu haut
*/
function deselectMenu(_obj){
    //on change la classe de _obj
    if(_obj){
        if((_obj.className).indexOf("-") > -1){
            _obj.className = (_obj.className).substring(0, (_obj.className).indexOf("-")) ;
        }
    }
}

/* ########################### UTILISER POUR LE MENU DES SOUS RAYON ########################### */
function changeClassName(_tagName, _className, _idObj){
    var menu = getElement(idMenuRayon, true, "") ;
    
    if(menu){
        if(_tagName != ""){
            var ssmenus = menu.getElementsByTagName(_tagName);
            
            for(var i=0; i<ssmenus.length; i++){
                if(ssmenus[i].className.indexOf(_className) > -1){
                    ssmenus[i].className = _className ;
                }
            }
        }
        else if(_idObj != ""){
            var obj = getElement(_idObj, true, "") ;
            obj.className = _className ;
        }
    }
}


/**
*Permet de replier tous les menus sous rayons
*/
function collapseAll(_idmenu){
    var menu = getElement(_idmenu, true, "");

    if(menu){
        var ssmenus = menu.getElementsByTagName("ul");
        
        for(var i=0; i<ssmenus.length; i++){
            ssmenus[i].style.display = 'none';
        }
    }
}


/**
*Permet de deplier le menu sous rayon ayant l'id idmenu
*/
function expand(_idmenu, _idParentMenu){
    collapseAll(idMenuRayon);
    
    var menu = getElement(_idmenu, true, "");
    
    changeClassName("li", "mssrayon") ;
    
    if(menu){
        changeClassName("", "mssrayon btnactive", _idParentMenu) ;
        menu.style.display = "block" ;
    }
}


/**
*Permet de deplier le menu correspondant a la famille du sous rayon courant
*/
function expandCurrent(sousRayon, famille){
    if(sousRayon){
        expand(sousRayon);
    }
    if(document.getElementById(sousRayon+"-"+famille)){
        document.getElementById(sousRayon+"-"+famille).className = 'selectionne';
    }
}


/** #################################################
 * Permet d avoir l effet de menu deroulant
*/
function afficheMenu(oOver) {
    var oHide = document.getElementById('body-menu-hide');
    // On change le style des li du meme niveau
    // On masque toutes les ul des niveaux inferieurs
    var oParentOver = null;
    if (oOver.tagName == 'LI') {
        oParentOver = (document.parentNode) ? oOver.parentElement : oOver.parentNode;
    } else {
        oParentOver = document.getElementById('body-menu').getElementsByTagName('ul');
        oParentOver = oParentOver[0];
    }
    
    for(var i=0; i<oParentOver.childNodes.length; i++) {
        if (oParentOver.childNodes[i].tagName == 'LI') {
            if (oParentOver.childNodes[i] != oOver) {
                oParentOver.childNodes[i].className = '';
                var oChildsUl= oParentOver.childNodes[i].getElementsByTagName('ul');

                for(var j=0; j<oChildsUl.length; j++) {
                    oChildsUl[j].style.display = 'none';
                    oChildsUl[j].style.visibility = 'hidden' ;
                }
                var oChildsLi= oParentOver.childNodes[i].getElementsByTagName('li');
                for(var j=0; j<oChildsLi.length; j++) {
                    oChildsLi[j].className = '';
                }
            }
        }
    }
    
    // On masque la div menu-hide
    oHide.style.display = 'none';
    
    // On change le style des li du meme niveau
    // On affiche les uls du niveau inferieur
    if (oOver.tagName == 'LI') {
        oOver.className = 'over';
        for(var i=0; i<oOver.childNodes.length; i++) {
            if (oOver.childNodes[i].tagName == 'UL') {
                oOver.childNodes[i].style.display = (document.all) ? 'block' : 'inline';
                oOver.childNodes[i].style.visibility = "visible" ;
                oHide.style.display = 'inline';
            }
        }
    }
}


/** #################################################
 * Permet de selectionner les familles a afficher
*/
function initFamille(sousrayon, famillecourante){
    displayBloc(getElement(sousrayon, true, "")) ;
    var famillecouranteObj = getElement(famillecourante, true, "") ;
    if(famillecouranteObj){
        famillecouranteObj.className = "open" ;
    }
    
    //Si la listeFamillesRayonFictif existe
    if(typeof listeFamillesRayonFictif != "undefined" && listeFamillesRayonFictif.length() > 0){
        //on va recuperer la liste des objets famille en fonction du sous rayon
        var listeFamilleSR = _mapListeFamilleParSSRayon.get(sousrayon) ;
        var isFamillesTrouves = false ;
        
        for(var i=0 ; i<listeFamillesRayonFictif.length() ; i++){
            var familles = listeFamillesRayonFictif.get(i) ;
            for(var k=0 ; k<listeFamilleSR.length() ; k++){
                var familleObj = listeFamilleSR.get(k) ;
                if(familleObj){
                    var codeExterneFamille = familleObj.getCodeExterne() ;
                    var familleElementObj = getElement(codeExterneFamille, true, "") ;
                    if(familleElementObj){
                        if(familles.indexOf(codeExterneFamille) > -1){
                            displayBloc(familleElementObj) ;
                            isFamillesTrouves = true ;
                        }
                        else{
                            hideBloc(familleElementObj) ;
                        }
                    }
                }
            }
            if(isFamillesTrouves){
                break ;
            }
        }
    }
}


/** #################################################
 * Permet de selectionner la famille dans le menu de la page interieure
*/
function afficheFamille(oOver) {
    var oParentOver = null;
    if (oOver.tagName == 'LI') {
        oParentOver = (document.parentNode) ? oOver.parentElement : oOver.parentNode;
    } else {
        oParentOver = document.getElementById('body-page-menu').getElementsByTagName('ul');
        oParentOver = oParentOver[0];
    }
    for(var i=0; i<oParentOver.childNodes.length; i++) {
        if (oParentOver.childNodes[i].tagName == 'LI') {
            if (oParentOver.childNodes[i].className != 'open') {
                oParentOver.childNodes[i].className = '';
            }
        }
    }
    
    // On affiche les uls du niveau inferieur
    if (oOver.tagName == 'LI') {
        if (oOver.className != 'open') {
            oOver.className = 'over';
        }
    }
}


/** #################################################
 * Permet de selectionner la famille dans le menu de la page interieure
*/
function desactiveFamille(oOut) {
    if (oOut.tagName == 'LI') {
        oParentOut = (document.parentNode) ? oOut.parentElement : oOut.parentNode;
    } else {
        oParentOut = document.getElementById('body-page-menu').getElementsByTagName('ul');
        oParentOut = oParentOut[0];
    }
    
    // On affiche les uls du niveau inferieur
    if (oOut.tagName == 'LI') {
        if (oOut.className != 'open') {
            oOut.className = '';
        }
    }
}


/** #################################################
 * Permet de gerer le menu Oxylane dans la fiche produit
*/
/*function afficheOxylaneClub(oClick, sdiv, zonedest) {
    var oDiv = document.getElementById(sdiv);

    if ((typeof(oDiv) != 'undefined') && (oDiv != null)) {
        // On modifie tous les styles du menu
        var oParentClick = (document.parentNode) ? oClick.parentElement : oClick.parentNode;
        for(var i=0; i<oParentClick.childNodes.length; i++) {
            if (oParentClick.childNodes[i].tagName == 'LI') {
                oParentClick.childNodes[i].className = '';
            }
        }
        // On modifie le style du li a afficher
        oClick.className = 'open';
        
        // On affiche et masque les divs associes
        var oParentDiv = (document.parentNode) ? oDiv.parentElement : oDiv.parentNode;
        for(var i=0; i<oParentDiv.childNodes.length; i++) {                    
            if (oParentDiv.childNodes[i].tagName == 'DIV') {
                oParentDiv.childNodes[i].style.display = 'none';
                oParentDiv.childNodes[i].className = '';
                if(oParentDiv.childNodes[i].id == sdiv){
                    oParentDiv.childNodes[i].style.display = "block" ;
                }
            }
        }
        // On modifie le style de la div a afficher
        oDiv.className = 'open';
    }
    var ongletOxylane=getElement("ongletLireOxylaneAvis",true,"");
    if(ongletOxylane){
        ongletOxylane.style.display='none';
    }
     var ongletCacheOxylane=getElement("ongletCacheOxylaneAvis",true,"");
    if(ongletCacheOxylane){
        ongletCacheOxylane.style.display='block';
    }
    //Permet de placer le focus sur les onglets Oxylane
    if(zonedest){
        document.location.href = document.location.href.split('#')[0] + "#" + zonedest ;
    }
    return false;
}*/

/** #################################################
 * Permet de gerer le menu Oxylane dans la fiche produit
*/
/*function cacheOxylaneClub(oClick, sdiv, zonedest) {
    var oDiv = document.getElementById(sdiv);*/
    
    // On modifie le style du li a afficher
    /*oClick.className = '';*/
    
    // On modifie le style de la div a afficher
    /*oDiv.style.display = "none" ;
    oDiv.className = 'open';
    
    var ongletCacheOxylane=getElement("ongletCacheOxylaneAvis",true,"");
    if(ongletCacheOxylane){
        ongletCacheOxylane.style.display='none';
    }
    var ongletOxylane=getElement("ongletLireOxylaneAvis",true,"");
    if(ongletOxylane){
        ongletOxylane.style.display='block';
    }*/
    //Permet de placer le focus sur les onglets Oxylane
    /*if(zonedest){
        document.location.href = document.location.href.split('#')[0] + "#" + zonedest ;
    }
    return false;
}*/

/** #################################################
 * Permet de gerer le menu Oxylane Club
*/
/*function overOxylaneClub(oOver) {
    if (oOver.className != 'open') {
        if (oOver.className == 'over') {
            oOver.className = '';
        } else {
            oOver.className = 'over';
        }
    }
}*/


/** #################################################
 * Permet le defilement des familles
*/
var intDeplacWidth = 5; 	// Nb pixel pour chaque deplacement
var intDeplacTime = 10; 	// Nb millisec entre chaque deplacement

var tempDisplay = null;
var ulPageMenuScroll = null;
var ulPageMenuScrollLimitX = new Array(0, 10);
var ulPageMenuScrollPosX = 0;

// Function d'initalisation des largeur de scroll
function initPageMenuScroll() {
    var strCssRule = '';
    
    var divWidth = 0;
    if(document.defaultView && document.defaultView.getComputedStyle){
        divWidth = document.defaultView.getComputedStyle(document.getElementById('body-page-menu-scroll'),null).getPropertyValue('width');
    } 
    else if (document.getElementById('body-page-menu-scroll').currentStyle) {
        divWidth = document.getElementById('body-page-menu-scroll').currentStyle['width'];
    }
    divWidth = eval(divWidth.substring(0, divWidth.lastIndexOf('px')));
    
    // Initialisation de l'objet ul
    var uls = document.getElementById('body-page-menu-scroll').getElementsByTagName('UL');
    ulPageMenuScroll = uls[0];
    
    // initialisation de la position gauche de l'objet ul (limite de scroll a gauche)
    if (ulPageMenuScroll.currentStyle) {
        strCssRule = 'margin-left';
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        ulPageMenuScrollPosX = ulPageMenuScroll.currentStyle[strCssRule];
    } 
    else if (window.getComputedStyle) {
        ulPageMenuScrollPosX = document.defaultView.getComputedStyle(ulPageMenuScroll,null).getPropertyValue('margin-left');
    }
    ulPageMenuScrollPosX = eval(ulPageMenuScrollPosX.substring(0, ulPageMenuScrollPosX.lastIndexOf('px')));
    
    var lis = ulPageMenuScroll.getElementsByTagName('LI');
    // recherche des marges d'un li
    var liWidth = 0;
    var liMargin = new Array(0, 0);
    if(document.defaultView && document.defaultView.getComputedStyle){
        liWidth = document.defaultView.getComputedStyle(lis[0],null).getPropertyValue('width');
        liMargin[0] = document.defaultView.getComputedStyle(lis[0],null).getPropertyValue('margin-left');
        liMargin[1] = document.defaultView.getComputedStyle(lis[0],null).getPropertyValue('margin-right');
    }
    else if (lis[0].currentStyle) {
        liWidth = lis[0].currentStyle['width'];
        
        strCssRule = 'margin-left';
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        liMargin[0] = lis[0].currentStyle[strCssRule];
        
        strCssRule = 'margin-right';
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
        return p1.toUpperCase();
        });
        liMargin[1] = lis[0].currentStyle[strCssRule];
    }
    liWidth = eval(liWidth.substring(0, liWidth.lastIndexOf('px')));
    liMargin[0] = eval(liMargin[0].substring(0, liMargin[0].lastIndexOf('px')));
    liMargin[1] = eval(liMargin[1].substring(0, liMargin[1].lastIndexOf('px')));
    
    // initalisation de la limite de scroll a droite
    ulPageMenuScrollLimitX[0] = -1 * ((liWidth + liMargin[0] + liMargin[1]) * (lis.length)) - ulPageMenuScrollPosX + divWidth;
    
    //On cale le scroll au bon endroit
    focusScroll(indexFamilleChoisie) ;
    // Verification si affichage du btn gauche
    if (ulPageMenuScrollPosX == 0) {
        document.getElementById('btn-scroller-g').style.display = 'none';
    }
    
    // Verification si affichage du btn droit
    if (ulPageMenuScrollLimitX[0] > 0 || ulPageMenuScrollPosX == ulPageMenuScrollLimitX[0]) {
        document.getElementById('btn-scroller-d').style.display = 'none';
    }
}

//Function de scroll
function pageMenuScroll(intDeplac) {
    // Stop le scroll precedant
    stopPageMenuScroll();
    
    // Calcul de la nouvelle position
    ulPageMenuScrollPosX = ulPageMenuScrollPosX - intDeplac * intDeplacWidth;    
    // Affectation de la nouvelle position
    if ((ulPageMenuScrollPosX > ulPageMenuScrollLimitX[0]) && (ulPageMenuScrollPosX < ulPageMenuScrollLimitX[1])) {
        // affiche les boutons
        document.getElementById('btn-scroller-g').style.display = 'inline';
        document.getElementById('btn-scroller-d').style.display = 'inline';
        
        // deplace le ul
        ulPageMenuScroll.style.marginLeft = ulPageMenuScrollPosX + 'px';
        
        // Rappel de deplacement
        tempDisplay = setTimeout('pageMenuScroll(' + intDeplac + ')', intDeplacTime);
    }
    else {    
        if (ulPageMenuScrollPosX >= ulPageMenuScrollLimitX[1]) {
            // Cache le btn gauche
            document.getElementById('btn-scroller-g').style.display = 'none';            
        }
        else if (ulPageMenuScrollPosX <= ulPageMenuScrollLimitX[0]) {
            // Cache le btn droite
            document.getElementById('btn-scroller-d').style.display = 'none';
        }
    
        // Reinitialisation
        ulPageMenuScrollPosX = ulPageMenuScrollPosX + intDeplac * intDeplacWidth;
    }
}

// Function de stop de scroll
function stopPageMenuScroll() {
    clearTimeout(tempDisplay);
}

//Permet de mettre le focus du scroll a un endroit particulier
var defaultWidth = 127 ;

function focusScroll(indexScroll){
    var decalageScroll = defaultWidth * indexScroll ;
    decalageScroll = decalageScroll - 2*decalageScroll ; //tranformation en nombre negatif
    if((ulPageMenuScrollLimitX[0] > 128 && decalageScroll < 0 && decalageScroll < ulPageMenuScrollLimitX[0])|| (ulPageMenuScrollLimitX[0] < 0 && decalageScroll < 0 && decalageScroll < ulPageMenuScrollLimitX[0])){
        decalageScroll = ulPageMenuScrollLimitX[0] ;
    }
    
    //Cas quand carrousel ne possede pas de navigation droite
    if(ulPageMenuScrollLimitX[0] > 0){
        decalageScroll=0;
    }
    
    var scrollObj = getElement("scroll", true, "") ;
    if(scrollObj){    
        scrollObj.style.marginLeft = decalageScroll+"px" ;
    }
    ulPageMenuScrollPosX = decalageScroll ;
}

//Scroll page sommaire conseil kipsta

var intDeplacWidthList = 5; 	// Nb pixel pour chaque deplacement
var intDeplacTimeList = 10; 	// Nb millisec entre chaque deplacement

var tempDisplayList = null;
var ulPageListeScroll = null;
var ulPageListeScrollLimitX = new Array(0, 10);
var ulPageListeScrollPosX = 0;

// Function d'initalisation des largeur de scroll
function initPageListeScroll() {
    var strCssRule = '';

    var divWidth = 0;
    if(document.defaultView && document.defaultView.getComputedStyle){
        divWidth = document.defaultView.getComputedStyle(document.getElementById('body-page-liste-scroll'),null).getPropertyValue('width');
    } else if (document.getElementById('body-page-liste-scroll').currentStyle) {
        divWidth = document.getElementById('body-page-liste-scroll').currentStyle['width'];
    }
    divWidth = eval(divWidth.substring(0, divWidth.lastIndexOf('px')));

    // Initialisation de l'objet ul
    var uls = document.getElementById('body-page-liste-scroll').getElementsByTagName('UL');
    ulPageListeScroll = uls[0];

    // initialisation de la position gauche de l'objet ul (limite de scroll a gauche)
    if (ulPageListeScroll.currentStyle) {
        strCssRule = 'margin-left';
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        ulPageListeScrollPosX = ulPageListeScroll.currentStyle[strCssRule];
        
    } else if (window.getComputedStyle) {
        ulPageListeScrollPosX = document.defaultView.getComputedStyle(ulPageListeScroll,null).getPropertyValue('margin-left');
    }

    ulPageListeScrollPosX = eval(ulPageListeScrollPosX.substring(0, ulPageListeScrollPosX.lastIndexOf('px')));
    var lis = ulPageListeScroll.getElementsByTagName('LI');

    // recherche des marges d'un li
    var liWidth = 0;
    var liMargin = new Array(0, 0);
    if(document.defaultView && document.defaultView.getComputedStyle){
        liWidth = document.defaultView.getComputedStyle(lis[0],null).getPropertyValue('width');
        liMargin[0] = document.defaultView.getComputedStyle(lis[0],null).getPropertyValue('margin-left');
        liMargin[1] = document.defaultView.getComputedStyle(lis[0],null).getPropertyValue('margin-right');
    } else if (lis[0].currentStyle) {
        liWidth = lis[0].currentStyle['width'];
        strCssRule = 'margin-left';
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        liMargin[0] = lis[0].currentStyle[strCssRule];
        strCssRule = 'margin-right';
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        liMargin[1] = lis[0].currentStyle[strCssRule];
    }
    
    liWidth = eval(liWidth.substring(0, liWidth.lastIndexOf('px')));
    liMargin[0] = eval(liMargin[0].substring(0, liMargin[0].lastIndexOf('px')));
    liMargin[1] = eval(liMargin[1].substring(0, liMargin[1].lastIndexOf('px')));

    // initalisation de la limite de scroll a droite
    ulPageListeScrollLimitX[0] = -1 * ((liWidth + liMargin[0] + liMargin[1]) * (lis.length)) - ulPageListeScrollPosX + divWidth;

    // Cache le btn gauche
    document.getElementById('btn-scroller-g').style.display = 'none';

    // Verification si affichage du btn droit
    if (ulPageListeScrollLimitX[0] > 0) {
        document.getElementById('btn-scroller-d').style.display = 'none';
    }
}


//Function de scroll
function pageListeScroll(intDeplac) {
    // Stop le scroll precedant
    stopPageListeScroll();

    // Calcul de la nouvelle position
    ulPageListeScrollPosX = ulPageListeScrollPosX - intDeplac * intDeplacWidthList;

    // Affectation de la nouvelle position
    if ((ulPageListeScrollPosX > ulPageListeScrollLimitX[0]) && (ulPageListeScrollPosX < ulPageListeScrollLimitX[1])) {

        // affiche les boutons
        document.getElementById('btn-scroller-g').style.display = 'inline';
        document.getElementById('btn-scroller-d').style.display = 'inline';

        // deplace le ul
        ulPageListeScroll.style.marginLeft = ulPageListeScrollPosX + 'px';

        // Rappel de deplacement
        tempDisplayList = setTimeout('pageListeScroll(' + intDeplac + ')', intDeplacTimeList);
    } else {
        if (ulPageListeScrollPosX >= ulPageListeScrollLimitX[1]) {
        
            // Cache le btn gauche
            document.getElementById('btn-scroller-g').style.display = 'none';
        } else if (ulPageListeScrollPosX <= ulPageListeScrollLimitX[0]) {
            
            // Cache le btn droite
            document.getElementById('btn-scroller-d').style.display = 'none';
        }

        // Reinitialisation
        ulPageListeScrollPosX = ulPageListeScrollPosX + intDeplac * intDeplacWidthList;
    }
}

// Function de stop de scroll
function stopPageListeScroll() {
    clearTimeout(tempDisplayList);
}

function changeConseil(obj){
    var url = obj.value ;
    if(url != "" && url != "-1"){
        document.location.href = url ;
    }
}

/** ###################### FONCTION JS LIVREE PAR AGENCE 4 #################### */
function masquersousmenus() {
    var elements = document.getElementById('tete').getElementsByTagName('*');
    for (cpt = 0; cpt < elements.length; cpt++) {
        if (elements[cpt].className == 'sous-menu') elements[cpt].style.display = 'none';
        if (elements[cpt].className == 'menu over') elements[cpt].className = 'menu';
    }
}

function affichersousmenu(menu) {
    masquersousmenus();
    masquersousmenu = false;
    menu.className = 'menu over';
    menu.onmouseout = function() {
        masquersousmenu = true;
        setTimeout('if (masquersousmenu) masquersousmenus();', 50);
    }
    var elements = menu.parentNode.getElementsByTagName('div');
    for (cpt = 0; cpt < elements.length; cpt++)
        if (elements[cpt].className == 'sous-menu') {
            elements[cpt].style.left = trouvergauche(menu.parentNode) - 2 + 'px';
            elements[cpt].style.top = trouverbas(menu.parentNode) - 16 + 'px';
            elements[cpt].style.width = menu.parentNode.offsetWidth - 1 + 'px';
            elements[cpt].onmouseover = function() { masquersousmenu = false; }
            elements[cpt].onmouseout = menu.onmouseout;
            elements[cpt].style.display = 'block';
        }
}

function trouverbas(element) { return trouverhaut(element) + element.offsetHeight; }

function trouvergauche(element) {
    gauche = 0;
    if (element.offsetParent) do gauche += element.offsetLeft; while (element = element.offsetParent);
    return gauche;
}

function trouverhaut(element) {
    haut = 0;
    if (element.offsetParent) do haut += element.offsetTop; while (element = element.offsetParent);
    return haut;
}




/** ###################### FONCTION JS INTERNE DKT #################### */
/**
 Permet de gerer le menu innovation
*/
function changeMenuInnovation(_elementIdMenu, _newImg) {
    var eltMenu = getElement(_elementIdMenu, true, "") ;
    if(eltMenu){
        eltMenu.style.background = "url("+ _newImg +") no-repeat";
    }
}

/**
 * Permet d'initialiser le plan du site
 * param : nbElementsParLigne : nb de blocs par ligne
 */
function initialisePlanSite(nbElementsParLigne) {
    // on recupere les elements div presents dans l element dont l id est bookmarks
    var blocliens = document.getElementById('visuel-middle-hpg').getElementsByTagName('div');
    if (blocliens) {
        // pour chaque element, on verifie que l element est bien un element avec la classe souhaitee
        for (cpt = 0; cpt < blocliens.length; cpt++) {
            if (blocliens[cpt].className == 'bloc-lien') {
                // la taille maximale constatee pour un bloc de la ligne
                var maxRow = 0;
                // index du dernier element de la derniere ligne analysee
                var dernierIndex = -1;
                // pour chaque sous element, on verifie que l element est bien un element avec la classe souhaitee
                var sousblocliens = blocliens[cpt].getElementsByTagName('div');
                if (sousblocliens) {
                    for (j = 0; j < sousblocliens.length; j++) {
                        if (sousblocliens[j].className == 'sous-bloc-lien') {
                            // on verifie la taille du bloc en cours, on prend en compte sa taille maximale
                            var heightRow = sousblocliens[j].offsetHeight;
                            if (heightRow > maxRow) {
                                maxRow = heightRow;
                            }
                        }
                        // lorsque l element est le dernier d une ligne
                        if ((j != 0) && ((j+1) % nbElementsParLigne) == 0) {
                            // on enregistre cet element
                            dernierIndex = j;
                            var index = j;
                            // on traite les elements de la ligne
                            for ( ; index >= (j+1)-nbElementsParLigne; index--) {
                                sousblocliens[index].style.height = maxRow+"px";
                                sousblocliens[index].style.visibility = "visible";
                            }
                            // on rinitialise la taille maximale
                            maxRow = 0;
                        }
                        // traitement des elements de la derniere ligne (lorsque celle ci n est pas complete)
                        if ((j+1) == sousblocliens.length) {
                            var index = j;
                            for ( ; index >= dernierIndex+1 ; index--) {
                                sousblocliens[index].style.height = maxRow+"px";
                                sousblocliens[index].style.visibility = "visible";
                            }
                            // on rinitialise la taille maximale
                            maxRow = 0;
                        }
                    }
                }
            }
        }
    }
}

function modifAction(type){
	
	if(type == 'produit'){
	
		document.getElementById('btnFlash').style.display = 'none';
		document.getElementById('bouton').style.display = 'inline';
	
	}
	else if(type == 'article'){
	
		document.getElementById('bouton').style.display = 'none';
		document.getElementById('btnFlash').style.display = 'inline';
	
	}
	
}

function modifUrl(urlFlash){

	var currentLocation = document.location.href;
	var tableauUrl = currentLocation.split(urlFlash);
	var recherche = document.getElementById('entree').value;
	
	if(tableauUrl.length > 1){
	
		callSearch(recherche);
		return false;
		
	}
	else{
	
		document.links['btnFlash'].href = document.links['btnFlash'].href + "#recherche-" + recherche;
		document.location.href = document.links['btnFlash'].href;
	
	}
	
}