var fondDiv = false;
var dataDiv = false;

// chargement de la page
jQuery(document).ready(function(){
    afficheSousMenu();
    textInputConnexion();
    setForm(myClass);
    initTipsCompte();
    
    loadWidgets();
});

function loadWidgets(){
    addEffectWidget('partage-cave');
    addEffectWidget('partage-social');
    addEffectWidget('parrainage');
    addEffectWidget('forum');
}

function addEffectWidget(nodeClass){
    var duree = 500;
    var timeoutID = '';
    var myNode = jQuery('#widgets .'+nodeClass);
    var bgPos = jQuery(myNode).css('backgroundPosition');
    jQuery(myNode).hover(function(){
        timeoutID = setTimeout(function(){
            jQuery(myNode).css('width','220px');
            jQuery(myNode).animate({
                backgroundPosition:'0px 0px'
            }, duree, function(){
                jQuery(myNode).find('a').css('display', 'block');
            });
        }, 500);
    
    }, function(){
        clearTimeout(timeoutID);
        jQuery('#widgets .'+nodeClass+' a').css('display', 'none');
        jQuery(this).animate({
            backgroundPosition:bgPos
        }, duree, function(){
            jQuery(this).css('width','44px');
        });
        
    });
}
// Tool tip lien encart compte

function initTipsCompte(){
    jQuery('#bloc-compte a[tip]').each(function(){
        jQuery(this).qtip({
            content: jQuery(this).attr('tip'), // Use the tooltip attribute of the element for the content
            position: {
                corner: {
                    target: 'bottomMiddle',
                    tooltip: 'topMiddle'
                }
            },
            style: {
                background: "url('/styles/images/compte/tool-tip-compte.png')",
                width: 140,
                height: 52,
                border: 0,
                'padding-top': 20,
                'font-size': 12,
                color: '#e2e1d7'
            }
        });
    });
}


function createTips(param) {
    jQuery('#'+param).qtip({
        content: jQuery('#'+param).attr('tip'), // Use the tooltip attribute of the element for the content
        position: {
            corner: {
                target: 'bottomMiddle',
                tooltip: 'topMiddle'
            }
        },
        style: {
            background: "url('/styles/images/compte/tool-tip-compte.png')",
            width: 140,
            height: 52,
            border: 0,
            'padding-top': 20,
            'font-size': 12,
            color: '#e2e1d7'
        }
    });
}

function createTipsNewsletter(param) {
    jQuery('#'+param).qtip({
        content: jQuery('#'+param).attr('tip'), // Use the tooltip attribute of the element for the content
        position: {
            corner: {
                target: 'bottom',
                tooltip: ''
            }
        },
        style: {
            background: "url('/styles/images/compte/tool-tip-compte.png')",
            width: 140,
            height: 52,
            border: 0,
            'padding-top': 20,
            'font-size': 12,
            color: '#e2e1d7'
        }
    });
}

function partageFB(node){
    if(node.checked){
        var val = 1;
    }else{
        var val = 0;
    }
    jQuery("#partage_fb").attr('value', val);
}

// copie presse papier
function copyToClipboardIE(sText){
    // Le contenu actuel du presse-papier sera écrasé par la valeur de sText.
    window.clipboardData.setData('Text', sText);
    // On ne veut pas suivre le lien après le clic.
    return false;
}

function copyToClipboardFF(sText){
    try {
        // On test si la configuration permet l'accès au presse-papier.
        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    } 
    catch (e) {
        alert("Impossible d'accéder au presse-papier.");
    }
    // Initialisation du composant fournit par Mozilla.
    var gClipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);
    // Copie du texte dans le presse papier.
    gClipboardHelper.copyString(sText);
    // On ne veut pas suivre le lien après le clic.
    return false;
}

function copyToClipboard(sText){
    // Cas où on a accès à l'objet clipboardData.
    if (window.clipboardData) {
        return copyToClipboardIE(sText);
    }
    // Cas où on peut tester la configuration de Firefox sur
    else 
    if (typeof(netscape) == 'object' && typeof(Components) == 'object') {
        return copyToClipboardFF(sText);
    }
    else {
        alert("Cette fonctionnalité n'est pas disponible pour votre navigateur.");
    }
    return false;
}

//-- copie presse papier

//-- Tool tip lien encart compte

// Remplacement select
function selectReplacement(obj){
    // append a class to the select
    obj.className += ' replaced';
    // create list for styling
    var ul = document.createElement('ul');
    ul.className = 'selectReplacement';
    var opts = obj.options;
    for (var i = 0; i < opts.length; i++) {
        var selectedOpt;
        if (opts[i].selected) {
            selectedOpt = i;
            break;
        }
        else {
            selectedOpt = 0;
        }
    }
    for (var i = 0; i < opts.length; i++) {
        var li = document.createElement('li');
        var txt = document.createTextNode(opts[i].text);
        li.appendChild(txt);
        li.selIndex = opts[i].index;
        li.selectID = obj.id;
        li.onclick = function(){
            selectMe(this);
        }
        if (i == selectedOpt) {
            li.className = 'selected';
            li.onclick = function(){
                this.parentNode.className += ' selectOpen';
                this.onclick = function(){
                    selectMe(this);
                }
            }
        }
        if (window.attachEvent) {
            li.onmouseover = function(){
                this.className += ' hover';
            }
            li.onmouseout = function(){
                this.className = this.className.replace(new RegExp(" hover\\b"), '');
            }
        }
        ul.appendChild(li);
    }
    // add the input and the ul
    obj.parentNode.appendChild(ul);
}

