/** #########################################
* Permet de cacher les onglets
*/
function hideOnglet(node){
    var firstNode = null ;
    if(node){
        parentNode = node.parentNode;
        if(parentNode.id != "product-details"){
            parentNode = parentNode.parentNode ;
        }
    }
    else{
        parentNode = document.getElementById("product-details") ;
    }
    if(parentNode != null){
        allH4 = parentNode.getElementsByTagName('h4');
        allDL = parentNode.getElementsByTagName('dl');
        for(i in allH4){
            if(firstNode == null){
                firstNode = allH4[i].id ;
            }
            allH4[i].className = '';
        }
        for(j=0 ; j<allDL.length ; j++){
            allDL[j].className = 'hidden';            
        }
        return firstNode ;
    }
}

/** #########################################
* Permet de selectionner un onglet
*/
function selectOnglet(node, current){
    var firstNode = hideOnglet(node) ;
    if(node == null){        
        node = document.getElementById(firstNode) ;
    }
    node.className = 'selectionne';
    
    if(document.getElementById(node.id+"-contenu")){
        document.getElementById(node.id+"-contenu").className = "" ;
    }
    else if(parent.document.getElementById(node.id+"-contenu")){
        parent.document.getElementById(node.id+"-contenu").className = "" ;    
    }
}

sizeAndColorTabIsHidden = false ;
goodiesTabIsHidden = false ;
               
function isDeclinaisonsTabHidden(){
    if(document.getElementById('tailleEtColorisTab')){
        if(document.getElementById('tailleEtColorisTab').style.display == "none"){
            sizeAndColorTabIsHidden = true ;
        }
    }
}   

function hideGoodiesTab(){
    document.getElementById('goodiesTab').style.display = "none";
    goodiesTabIsHidden = true ;
}

function initZoom(idImage, idZoomImage){
    if(document.getElementById(idZoomImage)){
        document.getElementById(idZoomImage).onclick = document.getElementById(idImage).onclick;
    }
}

function initOnglet(node){
    parentNode = node.parentNode;
    if(parentNode != null){
        allH4 = parentNode.getElementsByTagName('h4');
        allDL = parentNode.getElementsByTagName('dl');
        indexNode = 0 ;
        if(allH4[0] != null){            
            if(allH4[0].id == 'beneficesTab'){
                indexNode = 0 ;
                allH4[0].className = 'selectionne'; 
            }
            if(allH4[0].id == 'infoPlusTab'){
                indexNode = 1 ;
                allH4[0].className = 'selectionne'; 
            }
            if(allH4[0].id == 'tailleEtColorisTab'){
                indexNode = 2 ;
                allH4[0].className = 'selectionne'; 
            }
        }
        if(allDL[indexNode] != null){
            allDL[indexNode].className = '';            
        }      
    }
}

function openPopup(url, largeur, hauteur){
    window.open(url, 'nw', 'top=screen.height,left=0,width='+largeur+',height='+hauteur+',menubar=yes,toolbar=yes, scrollbars=yes,location=no,resizable=yes') ;
}

function openPopup2(url){
    largeur=820;
    hauteur=850;
    window.open(url, 'nw', 'top=screen.height,left=0,width='+largeur+',height='+hauteur+',menubar=yes,toolbar=yes, scrollbars=yes,location=no,resizable=yes') ;
}

function redirectProduit(modele){
    if(!isProductEnableCentral(modele)){
        var locationProduit = document.location.href ;
        document.location.href = "../index.html"
    }
}


/** #########################################
* Permet de recuperer le path du rayon
*/
function getPathRayon(rootPath, urlPathFamille, urlMenuRayon, urlProduit, refProduit){
    var xhr = getXhr();
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4 && xhr.status == 200){
            var propertiesDivObjSr = document.getElementById("nomRayon");
            var propertiesRayonNavDivObjSr = document.getElementById("nomRayonNav");
            var propertiesMenuRayonDivObjSr = document.getElementById("cadremenurayons");
            var propertiesNomArboDivObjSr = document.getElementById("niveauArbo2");
            
            responseAjax = xhr.responseXML ;
            var rayonTag = responseAjax.getElementsByTagName("Rayon")[0] ;
            var rayonName = "" ;
            var rayonUrl = "" ;
            var urlRayonSansRoot = "" ;
            var rayonMultilingualCategoryName = "" ;
            
            var arboProduitTag = responseAjax.getElementsByTagName("ArboProduit")[0] ;
            var arboProduitName = "" ;

            for (i=0; i<rayonTag.childNodes.length; i++){            
                //Si on a le title
                if (rayonTag.childNodes[i].nodeName=="title"){
                    rayonName = rayonTag.childNodes[i].firstChild.nodeValue ;                
                }
                //si on le usertitle
                if (rayonTag.childNodes[i].nodeName=="userTitle"){
                    rayonName = rayonTag.childNodes[i].firstChild.nodeValue ;                
                }
                //si on a le body1
                if (rayonTag.childNodes[i].nodeName=="body1"){
                    rayonName = rayonTag.childNodes[i].firstChild.nodeValue ;                
                }
                
                if (rayonTag.childNodes[i].nodeName=="url"){
                    rayonUrl = rootPath+rayonTag.childNodes[i].firstChild.nodeValue ;      
                    urlRayonSansRoot = rayonTag.childNodes[i].firstChild.nodeValue ;
                }
                if (rayonTag.childNodes[i].nodeName=="multilingualCategoryName"){
                    rayonMultilingualCategoryName = rayonTag.childNodes[i].firstChild.nodeValue ;                
                }
            }
            
            for (i=0; i<arboProduitTag.childNodes.length; i++){
                if (arboProduitTag.childNodes[i].nodeName=="title"){
                    arboProduitName = arboProduitTag.childNodes[i].firstChild.nodeValue ;                    
                }
            }                        
            
            if(rayonName != "" && rayonUrl != ""){
                rayonName=rayonName.charAt(0).toUpperCase() + rayonName.substring(1).toLowerCase();
                var rayonPath = "<a href='"+rayonUrl+"'>"+rayonName+"</a>" ;
                var rayonNavProduit = rayonUrl + "conseil.shtml" ;
                
                propertiesDivObjSr.innerHTML = rayonPath ;
                
                var iframenavinterneObj = getElement("iframenavinterne", true, "") ;
                if(iframenavinterneObj){
                    iframenavinterneObj.src = rayonNavProduit+"?refProduit="+refProduit+"&retour="+rayonUrl+"&rayonName="+rayonName.replace("&nbsp;", " ") ;
                }
                
                getMenuRayon(propertiesMenuRayonDivObjSr, urlMenuRayon, rayonMultilingualCategoryName) ;          
                
                getMascotte(rayonUrl+"index.shtml") ;
                
                getDecouvrirPlus(rootPath, urlRayonSansRoot, urlProduit) ;
            }
            
            if(arboProduitName != ""){
                propertiesNomArboDivObjSr.innerHTML = arboProduitName ;
            }
        }
    }
    xhr.open("GET", urlPathFamille, true);
    xhr.setRequestHeader('Content-Type','text/xml');
    xhr.send(null);
}

