// ***********************************************************************
// FONCTIONS AFFICHAGES DES FAQ
// ***********************************************************************

//var http = createRequestObject();
var nbquestions = 11;

function doRequestFaq(num_question) {
    // on mets tous les liens au style de off, sauf le lien de l'element selectionne
    for (i=1; i <= nbquestions; i++) {
        if (i == num_question) {
            document.getElementById('q' + i).className = "arial_11_225F22_bold";
            document.getElementById('faqResponse' + i).style.display = "block";
        }else{
            document.getElementById('q' + i).className = "arial_11_225F22";
            document.getElementById('faqResponse' + i).style.display = "none";			
        }
    }
}


// PARAMETRES
var _dir_images = "/images/fiche-produit/"; // repertoire de l'image e afficher
var _xlayer = 350; // position du bord gauche du layer relativement e la page
var _ylayer = 300; // position du bord haut du layer relativement e la page
var _couleur_fond = "#EEFAE4"; // couleur du fond
var _couleur_titre = "#FFD07D"; // couleur du titre
var _bordure_titre = "#707070"; // couleur de la bordure autour du titre (pas de bordure indiquer : "")
var _police = "Verdana,Arial,Helvetica,sans serif"; // police du texte
var _bouton_fermer = "/images/fiche-produit/croix.gif"; // bouton fermer la fenetre en haut du layer
var _id_layer = "popup";
var _haut_titre = 25; // hauteur du titre en pixels (pour determiner la hauteur de la zone permettant le deplacement)   

// VARIABLES GLOBALES
var nn4 = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
var obj_layer_fp = null;
var larg_image = 0; // largeur de l'image
var cache = true;
var X,Y,moveX,moveY,offsetX,offsetY;
var b_traine = false; // vrai, lorsqu'on est en train de deplacer le layer
var tempXfp = 0 ;
var tempYfp = 0;

// creation de l'objet obj_layer_fp en fonction du navigateur :
// affecte le layer et lui donne son emplacement vertical
function init_layerAvis() {

    if (dom && (document.getElementById(_id_layer))) {
        obj_layer_fp = document.getElementById(_id_layer).style;
        X = iex ?  "event.clientX": "e.clientX";
        Y = iex ?  "event.clientY" : "e.clientY";
        offsetX = (iex) ? "document.body.scrollLeft" : "pageXOffset";
        offsetY = (iex) ? "document.body.scrollTop" : "pageYOffset";
    }
    else if (iex && (_id_layer)) {
        obj_layer_fp = _id_layer.style;
        X="event.clientX";
        Y="event.clientY";
        offsetX="document.body.scrollLeft";
        offsetY="document.body.scrollTop";
    }
    else if (nn4 && (document.layers[_id_layer])) {
        obj_layer_fp = document.layers[_id_layer];
        X="e.pageX";
        Y="e.pageY";
        offsetX="pageXOffset";
        offsetY="pageYOffset";
        document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP);
    }
    if (obj_layer_fp) {
        obj_layer_fp.left = _xlayer;
        obj_layer_fp.top = _ylayer;
    }
  //  alert('init_layer'+obj_layer_fp);
}


// ecrit le contenu dans le layer et le rend visible
function contenu_layer(contenu) {
    if (nn4) {
        obj_layer_fp.document.write(contenu);
        obj_layer_fp.document.close();
        obj_layer_fp.visibility = "visible";
    }
    else if (dom) {
        document.getElementById(_id_layer).innerHTML = contenu;
        obj_layer_fp.visibility = "visible";
    }
    else if (iex) {
        document.all[_id_layer].innerHTML = contenu;
        obj_layer_fp.visibility = "visible";
    }
}

// cache le layer (seulement s'il est visible)
function fermerp() {
    if (!cache) {
        resetEffectp('masque');
        obj_layer_fp.innerHTML = '';
        obj_layer_fp.visibility = "hidden";
        cache = true;
        //initLayer('targetarea');
    }
}