function selectMe(obj){
    var lis = obj.parentNode.getElementsByTagName('li');
    for (var i = 0; i < lis.length; i++) {
        if (lis[i] != obj) { // not the selected list item
            lis[i].className = '';
            lis[i].onclick = function(){
                selectMe(this);
            }
        }
        else {
            setVal(obj.selectID, obj.selIndex);
            obj.className = 'selected';
            obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
            obj.onclick = function(){
                obj.parentNode.className += ' selectOpen';
                this.onclick = function(){
                    selectMe(this);
                }
            }
        }
    }
}

function setVal(objID, selIndex){
    var obj = document.getElementById(objID);
    obj.selectedIndex = selIndex;
    
    // Cas select pour la recherche
    if (obj.className == 'select-recherche replaced') {
        var data = buildDataAJAX(obj.className);
        jQuery.ajax({
            type: "POST",
            url: "/js/ajax/recherche.php",
            data: data,
            success: function(html){
                jQuery("#list-select").html(html);
                setForm('select-recherche');
            }
        });
    }
    //-- Cas select pour la recherche
    
    // Cas select pour le previsionnel
    if (obj.className == 'select-previsionnel replaced') {
        document.forms['compte_previsionnel'].submit();
    }
    //-- Cas select pour le previsionnel
    
    // Cas pour la gestion des visite
    if (obj.className == 'select-niveau-acces replaced') {
        document.forms['form_niveau_acces'].submit();
    }
    //-- Cas pour la gestion des visite
    
    // Cas pour les adresses livraison
    if (obj.className == 'select-adresse-livraison replaced') {
        location.href = '/mon-compte/livraison-adresse.html?adresse_id=' + obj.value;
    }
    //-- Cas pour les adresses livraison

    // Cas pour les adresses livraison immediate
    if (obj.className == 'select-adresse-livraison-immediate replaced') {
        location.href = '/paiement-vente.html?adresse_id=' + obj.value;
    }
    //-- Cas pour les adresses livraison immediate
    
    // Cas pour les adresses livraison vente direct
    if (obj.className == 'select-adresse-livraison-vi replaced') {
        location.href = '/livraison-vente.html?adresse_id=' + obj.value;
    }
    //-- Cas pour les adresses livraison immediate
    
    // Cas pour les adresses compte
    if (obj.className == 'select-adresse-compte replaced') {
        location.href = '/mon-compte/mes-adresses.html?adresse_id=' + obj.value;
    }
//-- Cas pour les adresses compte

}

function setForm(className){
    var s = new Array();
    if (className != null && className.length > 0) {
        if (document.getElementsByClassName) {
            s = document.getElementsByClassName(className);
        }
        else { //cas special IE car n'implemente pas la fonction getElementsByClassName
            elm = document.getElementsByTagName('select');
            for (var i = 0; i < elm.length; i++) {
                if (elm[i].className == className) {
                    s.push(elm[i]);
                }
            }
        }
    }
    else {
        s = document.getElementsByTagName('select');
    }
    
    for (var i = 0; i < s.length; i++) {
        selectReplacement(s[i]);
    }
}

function closeSel(obj){
// close the ul
}

function buildDataAJAX(className){
    var s = new Array();
    var data = '';
    
    if (document.getElementsByClassName) {
        s = document.getElementsByClassName(className); //récupération des select
    }
    else { //cas spe IE
        elm = document.getElementsByTagName('select');
        for (var i = 0; i < elm.length; i++) {
            if (elm[i].className == className) {
                //alert('cas IE');
                s.push(elm[i]);
            }
        }
    }
    for (var i = 0; i < s.length; i++) { //on boucle dessus
        data += s[i].id + "="; //recup chaque identifiant de select
        var opts = s[i].options; //on recup les options du select
        for (var j = 0; j < opts.length; j++) { //on boucle dessus pr savoir laquelle est selectionner
            var selectedOpt;
            if (opts[j].selected) {
                data += opts[j].value + "&"; //on la concatene dans la chaine pr la requete AJAX
                break;
            }
        }
    }
    return data;
}

//-- remplacement select
function loadDetailFormule_old(){
    jQuery(".btn-radio-detail").each(function(){
        jQuery(this).click(function(){
            jQuery(".desc-detail-formule").css('display', 'block');

            jQuery(".le-detail-formule").css('display', 'none');
            jQuery(".le-detail-formule input").attr("disabled", "disabled");

            jQuery("#desc_"+this.id).css('display', 'block');
            jQuery("#desc_"+this.id+" input").removeAttr('disabled');

            jQuery(".wrapper-roadmap input").attr('disabled', 'disabled');
        });
    });

    jQuery(".btn-versement").click(function(){
        jQuery("#"+jQuery(this).parents(".le-detail-formule").attr('id')+" .versement-libre").attr('value','0');
    });
    jQuery(".versement-libre").click(function(){
        jQuery(this).select();
        jQuery("#"+jQuery(this).parents(".le-detail-formule").attr('id')+" .btn-versement").removeAttr('checked');
    });

    // gestion roadmap
    jQuery(".roadmap").each(function(){

        jQuery(this).css('cursor', 'pointer').click(function(){
            if(!jQuery(this).hasClass('selected')){
                jQuery(".wrapper-roadmap input").attr('disabled', 'disabled');
                // alert(this.id);
                jQuery("#"+this.id+" input").removeAttr('disabled');
                
                jQuery(".roadmap.selected").removeClass('selected');
                jQuery(this).addClass('selected');
            }
        });
    });
}

