/**
 * 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 associées
        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';
    }
    
    //Permet de placer le focus sur les onglets Oxylane
    if(zonedest){
        document.location.href = document.location.href.split('#')[0] + "#" + zonedest ;
    }
    return false;
}

function overOxylaneClub(oOver) {
    if (oOver.className != 'open') {
        if (oOver.className == 'over') {
            oOver.className = '';
        } else {
            oOver.className = 'over';
        }
    }
}