// positionne correctement le layer si on a fait defile la page
/*
function scroll_layer() {
    if (document.all) {
        obj_layer_fp.left = parseInt(document.body.scrollLeft + _xlayer)+"px";
        obj_layer_fp.top = parseInt(document.body.scrollTop + _ylayer)+"px";
    }
    else {
        obj_layer_fp.left = parseInt(window.pageXOffset + _xlayer)+"px";
        obj_layer_fp.top = parseInt(window.pageYOffset + _ylayer)+"px";
    }
}
*/
function scroll_layer() {
    if (document.all) {
        if(tempXfp - 200 >0) {
            obj_layer_fp.left = parseInt(tempXfp - 200 )+"px";
        }
        else {
            obj_layer_fp.left ="0px";
        }
        if(tempYfp - 200 >0) {
            obj_layer_fp.top = parseInt(tempYfp - 200 )+"px";
        }
        else {
            obj_layer_fp.top ="0px";
        }
     //   obj_layer_fp.top = parseInt(tempYfp - 200 )+"px";
    }
    else {
        if(tempXfp - 200 >0)
            
        {
            obj_layer_fp.left = parseInt(tempXfp - 200 )+"px";
        }
        else {
            obj_layer_fp.left = "0px";
        }
                if(tempYfp - 200 >0) {
            obj_layer_fp.top = parseInt(tempYfp - 200 )+"px";
        }
        else {
            obj_layer_fp.top ="0px";
        }
     // obj_layer_fp.top = parseInt(tempYfp - 200  )+"px";
    }
    //alert("obj_layer_fp.left" +obj_layer_fp.left);
    
}
function getMouseXY(e) {  
    if (IE) { // grab the x-y pos.s if browser is IE 
    tempXfp = event.clientX + document.body.scrollLeft  ;
    tempYfp =    event.clientY + document.body.scrollTop + document.documentElement.scrollTop;

     } 
    else {
       // grab the x-y pos.s if browser is NS    
        tempXfp = e.pageX;    
        tempYfp = e.pageY;  
    }    
    // catch possible negative values in NS4  
    if (tempXfp < 0){
        tempXfp = 0;
    }  
    if(!IE)
        {
    if (tempYfp < 0){
        tempYfp = 0;
    }    
    }
    if ( (tempXfp + 400 )  > 1000){
        tempXfp = 600;
    }  

    //document.title = "tempXfp " +tempXfp+" tempYfp " +tempYfp;

    return true
}



// GESTION DE LA COULEUR







function startEffectp() {
    startTop   = $('masque').offsetTop;
    startLeft  = $('masque').offsetLeft; 
    //$('masque').style.bgColor = '#000000';
    //$('masque').style.opacity = 0.10;
    //$('masque').style.visibility = "visible";	    
   // new Rico.Effect.FadeTo( 'masque', 0.4, 10, 4 );
    document.getElementById('masque').style.zIndex = 1;
}

function resetEffectp() {
    //new Rico.Effect.FadeTo( 'masque', 0.1, 10, 4 ); 
    document.getElementById('masque').style.zIndex = -1;
    document.getElementById('masque').style.visibility = "hidden";	
}


function initLayer(mylayer) {
    document.getElementById(mylayer).innerHTML = '';
}