function loadDetailFormule(){
    jQuery(".btn-versement").click(function(){
        jQuery("#"+jQuery(this).parents(".le-detail-formule").attr('id')+" .versement-libre").attr('value','0');
    });
    jQuery(".versement-libre").click(function(){
        jQuery(this).select();
        jQuery("#"+jQuery(this).parents(".le-detail-formule").attr('id')+" .btn-versement").removeAttr('checked');
    });
}

function initCave(){
    jQuery("#fleche-gauche").click(function(){
        jQuery(this).unbind('click');
        slideCave('+');
    });
    jQuery("#fleche-droite").click(function(){
        jQuery(this).unbind('click');
        slideCave('-');
    });
}

function slideCave(direction){

    var decContenu = 200;
    var decHeader = 100;
    var duree = 1000;
    var zoneCave = 693;
    var mlTemp = jQuery("#contenu-cave").css('margin-left');
    var ml = mlTemp.substring(0, mlTemp.indexOf('px'));
    
    var nextMl = Math.abs(eval(ml + direction + decContenu)); //calcul de la valeur du prochain margin left
    var widthTemp = jQuery("#contenu-cave").css('width');
    var width = widthTemp.substring(0, widthTemp.indexOf('px'));
    
    if ((ml == 0 && direction == '+') || ((nextMl + zoneCave) >= width && direction == '-')) {
        decContenu = 0;
        decHeader = 0;
    }
    
    jQuery("#contenu-cave").animate({
        marginLeft: direction + '=' + decContenu + 'px'
    }, duree, function(){
        initCave();
    })
    
    jQuery("#entete-cave").animate({
        marginLeft: direction + '=' + decHeader + 'px'
    }, duree)
    
}

function genereToolTip(id, x, y, sortie){
    jQuery.ajax({
        type: "GET",
        url: "/js/ajax/tool_tip_bouteille.php",
        data: "commande_produit_id=" + id + "&sortie=" + sortie,
        success: function(msg){
            //alert(msg);
            dataDiv = document.createElement('div');
            dataDiv.style.position = 'absolute';
            dataDiv.style.left = x + "px";
            dataDiv.style.top = y + "px";
            dataDiv.innerHTML = msg;
            dataDiv.id = 'produit_bouteille_' + id;
            dataDiv.className = 'tool-tip-bottle';
            dataDiv.style.display = 'none';
            document.body.appendChild(dataDiv);
            jQuery(dataDiv).fadeIn('fast');
        }
    });
}

function initToolTip(sortie){
    jQuery("#contenu-cave .bouteille[rel]").each(function(){
        if (jQuery(this).attr('rel') != '') {
            var dataDiv = '';
            var id = jQuery(this).attr('rel');
            jQuery(this).hover(function(event){
                // on cache toutes les autres tool tip
                jQuery(".tool-tip-bottle").each(function(){
                    jQuery(this).css('display', 'none');
                });
                
                jQuery(this).css('cursor', 'pointer');
                
                var x = event.pageX + 10;
                var y = event.pageY + 10;
                
                //si la tooltip pr le produit nexiste pas, on la crée
                if (!jQuery("#produit_bouteille_" + id).attr('id')) {
                    idTimeout = setTimeout(function(){
                        genereToolTip(id, x, y, sortie)
                    }, 300);
                }
                else {
                    jQuery("#produit_bouteille_" + id).css("left", x);
                    jQuery("#produit_bouteille_" + id).css("top", y);
                    idTimeout = setTimeout(function(){
                        jQuery("#produit_bouteille_" + id).fadeIn('fast');
                    }, 500);
                }
            }, function(){
                clearTimeout(idTimeout);
                jQuery("#produit_bouteille_" + id).fadeOut('fast');
                
                idTime = setTimeout(function(){
                    jQuery(".tool-tip-bottle").each(function(){
                        jQuery(this).css('display', 'none');
                    });
                }, 500);
                clearTimeout(idTime);
            });
        }
    });
}

function initToolTipSortie(sortie){
	
    jQuery("#contenu-cave .bouteille[rel]").each(function(){
        if (jQuery(this).attr('rel') != '') {
            var dataDiv = '';
            var id = jQuery(this).attr('rel');
            
            jQuery(this).hover(function(event){
                jQuery(this).css('cursor', 'pointer');
            });
            
            jQuery(this).click(function(event){
                jQuery("body").click(function(event){
                    // on cache toutes les autres tool tip
                    jQuery(".tool-tip-bottle").each(function(){
                        jQuery(this).css('display', 'none');
                    });
                });
                
                var x = event.pageX + 5;
                var y = event.pageY + 5;
				
                genereToolTip(id, x, y, sortie);
            });
        }
    });
	
}

//-- Ma Cave

// recherche

/*
 function search(){
 jQuery("#recherche select").change(function(){
 var data = '';
 jQuery("#recherche select").each(function(){
 //alert(jQuery(this).attr('id'));
 data += jQuery(this).attr('id') + '=' + jQuery(this).attr('value') + '&';
 });
 
 jQuery.ajax({
 type: "POST",
 url: "/js/ajax/recherche.php",
 data: data,
 success: function(html){
 jQuery("#list-select").html(html);
 search();
 }
 });
 
 });
 }
 */
//-- recherche

// menu et sous menu
function afficheSousMenu(){
    jQuery("#menu-principal a").each(function(i){
    
        jQuery(this).hover(function(event){
            jQuery("#menu-principal a").each(function(i){
                jQuery(this).removeClass('hover');
            });
            jQuery(this).addClass('hover');
            
            jQuery("#sous-menu .sous-menu-categorie").each(function(i){
                jQuery(this).css('display', 'none');
            });
            var id = jQuery(this).attr("id");
            jQuery("#sous-" + id).css('display', 'block');
        });
    });
}