/** #########################################
* Permet de recuperer la mascotte
*/
function getMascotte(urlPathRayon){
    var xhr = getXhr();
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4 && xhr.status == 200){
            var propertiesDivObjSr = document.getElementById("blocmascotte");
            
            responseAjax = xhr.responseText ;
            if(responseAjax.split('<div id="mascotte"')){
                if(responseAjax.split('<div id="mascotte"')[1]){
                    var mascotteDiv = responseAjax.split('<div id="mascotte"')[1].split("</div>")[0] ;

                    if(mascotteDiv != ""){
                        propertiesDivObjSr.innerHTML = "<div id='mascotte'"+mascotteDiv+"</div>";
                        document.getElementById("blocmascotte").style.display = "block" ;
                    }
                }
            }
        }
    }    
    xhr.open("GET", urlPathRayon, true);
    xhr.setRequestHeader('Content-Type','text/xml');
    xhr.send(null);
}

/** #########################################
* Permet de recuperer le menu rayon
*/
function getMenuRayon(divObj, urlMenuRayon, rayonCourant){
    var xhr = getXhr();

    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4 && xhr.status == 200){
            responseAjax = xhr.responseText ;

            if(responseAjax != ""){                
                divObj.innerHTML = responseAjax ;
                selectRayonMenu(rayonCourant);
                var zonenbselection=document.getElementById("mesfavorismenu2") ;                      
                var comptemaselection = getNbMaSelection();
                zonenbselection.innerHTML=zonenbselection.innerHTML + comptemaselection ;
            }
        }
    }    
    xhr.open("GET", urlMenuRayon, true);
    xhr.setRequestHeader('Content-Type','text/xml');
    xhr.send(null);
}



/** #########################################
* Permet de charger l'image principale dans la popup photoplus
*/
function chargeMainPicture(idImage, urlImage){
    var currentPhoto = document.getElementById(idImage).src ;
    
    if(currentPhoto.indexOf(urlImage) == -1){
        document.getElementById(idImage).src = urlImage ;
        if(getElement("zoom", true, "")){
            hideBloc(getElement("zoom", true, "")) ;
        }
    }
}


/** #########################################
* Permet de charger l'image principale dans la popup photoplus ainsi que sa vue HD
*/
function chargeMainPictureHD(idImage, idImageZoomHD, urlImage, urlImageHd){
    var currentPhotoObj = document.getElementById(idImage) ;
    if(currentPhotoObj){
        var currentPhoto = currentPhotoObj.src ;

        //est ce que l'image a change ???
        if(currentPhoto.indexOf(urlImage) == -1){
            //si oui alors on met a jour l'image droite
            currentPhotoObj.src =urlImage ;
            
            //on met ensuite a jour l'image hd via le tableau mapPhotoHd
            var currentPhotoHdObj = document.getElementById(idImageZoomHD) ;
            if(currentPhotoHdObj){
                if(urlImageHd && urlImageHd != ""){
                    currentPhotoHdObj.style.backgroundImage = "url("+urlImageHd+")" ;
                    displayBloc(getElement("zoom", true, "")) ;
                }
                else{
                    currentPhotoHdObj.style.backgroundImage = "" ;
                    hideBloc(getElement("zoom", true, "")) ;
                }
            }
        }
    }
}


/** #########################################
* Permet de charger une image directe dans la popup photoplus
*/
function chargeDirectPhoto(){
    var params = getParameters() ;
    if(params){        
        if(params[0][0] && params[0][0] == "?zoom"){
            if(params[0][1] && params[0][1] != ""){
                var urlZoom = params[0][1] ;                
                
                if(params[1][0] && params[1][0] == "hd"){
                    if(params[1][1] && params[1][1] != ""){
                        var urlZoomHd = params[1][1] ;
                        chargeMainPictureHD("main-photo", "zoom", urlZoom, urlZoomHd) ;
                    }
                    else{
                        chargeMainPicture("main-photo", urlZoom) ;
                    }
                }
            }
        }
    }
}