function showPopup(libele) {
    init_layerAvis();
    
    if (obj_layer_fp) {	
        cache = false;
        
        startEffectp('masque');
        var ch_texte = '<div id="contentPopup" >';
        
        if(libele=='panier'){
            ch_texte += '<h1 class="produits">L\'article a bien &eacute;t&eacute; ajout&eacute; au panier</h1><br>';
            ch_texte += '<div id="targetarea" class="arial_12_000000" style="margin-top: 5px; margin-bottom: 10px;">&nbsp;</div>';
            ch_texte += '<a href="pre?zone=zoneprocessachat&baskettodo=display&pageid=17"><img src="/images/fiche-produit/accederAupanierVert.gif" border="0"></a><br>';
            ch_texte += '<a href=javascript:fermerp()><img src="/images/fiche-produit/btnPoursuivreAchatsVert.gif" border="0"></a></div>';
        }
        
        if(libele=='liste'){
            ch_texte += '<h1 class="produits">L\'article a bien &eacute;t&eacute; ajout&eacute; &agrave; ma liste</h1><br>';
            ch_texte += '<div id="targetarea" class="arial_12_000000" style="margin-top: 5px; margin-bottom: 10px;">&nbsp;</div>';
            ch_texte += '<a href="pre?zone=zonelistecourse&srvname=srvlistecourse&action=showlistecourse&pageid=17"><img src="/images/fiche-produit/accederAmalisteVert.gif" border="0"></a><br>';
            ch_texte += '<a href=javascript:fermerp()><img src="/images/fiche-produit/btnPoursuivreAchatsVert.gif" border="0"></a></div>';
            
        }
        
        if(libele=='nf'){
            ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
            ch_texte += '<h1 class="produits">Norme Fran&ccedil;aise</h1><br>';
            ch_texte += '<div id="targetarea" class="arial_12_000000" style="margin-top: 5px; margin-bottom: 5px;">&nbsp;</div>';
            ch_texte += '<table cellspacing="2"><tr><td valign="top"><img src="/images/fiche-produit/logoQualite2.gif" alt="" /></td><td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla pretium, eros a dapibus ultrices, ligula arcu aliquam justo, congue gravida quam tortor eu metus. Etiam lacinia risus id sem. Pellentesque tellus. Aliquam ac erat vel ligula viverra lobortis. In hac habitasse platea dictumst. Duis accumsan. Nullam eget libero. Aliquam erat volutpat. Sed lectus lorem, commodo ut, elementum quis, molestie nec, tortor. Donec est massa, sollicitudin eget, aliquet sagittis, bibendum sed, libero. Nullam libero mi, dignissim in, vulputate sit amet, pharetra at, orci. Praesent pretium pulvinar risus.</td></tr></table>';
            ch_texte += '</div>';
        }
        
        if(libele=='composition'){
            ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
            ch_texte += '<h1 class="produits">Composition</h1><br>';
            ch_texte += '<div id="targetarea" class="arial_12_000000" style="margin-top: 5px; margin-bottom: 5px;">&nbsp;</div>';
            ch_texte += '<b>Image compos&eacute;e de 3 l&eacute;s de papier peint intiss&eacute;</b><br><br>';
            ch_texte += 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla pretium, eros a dapibus ultrices, ligula arcu aliquam justo, congue gravida quam tortor eu metus. Etiam lacinia risus id sem. Pellentesque tellus. Aliquam ac erat vel ligula viverra lobortis. In hac habitasse platea dictumst. Duis accumsan. Nullam eget libero. Aliquam erat volutpat. Sed lectus lorem, commodo ut, elementum quis, molestie nec, tortor. Donec est massa, sollicitudin eget, aliquet sagittis, bibendum sed, libero. Nullam libero mi, dignissim in, vulputate sit amet, pharetra at, orci. Praesent pretium pulvinar risus.';
            ch_texte += '</div>';
        }
        
        if(libele == 'popup:schemas'){
            
            ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
            ch_texte +=  '<h1 class="produits">Schemas</h1><br>';
            ch_texte +=  document.getElementById("schema").value;
            ch_texte +=  '</div>';
            
        }
        if(libele == 'popup:plusphotos' ){
            
            ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
            ch_texte +=  '<h1 class="produits">Plus de photos</h1><br>';
            ch_texte +=  document.getElementById("plusphotos").value;
            ch_texte +=  '</div>';
            
        }
        if(libele == 'popup:ensavoirplus'){
            
            ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
            ch_texte +=  '<h1 class="produits">En savoir plus</h1><br>';
            ch_texte +=  document.getElementById("ensavoirplus").value;
            ch_texte +=  '</div>';
            
        }
        
        if(libele=='archiveAddOk'){
            ch_texte += '<img src="/images/compte/popup_title.gif" width="129" height="16"><br>';
            ch_texte += '<div id="targetarea" class="arial_12_000000" style="margin-top: 5px; margin-bottom: 10px;">&nbsp;</div>';
            ch_texte += '<a href="/mpng2-front/pre?zone=zoneespaceperso&srvname=srvuserarchivemngt&pageid=28"><img src="/images/compte/popup_btn1.gif" width="203" height="21" border="0"></a><br>';
            ch_texte += '<a href=javascript:fermerp()><img src="/images/compte/popup_btn2.gif" width="276" height="21" border="0"></a></div>';
        }
        
        if(libele=='errorinaddress'){
            ch_texte += '<img src="/images/liste-panier/msgErreur.gif" alt="erreur" /><br/>';
            ch_texte += '<div id="targetarea" style="margin-top: 5px; margin-bottom: 10px;"><strong>Veuilllez corriger ou renseigner les champs <br />en contour rouge.</strong></div>';
            ch_texte += '<a href=javascript:fermerp()><img src="/images/liste-panier/btnFermerErreur.gif" alt="fermer" /></a></div>';
        }
        
        scroll_layer();
        contenu_layer(ch_texte);
        
    }
    
}
function showDescription(libele,description) {
    init_layerAvis();
    if (obj_layer_fp) {	
        cache = false;
        
        startEffectp('masque');
        
        var ch_texte = '<div id="contentPopup" >';
        ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
        ch_texte +=  '<h1 class="produits">'+libele+'</h1><br>';
        ch_texte +=  description ;
        ch_texte +=  '</div>';
        scroll_layer();
        contenu_layer(ch_texte);
    }
    
    
    
}