function alterneText(id, text){
    jQuery(id).focus(function(){
        if (jQuery(this).attr('value') == text) {
            jQuery(this).attr('value', '');
        }
    });
    jQuery(id).blur(function(){
        if (jQuery(this).attr('value') == '') {
            jQuery(this).attr('value', text);
        }
    });
}

function textInputConnexion(){
    alterneText("#client_email", 'Votre email ici');
    alterneText("#client_password", 'Mot de passe');
    
    alterneText("#client_email_login", 'Votre email ici');
    alterneText("#client_password_login", 'Mot de passe');
}

// edition adresse panier paiement
function editAdresse(){
    jQuery("#lien-modif-adresse").click(function(){
        jQuery("#info-adresse").addClass("hidden");
        jQuery("#form-adresse").removeClass("hidden");
    });
}

var fondDiv = false;
var dataDiv = false;

function addFriend(idForm){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup-moyen.png) no-repeat top left',
        width: '503px',
        height: '550px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-249px',
        marginTop: (getScrollTop() - 279) + 'px',
        zIndex: '1600',
        visibility: 'hidden'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/addFriendCave.php', {
        method: 'post',
        update: dataDiv,
        data: $(idForm).toQueryString(),
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
        },
        evalScripts: true
    }).request();
    
}

// avis
function displayAvis(){
    $$("#img_note li").each(function(element){	  
        element.addEvents({
            'mouseenter': function(){
                var chaine=element.id;
                var pos=chaine.length-1;
                var num=chaine.substr(pos,1);
                for(i=1;i<=num;i++){
                    $('img_note_'+i).addClass('active');
                }
            /*$('notation_defaut').setStyle('display', 'none');
				$('notation_nom').setStyle('display', 'block');
				$('notation_nom').innerHTML=$('txt_note_'+num).value;*/
            },
            'click': function(){
                for(i=1;i<=5;i++){
                    $('img_note_'+i).removeClass('active_click');
                }
				
                var chaine=element.id;
                var pos=chaine.length-1;
                var num=chaine.substr(pos,1);
                for(i=1;i<=num;i++){
                    $('img_note_'+i).addClass('active_click');
                }
                $('notation_id').value=num;
            // $('notation_nom_nom').value=$('notation_nom').innerHTML;
            },
            'mouseleave': function(){
                for(i=1;i<=5;i++){
                    $('img_note_'+i).removeClass('active');
                }
            /*if($('notation_id').value==0){
					$('notation_nom').setStyle('display', 'none');
					$('notation_defaut').setStyle('display', 'block');
				}else{
					$('notation_nom').innerHTML=$('notation_nom_nom').value;
				}*/
            }
        });
    }); 
}

function initAvis(id){
    for(i=1;i<=id;i++){
        $('img_note_'+i).addClass('active');
    }
/*$('notation_defaut').setStyle('display', 'none');
	$('notation_nom').setStyle('display', 'block');
	$('notation_nom').innerHTML=$('txt_note_'+id).value;*/
}
//-- avis
//--------------------------------------------
var fondDiv = false;
var dataDiv = false;
// Ajout au panier
function addPanier(idForm){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup.png) no-repeat top left',
        width: '503px',
        height: '309px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-249px',
        marginTop: (getScrollTop() - 199) + 'px',
        zIndex: '1600',
        visibility: 'hidden'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/panier-change.php', {
        method: 'post',
        update: dataDiv,
        data: $(idForm).toQueryString(),
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
            new Ajax('/js/ajax/updatePanier.php', {
                update: $('panier')
            }).request();
        },
        evalScripts: true
    }).request();
    
}

function delPanier(idForm){
    new Ajax('/js/ajax/updatePanier.php', {
        update: $('panier'),
        method: 'post',
        data: $(idForm).toQueryString()
    }).request();
}

// Ajout WishList
function addWishlist(produit_id, client_id){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    //alert(getHeight());
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup.png) no-repeat top left',
        width: '503px',
        height: '309px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-249px',
        marginTop: (getScrollTop() - 199) + 'px',
        zIndex: '1600',
        visibility: 'hidden'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/addwishlist.php', {
        method: 'post',
        update: dataDiv,
        data: "produit_id=" + produit_id + "&client_id=" + client_id,
        onSuccess: function(req){
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
        },
        evalScripts: true
    }).request();
}

//-- Ajout WishList

// Ajout a la newsletter
function addNewsletter(idForm){

    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    //alert(getHeight());
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup.png) no-repeat top left',
        width: '503px',
        height: '309px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-249px',
        marginTop: (getScrollTop() - 199) + 'px',
        zIndex: '1600',
        visibility: 'hidden'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/addNewsletter.php', {
        update: dataDiv,
        data: $(idForm).toQueryString(),
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
        },
        evalScripts: true
    }).request();
}

function popupCms(cms_id){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup-grand.png) no-repeat top left',
        width: '800px',
        height: '500px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-400px',
        marginTop: (getScrollTop() - 199) + 'px',
        zIndex: '1600',
        visibility: 'hidden',
        overflow: 'auto'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/popupCms.php', {
        update: dataDiv,
        data: "site_element_id=" + cms_id,
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
}

function produitroadmap(roadmap_id){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: 'url(/styles/images/detail_offre/popuproadmap.png) no-repeat top left',
        width: '842px',
        height: '573px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '0',
        left: '50%',
        marginLeft: '-421px',
        marginTop: '20px',
        zIndex: '1600',
        visibility: 'hidden',
        overflow: 'auto'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/produitroadmap.php', {
        update: dataDiv,
        data: "roadmap_id=" + roadmap_id,
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
}

