function hide(elementsName)
{
/*Hide all children element with an id of the root element with id = elementsName */
           node = document.getElementById(elementsName);
           children = node.childNodes;

           for (var i=0,j=0;i<children.length;i++){
               id = children.item(i).id;
               if(id)               
                   document.getElementById(id).style.display = 'none';
           }

}

function hideEtape(elementsName)
{
    node = document.getElementById(elementsName);
    children = node.childNodes;
    for (var i=0,j=0;i<children.length;i++){
        id = children.item(i).id;
        if(id)document.getElementById(id).style.display = 'none';
    }
    
    has2niveau = false ;
    node2 = document.getElementById('niveau3');
    if(node2){
        children2 = node2.childNodes;
    }
    else{
        node2 = document.getElementById('niveau2');
        children2 = node2.childNodes;
        has2niveau = true ;
    }
    for (var i=0,j=0;i<children2.length;i++){
        id = children2.item(i).id;
        if(has2niveau){
            if(id) document.getElementById(id).className = 'niveau2';
        }
        else{
            if(id) document.getElementById(id).className = 'niveau3';
        }
    }         
}

function showEtape(numEtape)
{       
    document.getElementById("etapeimage-"+numEtape).style.display = 'block';        

    if(document.getElementById("lienetapeimage-"+numEtape).className == "niveau3"){
        document.getElementById("lienetapeimage-"+numEtape).className = 'niveau3-on';              
    }
    if(document.getElementById("lienetapeimage-"+numEtape).className == "niveau2"){
        document.getElementById("lienetapeimage-"+numEtape).className = 'niveau2-on';              
    }
}

function showCheminEtape(totalEtape, numEtape){
    if(totalEtape > 0){
        for(k=1 ; k<=totalEtape ; k++){
            document.getElementById("etape-"+k).className = 'lien-chemin-etape';
        }
        document.getElementById("etape-"+numEtape).className = 'lien-chemin-etape-selected';
        
        document.getElementById("etapeimage-"+numEtape).style.display = 'block';        
        if(document.getElementById("lienetapeimage-"+numEtape).className == "niveau3"){
            document.getElementById("lienetapeimage-"+numEtape).className = 'niveau3-on';              
        }
        if(document.getElementById("lienetapeimage-"+numEtape).className == "niveau2"){
            document.getElementById("lienetapeimage-"+numEtape).className = 'niveau2-on';              
        }
    }
}

function hideReponse(elementsName)
{
      node = document.getElementById(elementsName);
           children = node.childNodes;

           for (var i=0,j=0;i<children.length;i++){
               id = children.item(i).id;
               if(id)               
                   document.getElementById(id).style.display = 'none';
           }           
}

function showReponse(numReponse)
{       
    document.getElementById("etapeimage-"+numReponse).style.display = 'block';       
}

function preventFrameIsolation(url) {
    if (parent.frames.length  < 1 ) { 
        document.location.replace(url)
        }
}

function selectRayonMenu(rayon) {
    var lienrayoncourant = document.getElementById('niveau2-'+rayon);

    if(lienrayoncourant){
        lienrayoncourant.className = 'niveau2-on';
    }
}

function selectMiniBoutique(miniboutique) {
    var lienrayoncourant = document.getElementById('niveau-'+miniboutique);

    if(lienrayoncourant){
        lienrayoncourant.className = 'niveau-miniboutique-on';
    }
}

function selectRayonMatrice() {
	url2 = document.location.href.split("?");
	param2 = url2[1].split("=") ;
	rayon2=param2[1];
	lienrayoncourant2 = document.getElementById(rayon2);
	lienrayoncourant2.className = 'liensport-on';
}

nbPageCourante = 1
function showhidePage (nPage, max,reste)
        {       
        
        if ( reste == 0) { 
            nPageMax2 = max;
         }
         else {nPageMax2 = max + 1;}
        if (nPage>=1 && nPage<=nPageMax2) {
             nbPageCourante = nPage;
             document.getElementById('showAllLink').style.display = 'block';
             if (nbPageCourante > 1) {
                 document.getElementById("precedentDiv").style.visibility = 'visible';
            }
             if (nbPageCourante == 1) {document.getElementById("precedentDiv").style.visibility = 'hidden';}
             if (nbPageCourante < nPageMax2) {document.getElementById("suivantDiv").style.visibility = 'visible';}
             if (nbPageCourante == nPageMax2) {document.getElementById("suivantDiv").style.visibility = 'hidden';}
            for (i=1; i< nPageMax2+1; i++) {
                if (i!=nPage) {
                document.getElementById("page"+i).style.display = 'none';
                document.getElementById("npage"+i).className = '';
                }
                else {
                document.getElementById("page"+i).style.display = 'block';
                document.getElementById("npage"+i).className = 'selectionne';
                }
              }
            }
        }
        
        function showAllPages (max,reste) {
            document.getElementById('showAllLink').style.display='none';
            document.getElementById("precedentDiv").style.visibility = 'hidden';
            document.getElementById("suivantDiv").style.visibility = 'hidden';
            if ( reste == 0) { nPageMax2 = max;}
            else {nPageMax2 = max + 1;}
        for (i=1; i< nPageMax2+1; i++) {
        document.getElementById("page"+i).style.display = 'block';            
        document.getElementById("npage"+i).className = '';
        }
        } 
        
        var numpageprec = -1;
        var numpagesuiv = 1;
        
        function showhidePageDef (nb_maxpage, prec_ou_suiv)
        {
            if (prec_ou_suiv=='p')
            {
                nPage =  numpageprec;
                numpageprec--;
                numpagesuiv--;
            }
             if (prec_ou_suiv=='s')
            {
                nPage =  numpagesuiv;
                numpageprec++;
                numpagesuiv++;
            }
            
            if (numpageprec < 0) {document.getElementById("lienprecedent").style.visibility = 'hidden';}              
            else {document.getElementById("lienprecedent").style.visibility = 'visible';}
            
            if (numpagesuiv > nb_maxpage) {document.getElementById("liensuivant").style.visibility = 'hidden';}
            else  {document.getElementById("liensuivant").style.visibility = 'visible';}
                            
            for (i=0; i<nb_maxpage+1 ; i++) {
                  document.getElementById("page_"+i).style.display = 'none';
              }
            document.getElementById("page_"+nPage).style.display = 'block';             
        }

/** #########################################
* Permet de modifier l'image du menu
*/
function changeImageMenu(idImage, srcImage){
    document.getElementById(idImage).src = srcImage ;
}