function showOnglet(libelle) {
    document.getElementById("infosAnnexeBlocid").innerHTML = document.getElementById(libelle).value;
    if(document.getElementById('bienchoisirclass')) {
        document.getElementById('bienchoisirclass').setAttribute('class','');
        document.getElementById('bienchoisirclass').setAttribute('className','');
    }
    if(document.getElementById('faiteslevousmemeclass')) {
        document.getElementById('faiteslevousmemeclass').setAttribute('class','');
        document.getElementById('faiteslevousmemeclass').setAttribute('className','');
    }
    if(document.getElementById('lsoptionclass')) {
        document.getElementById('lsoptionclass').setAttribute('class','');
        document.getElementById('lsoptionclass').setAttribute('className','');      
    }
    if(document.getElementById('lsoptiontype1class')) {
        document.getElementById('lsoptiontype1class').setAttribute('class','');
        document.getElementById('lsoptiontype1class').setAttribute('className','');      
    }
    if(document.getElementById('avisclass')) {
        document.getElementById('avisclass').setAttribute('class','');
        document.getElementById('avisclass').setAttribute('className','');      
    }
    document.getElementById(libelle+'class').setAttribute('class','on');
    document.getElementById(libelle+'class').setAttribute('className','on');
}    


// DEPLACEMENT DU LAYER AVEC LA SOURIS

// initialisation lorsqu'on appuye sur le bouton de la souris (debut du deplacement)
// l'argument "e" est necessaire pour Netscape 4
function init_traine(e) {
    if (obj_layer_fp && !cache) {
        var Xin = eval(X);
        var Yin = eval(Y);
        var L = parseFloat(obj_layer_fp.left);
        var T = parseFloat(obj_layer_fp.top);
        var offX = (nn4)? 0 : eval(offsetX);
        var offY = (nn4)? 0 : eval(offsetY);
        // determine si la souris est dans la zone superieure du layer
        if (Xin>(L-offX) && Xin<(L-offX+larg_image) && Yin>(T-offY) && Yin<(T-offY+_haut_titre)) {
            b_traine = true;
            moveX=Xin-L;
            moveY=Yin-T;
        }
        else b_traine = false;
    }
    else b_traine = false;
}

function stop_traine() {
    if (b_traine) {
        moveX = null;
        moveY = null;
        b_traine = false;
    }
}

function traine_layer(e) {
    if (b_traine) {
        var Xin = eval(X);
        var Yin = eval(Y);
        // deplacement
        obj_layer_fp.top = Yin - moveY;
        obj_layer_fp.left = Xin - moveX;
    }
}

document.onmousedown=init_traine;
document.onmousemove=traine_layer;
document.onmouseup=stop_traine;
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onclick=getMouseXY;