function addLogin(idForm){

    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    //alert(getHeight());
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        left: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        backgroundColor: '#000000',
        width: '300px',
        height: '300px',
        position: 'absolute',
        border: '1px solid #000',
        top: '50%',
        left: '50%',
        marginLeft: '-150px',
        marginTop: (getScrollTop() - 150) + 'px',
        zIndex: '1600',
        visibility: 'hidden'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/login.php', {
        update: dataDiv,
        data: $(idForm).toQueryString(),
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
    
    
    
}

function removeDiv(){
    if (fondDiv) {
        $(fondDiv).remove();
        fondDiv = false;
    }
    if (dataDiv) {
        $(dataDiv).remove();
        dataDiv = false;
    }
    $$('select').setStyles({
        visibility: 'visible'
    });
}

function removeDivPanier(){
    if (fondDiv) {
        $(fondDiv).remove();
        fondDiv = false;
    }
    if (dataDiv) {
        $(dataDiv).remove();
        dataDiv = false;
    }
    $$('select').setStyles({
        visibility: 'visible'
    });
}

function changeMenu(menu_id){


    // On réinitialise tous les menus
    var main_menu_items = $$(".grandmenu");
    
    main_menu_items.each(function(item){
        var old_id = item.id;
        
        $(old_id).style.backgroundColor = "transparent";
        $(old_id).style.backgroundImage = "url(/styles/images/header/onglet.png)";
        $(old_id).style.backgroundRepeat = "no-repeat";
        $(old_id).style.backgroundPosition = "bottom left";
        $(old_id).style.color = "#55b0db";
        
        data = item.id.split('_');
        $("supermenu_a_" + data[1]).style.color = "#55b0db";
    })
    
    
    // On active que celui qui nous interesse	
    if ($("supermenu_" + menu_id)) {
        $("supermenu_" + menu_id).style.backgroundColor = "transparent";
        $("supermenu_" + menu_id).style.backgroundImage = "url(/styles/images/header/onglet_hover.png)";
        $("supermenu_" + menu_id).style.backgroundRepeat = "no-repeat";
        $("supermenu_" + menu_id).style.backgroundPosition = "bottom left";
        
        $("supermenu_a_" + menu_id).style.color = "#dfdfdf";
    }
    
    
    // Cas des sous menus
    // On initialise
    var main_menu_items = $$('.niveau2');
    
    main_menu_items.each(function(item){
        var old_id = item.id;
        $(old_id).style.display = "none";
    })
    if ($("sub_" + menu_id)) {
        $('noss').style.display = "none";
        $('sub_' + menu_id).style.display = "block";
    }
    else {
        $('noss').style.display = "none";
    }
}

function change_reference(obj, etat){
    if (etat == 1) {
        $(obj).style.backgroundColor = "#fff";
        $(obj).style.backgroundImage = "url(/styles/images/reference/bordure.png)";
        $(obj).style.backgroundRepeat = "no-repeat";
        $(obj).style.backgroundPosition = "top left";
    }
    else {
        $(obj).style.background = "none";
    }
}






function infobulle(id, event){

    if (window.event) 
        event = window.event;
    
    var x = event.clientX;
    var y = event.clientY;
    
    
    document.getElementById('bulle').style.visibility = 'visible';
    document.getElementById('bulle').style.left = (x + 10) + "px";
    document.getElementById('bulle').style.top = (y + 20 + getScrollTop()) + "px";
    
    txt = $("txt_" + id).innerHTML;
    document.getElementById('bulle').innerHTML = txt;
    
    
//

}

function infobulle_cache(){
    document.getElementById('bulle').style.visibility = 'hidden';
}


function changebordertext(name, etat){
    if (etat) {
        name.style.border = "green 1px solid";
    }
    else {
        name.style.border = "red 1px solid";
    }
}

function VerifMail(value){
    a = value;
    valide1 = false;
    
    for (var j = 1; j < (a.length); j++) {
        if (a.charAt(j) == '@') {
            if (j < (a.length - 4)) {
                for (var k = j; k < (a.length - 2); k++) {
                    if (a.charAt(k) == '.') 
                        valide1 = true;
                }
            }
        }
    }
    if (valide1 == false) 
        return false;
    return true;
}




function verifForm(name, type, length){
    // TEXT
    if (type == "text") {
        if (length == 0 && name.value.length != 0) {
            changebordertext(name, true);
        }
        else {
            if (length > name.value.length || name.value.length == 0) {
                changebordertext(name, false);
            }
            else {
                changebordertext(name, true);
            }
        }
    }
    
    // MAIL
    if (type == "email") {
        if (length == 0 && name.value.length != 0) {
            if (VerifMail(name.value)) {
                changebordertext(name, true);
            }
            else {
                changebordertext(name, false);
            }
        }
        else {
            if (length > name.value.length || name.value.length == 0) {
                if (VerifMail(name.value)) {
                    changebordertext(name, true);
                }
                else {
                    changebordertext(name, false);
                }
            }
            else {
                changebordertext(name, true);
            }
        }
    }
    
    
}