function getiFrame(libele){
    
    showNorme('norme',document.getElementById(libele+'tx').value);
    
}
function showNorme(libele,description) {
    init_layerAvis();
    if (obj_layer_fp) {	
        cache = false;
        
        startEffectp('masque');
        
        var ch_texte = '<div id="contentPopup" >';
        ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
        //ch_texte +=  '<h1 class="produits">'+libele+'</h1><br>';
        ch_texte +=  description ;
        ch_texte +=  '</div>';
        scroll_layer();
        contenu_layer(ch_texte);
    }
}
function showCondition(libele) {
   // alert("showCondition in");
    init_layerAvis();
    if (obj_layer_fp) {	
        cache = false;
        
        startEffectp('masque');
        
        var ch_texte = '<div id="contentPopup" >';
        ch_texte += '<div class="fermer"><a href="javascript:fermerp()">Fermer <img src="/images/fiche-produit/icoFermerZoom.gif" alt="fermer" /></a></div>';
        ch_texte +=  '<h1 class="produits">Conditions de r&eacute;daction et de publication d\'un avis</h1><br>';
        ch_texte += '<div id="targetarea" class="arial_12_000000" style="margin-top: 5px; margin-bottom: 5px;">';
        ch_texte += 'Tout avis post&eacute; sur le site leroymerlin.fr engage la responsabilit&eacute; de son auteur. ';
        ch_texte += '<br/>';
        ch_texte += 'En postant un avis, chaque internaute est pleinement conscient et averti du fait que le message ne sera publi&eacute; qu\'apr&egrave;s relecture orthographique et mod&eacute;ration &eacute;ventuelle par nos soins. Vous recevrez un mail de confirmation d&egrave;s la validation de votre avis. La d&eacute;cision de mettre en ligne et rendre public un commentaire est &agrave; la discr&eacute;tion de leroymerlin.fr.';
        ch_texte += '<br/>';
        ch_texte += 'Ne seront accept&eacute;s que les commentaires et explications concernant le produit ou le livre comment&eacute;. S\'il n\'appartient pas &agrave; leroymerlin.fr de juger de la pertinence d\'un avis, tout commentaire visiblement publicitaire, paraissant &eacute;maner d\'un fournisseur ou d\'un de ses concurrents ne sera pas publi&eacute;. Nous serons oblig&eacute; de refuser tout texte faisant r&eacute;f&eacute;rence au prix (en dehors d\'un avis sur un rapport qualit&eacute;/prix), &agrave; la disponibilit&eacute; ou &agrave; la livraison d\'un produit.';
        ch_texte += '<br/>';
        ch_texte += 'De m&ecirc;me, il est interdit de laisser des coordonn&eacute;es, qu\'elles soient postales, t&eacute;l&eacute;phoniques ou Internet dans un avis. Il est possible de laisser une URL pertinente dans un message, mais leroymerlin.fr se r&eacute;serve le droit de refuser certains liens.';
        ch_texte += '<br/>';
        ch_texte += 'Sachez &eacute;galement que les propos r&eacute;pr&eacute;hensibles aux yeux de la loi et des usages Internet ne seront pas accept&eacute;s, particuli&egrave;rement les messages grossiers, injurieux ou diffamants. S\'il est &eacute;vident qu\'un commentaire est forc&eacute;ment partial et donc soumis &agrave; d&eacute;bat de la part d\'autres internautes, toute attaque personnelle n\'a pas lieu d\'&ecirc;tre et les r&eacute;f&eacute;rences &agrave; des commentaires pr&eacute;c&eacute;dents doivent rester factuelles.';
        ch_texte += '<br/>';
        ch_texte += 'Enfin, leroymerlin.fr se r&eacute;serve le droit de trancher tout cas particulier non mentionn&eacute; dans la pr&eacute;sente charte et, ainsi, de publier ou non un avis.';
        ch_texte += '<br/>';
        ch_texte += '<br/>';
        ch_texte += '<h1 class="produits">Questions-R&eacute;ponses</h1>';
        ch_texte += '<i>- Mon avis n\'est pas imm&eacute;diatement visible en ligne. Pourquoi ?</i><br>';
        ch_texte += 'Votre avis doit d\'abord passer par notre service de mod&eacute;ration. Nous faisons le maximum pour que la validation du commentaire prenne le moins de temps possible.';
        ch_texte += '<br/>';
        ch_texte += '<br/>';
        ch_texte += '<br/><i>- Pourquoi mon texte a-t-il &eacute;t&eacute; l&eacute;g&egrave;rement modifi&eacute; ?</i><br>';
        ch_texte += 'Leroymerlin.fr, dans un souci de qualit&eacute; et pour un meilleur confort du lecteur, a souhait&eacute; proc&eacute;der &agrave; la correction orthographique des avis propos&eacute;s par les internautes. Cependant, en aucun cas, un avis ne sera publi&eacute; amput&eacute; d\'une partie de l\'&eacute;crit originel ou une note modifi&eacute;e.';
        ch_texte += '<br/>';
        ch_texte += '<br/><i>- Mon avis n\'a pas &eacute;t&eacute; publi&eacute;. Pour quelles raisons ?</i><br>';
        ch_texte += 'Sans doute un &eacute;l&eacute;ment de votre texte comportait des &eacute;l&eacute;ments en opposition avec la charte ci-dessus. Or, un avis ne sera pas publi&eacute; partiellement.';
        
        ch_texte += '</div>';
        ch_texte +=  '</div>';
        scroll_layer();
        contenu_layer(ch_texte);
    alert("showCondition out")

    }    
}