function init_menu(selected_section){

    var main_menu_items = $$('.sousmenu');
    //console.log(main_menu_items.length);
    
    main_menu_items.each(function(item){
    
        //console.log(item.id);		
        data = item.id.split('_');
        //console.log('categorie_id = ' + data[1]);		
        
        if ($('sub_' + data[1])) {
            submenu = $('sub_' + data[1]);
            
            var height_fx = new Fx.Style($('sub_' + data[1]), 'height')
            var nb = $('sub_' + data[1]).getChildren().length
            
            //var Pos = $('supermenu_' + data[1]).getPosition();
            //$('submenuw_' + data[1]).style.left = Pos.x - 2 + 'px';
            
            //console.log('nb = ' + nb);		
            
            
            
            //--deb
            item.addEvent('mouseenter', function(e){
                //$$('input').setStyles({visibility: 'hidden' });
                item.addClass('active');
                
                e = new Event(e)
                
                // calculate the submenu new item
                height_fx.stop()
                height_fx.start(nb * 29)
                //console.log('sdsd'+submenu.id);
                submenu.getChildren().each(function(submenu_item){
                    //console.log('pwet');
                    submenu_item.addEvent('mouseover', function(e){
                        // change color
                        //submenu_item.addClass('active');
                        // end of submenu_item.addEvent('mouseover')
                        })
                    submenu_item.addEvent('mouseout', function(e){
                        // change color
                        //submenu_item.removeClass('active');
                        // end of submenu_item.addEvent('mouseout')
                        })
                })
                
                e.stop()
            // end of item.addEvent('mouseenter')
            })
            //--deb
            
            
            //--deb
            item.addEvent('mouseleave', function(e){
                item.removeClass('active');
                document.getElementById('trait_' + data[1]).style.display = 'none';
                
                e = new Event(e)
                height_fx.stop()
                height_fx.start(0)
                // change color
                e.stop()
                
            //$$('input').setStyles({visibility: 'visible' });
            
            // end of item.addEvent('mouseleave')
            })
        //--deb
        
        
        } //ifsubmenu
    // end of each
    })
    
// end of function
}

function hideMenu(id){
    if (document.getElementById('trait_' + id)) 
        document.getElementById('trait_' + id).style.display = 'none';
    if (document.getElementById('sub_' + id)) 
        document.getElementById('sub_' + id).style.display = 'none';
}

function showMenu(id){
    if (document.getElementById('trait_' + id)) 
        document.getElementById('trait_' + id).style.display = 'block';
    if (document.getElementById('sub_' + id)) 
        document.getElementById('sub_' + id).style.display = 'block';
}

var Interval;
//window.onload = wl;
var iScroll = 0;
function defileBas(param_scroll){


    if (param_scroll == 1) 
        iScroll = param_scroll;
    if (iScroll) {
        $('contenu_page').scrollTop += 2;
        setTimeout(defileBas, 10);
    }
}

function defileHaut(param_scroll){
    if (param_scroll == 1) 
        iScroll = param_scroll;
    if (iScroll) {
        $('contenu_page').scrollTop -= 2;
        setTimeout(defileHaut, 10);
    }
}

function defilePause(){
    iScroll = 0;
}

function checknewsletter(on){
    new Ajax('/js/ajax/newsletter.php', {
        method: 'post',
        update: dataDiv,
        data: $('formnewsletter').toQueryString(),
        onSuccess: function(req){
            update: $('arrDebug')
        },
        evalScripts: true
    }).request();
    
    
    
    
    
}
function MM_openBrWindow(theURL,winName,features) { 
    window.open(theURL,winName,features);
}



var Error_form = 0;

function file(fichier)
{
    if(window.XMLHttpRequest) // FIREFOX
        xhr_object = new XMLHttpRequest(); 
    else if(window.ActiveXObject) // IE
        xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
    else 
        return(false); 
    xhr_object.open("GET", fichier, false); 
    xhr_object.send(null); 
    if(xhr_object.readyState == 4) return(xhr_object.responseText);
    else return(false);
}

// Formulaire inscription
function check(champ,NbCarac,idChamp)
{
    //document.getElementById("aide").innerHTML="&nbsp;<img src='/charte/info_ajax_ico.gif' width='15' height='15' align='absmiddle'>";
	

    if(idChamp == 1)
        valeur = "Nom";
    else if(idChamp == 2)
        valeur = "Prénom";
	
    if(idChamp == 9) {
        if(champ.value.length < NbCarac) {
            document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";		
			
            document.getElementById("err" + idChamp).style.display = "block";	
            document.getElementById("err" + idChamp).innerHTML = "Champ obligatoire de "+NbCarac+" caract&egrave;res minimum";
            Error_form++;			
        }else{
            if(champ.value!=document.register.client_password.value) {
                document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";	
                champ.style.border="#B30000 1px solid";
                champ.style.background="#FFD4D7";		
				
                document.getElementById("err" + idChamp).style.display = "block";	
                document.getElementById("err" + idChamp).innerHTML = "La confirmation du mot de passe ne correspond pas.";
				
						
                Error_form++;	
            }else{
                document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' width='15' height='15'>";
                champ.style.border="#00CC00 1px solid";
                champ.style.background="#DCEFB3";			
				
                document.getElementById("err" + idChamp).style.display = "none";	
                document.getElementById("err" + idChamp).innerHTML = "";				
					
            }
        }
    }
    else if(idChamp == 6) {
		
        if(champ.value.length < NbCarac)
        {				
            //if(idChamp == 21) { alert(champ.value); }
            document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";	
            document.getElementById("err" + idChamp).style.display = "block";	
            document.getElementById("err" + idChamp).innerHTML = "Champ obligatoire de "+NbCarac+" caract&egrave;res minimum";								
            Error_form++;	
        }
        else{
            if(isNumeric(champ.value)) {
                document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' alt='valide' />";
                champ.style.border="#00CC00 1px solid";
                champ.style.background="#DCEFB3";				
                document.getElementById("err" + idChamp).style.display = "none";	
                document.getElementById("err" + idChamp).innerHTML = "";								
            }else{
                document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
                champ.style.border="#B30000 1px solid";
                champ.style.background="#FFD4D7";		
                document.getElementById("err" + idChamp).style.display = "block";	
                document.getElementById("err" + idChamp).innerHTML = "Le num&eacute;ro de t&eacute;l&eacute;phone doit contenir des chiffres uniquement";							
                Error_form++;	
            }
        }
		
    }
    else
    {

        //if(idChamp == 1){ alert(champ.value.length); }

        if(champ.value.length < NbCarac)
        {				
            document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";						
				
            document.getElementById("err" + idChamp).style.display = "block";	
            document.getElementById("err" + idChamp).innerHTML = "Champ obligatoire de "+NbCarac+" caract&egrave;res minimum";				
				
            Error_form++;	
        }
        else{
            document.getElementById("valid" + idChamp).innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' alt='valide' />";
            champ.style.border="#00CC00 1px solid";
            champ.style.background="#DCEFB3";			
				
            document.getElementById("err" + idChamp).style.display = "none";	
            document.getElementById("err" + idChamp).innerHTML = "";					
							
        }
    }

	
}

function checkEmail(champ)
{

    texte = file('/js/ajax/verifMail.php?mail=' + champ.value);
    if (texte == "")
    {
        document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' alt='valide' />";
        champ.style.border="#00CC00 1px solid";
        champ.style.background="#DCEFB3";
        $('errEmail').style.display = "none";
        $('errEmail').innerHTML ="";
		
    }
    else{
		
        if(texte=="errFormat") {
			
            document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";	
            $('errEmail').style.display = "block";
            $('errEmail').innerHTML = "Le format de l'email n'est pas correct.";
            Error_form++;	
        }else if(texte=="errMailUse") {
			
            document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";
            $('errEmail').style.display = "block";
            $('errEmail').innerHTML = "L'email est d&eacute;j&agrave; utilis&eacute; par un autre membre.";
            Error_form++;	
        }else if(texte == "vide") {
			
            document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";
            $('errEmail').style.display = "block";
            $('errEmail').innerHTML = "Vous devez saisir une adresse email valide.";			
            Error_form++;	
        }
		
    }
}

function checkEmail_spe(champ)
{
    texte = file('/js/ajax/verifMailSpe.php?mail=' + champ.value);
    if (texte == "")
    {
        document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' alt='valide' />";
        champ.style.border="#00CC00 1px solid";
        champ.style.background="#DCEFB3";
        $('errEmail').style.display = "none";
        $('errEmail').innerHTML ="";
		
    }
    else{		
        if(texte=="errFormat") {			
            document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";	
            $('errEmail').style.display = "block";
            $('errEmail').innerHTML = "Le format de l'email n'est pas correct.";
            Error_form++;	
        }else if(texte=="errMailUse") {
			
            document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";
            $('errEmail').style.display = "block";
            $('errEmail').innerHTML = "L'email est d&eacute;j&agrave; utilis&eacute; par un autre membre.";
            Error_form++;	
        }else if(texte == "vide") {
			
            document.getElementById("validEmail").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";
            $('errEmail').style.display = "block";
            $('errEmail').innerHTML = "Vous devez saisir une adresse email valide.";			
            Error_form++;	
        }
		
    }
}

function checkPseudo(champ)
{
    texte = file('/js/ajax/verifPseudo.php?pseudo=' + champ.value);
    if (texte == "")
    {
        document.getElementById("validPseudo").innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' alt='valide' />";
        champ.style.border="#00CC00 1px solid";
        champ.style.background="#DCEFB3";
        $('errPseudo').style.display = "none";
        $('errPseudo').innerHTML ="";
		
    }
    else{
        if(texte=="errPseudoUse") {
			
            document.getElementById("validPseudo").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";
            $('errPseudo').style.display = "block";
            $('errPseudo').innerHTML = "Ce pseudo est d&eacute;j&agrave; utilis&eacute; par un autre membre.";
            Error_form++;	
        }else if(texte == "vide") {
			
            document.getElementById("validPseudo").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
            champ.style.border="#B30000 1px solid";
            champ.style.background="#FFD4D7";
            $('errPseudo').style.display = "block";
            $('errPseudo').innerHTML = "Vous devez saisir un pseudo.";			
            Error_form++;	
        }
		
    }
}

function checkEmailParain(champ)
{

    texte = file('/js/ajax/verifMail.php?mail=' + champ.value);
	
    //alert(texte);

    if(texte == "false" && champ.value!="") {
        document.getElementById("validEmail2").innerHTML="<img src='/styles/images/check/croix-rouge.gif' alt='Non valide' />";
        Error_form++;	
    }
	
    if (texte == "true" && champ.value!="")
    {
        document.getElementById("validEmail2").innerHTML="<img src='/styles/images/check/info_ajax_valid.gif' alt='valide' />";
    }

    if(champ.value=="") {
        document.getElementById("validEmail2").innerHTML="";
    }
	
}

function isNumeric(sText){ 
    var ValidChars = "0123456789."; 
    var IsNumber=true; 
    var Char; 
    for (i = 0; i < sText.length && IsNumber == true; i++){ 
        Char = sText.charAt(i); 
        if (ValidChars.indexOf(Char) == -1){ 
            IsNumber = false; 
        } 
    } 
    return IsNumber; 
} 

function popup_first_cnx(){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup-grand.png) no-repeat top left',
        width: '800px',
        height: '500px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-400px',
        marginTop: (getScrollTop() - 199) + 'px',
        zIndex: '1600',
        visibility: 'hidden',
        overflow: 'auto'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    
    new Ajax('/js/ajax/popup_first_cnx.php', {
        update: dataDiv,
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            $$('select').setStyles({
                visibility: 'hidden'
            });
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
}

function popup_transfert_cave(){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup-grand.png) no-repeat top left',
        width: '800px',
        height: '500px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-400px',
        marginTop: (getScrollTop() - 199) + 'px',
        zIndex: '1600',
        visibility: 'hidden',
        overflow: 'auto'
    });
    
    /*$(fondDiv).onclick = function(){
        removeDiv();
    }*/
    
    new Ajax('/js/ajax/popup_transfert_cave.php', {
        update: dataDiv,
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
}

function validFormTransfert(nodeForm){
    jQuery.ajax({
        type: "POST",
        url: "/js/ajax/popup_transfert_cave.php",
        data: jQuery("#"+nodeForm).serialize(),
        success: function(html){
            var data = JSON.parse(html);
            if(data.status == 'error'){
                jQuery('#msg-retour').html(data.texte);
            }else if(data.status == 'ok'){
                removeDiv();
            }
        }
    });
}

function loadCheckAmisCadeau(){
    jQuery("#client_email_receveur").blur(function(){
        jQuery.ajax({
            type: "POST",
            url: "/js/ajax/amis_cadeau.php",
            data: 'check_amis=1&email_receveur='+jQuery(this).attr('value'),
            success: function(html){
                if(html != 0){
                    popup_amis_cadeau(html, 1);
                }
            }
        });
    });
    
    jQuery("#register #client_email").blur(function(){
        jQuery.ajax({
            type: "POST",
            url: "/js/ajax/amis_cadeau.php",
            data: 'check_client=1&client_email='+jQuery(this).attr('value'),
            success: function(html){
                if(html != 0){
                    popup_amis_cadeau(html, 0);
                }
            }
        });
    });
}

function popup_amis_cadeau(client_id, amis){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup-callback.png) no-repeat top left',
        width: '400px',
        height: '347px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-200px',
        marginTop: (getScrollTop() - 250) + 'px',
        zIndex: '1600',
        visibility: 'hidden',
        overflow: 'auto'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    dataForm = 'popup_amis='+amis+'&client_id='+client_id;
    
    new Ajax('/js/ajax/amis_cadeau.php', {
        update: dataDiv,
        data:dataForm,
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
}

function valid_cadeau_amis(client_id){
    jQuery.ajax({
        type: "POST",
        url: "/js/ajax/amis_cadeau.php",
        data: 'valid_cadeau_amis='+client_id,
        success: function(html){
            var data = JSON.parse(html);
            jQuery('#client_prenom_receveur').attr('value', data.client_prenom);
            jQuery('#client_nom_receveur').attr('value', data.client_nom);
            jQuery('#client_existant').attr('value', 1);
            jQuery('.select_date_reception select').attr('disabled', 'disabled');
        }
    });
}

function valid_cadeau_compte(client_id){
    jQuery.ajax({
        type: "POST",
        url: "/js/ajax/amis_cadeau.php",
        data: 'valid_cadeau_compte='+client_id+'&verif_password='+jQuery('#verif_client_password').attr('value'),
        success: function(html){
            var data = JSON.parse(html);
            if(data.status == 'ok'){
                jQuery('#form-coordonnees-client').css('display', 'none');
                jQuery('#form-coordonnees-client').after(jQuery('<div></div>').html(data.content));
                jQuery('#compte_client_login').attr('value', data.client_id);
                removeDiv();
            }else if(data.status == 'error'){
                alert('Mot de passe incorrect');
            }
        }
    });
}

function popup_callback(idForm){
    if (!fondDiv) {
        fondDiv = document.createElement('div');
        fondDiv.style.position = 'absolute';
        document.body.appendChild(fondDiv);
    }
    fondDiv.innerHTML = '';
    
    $(fondDiv).setStyles({
        backgroundColor: '#000000',
        width: '100%',
        height: getScrollHeight(),
        position: 'absolute',
        opacity: '0.5',
        overflow: 'hidden',
        top: '0px',
        zIndex: '1500',
        visibility: 'hidden'
    });
    
    if (!dataDiv) {
        dataDiv = document.createElement('div');
        dataDiv.style.position = 'absolute';
        document.body.appendChild(dataDiv);
    }
    
    $(dataDiv).setStyles({
        background: '#FFFFFF url(/styles/images/popup/fond-popup-callback.png) no-repeat top left',
        width: '400px',
        height: '347px',
        position: 'absolute',
        // border: '1px solid #7f7f7f',
        top: '50%',
        left: '50%',
        marginLeft: '-200px',
        marginTop: (getScrollTop() - 250) + 'px',
        zIndex: '1600',
        visibility: 'hidden',
        overflow: 'auto'
    });
    
    $(fondDiv).onclick = function(){
        removeDiv();
    }
    dataForm = '';
    if(idForm != ''){
        dataForm = $(idForm).toQueryString();
    }
    
    new Ajax('/js/ajax/popup_callback.php', {
        update: dataDiv,
        data:dataForm,
        onSuccess: function(req){
        
            $$(fondDiv).setStyles({
                visibility: 'visible'
            });
            
            $$(dataDiv).setStyles({
                visibility: 'visible'
            });
            
        },
        evalScripts: true
    }).request();
}