/* ===================================== */
/* Evian Chez Vous                       */
/* Author: Quatrepointzero               */
/* Author uri: www.quatrepointzero.com   */
/* Copyright Evian Chez Vous             */
/* ===================================== */
$(document).ready(function () {
    Cufon.replace('#ecv-topnav li a, .ecv-4steps li, .ecv-3steps li, .ecv-encart .ecv_contenu_etape span:not(.ecv_infos), .ecv-steps-compte li, .ecv-bt-valider-commande-add', { hover: true, fontFamily: 'neue' });
    Cufon.replace('.ecv-banner-title', { hover: true, fontFamily: 'neueThin' });
    /* FAQ */
    $('.ecv-faq dt').click(function () {
        $('.ecv-faq dd.visible').removeClass('visible').slideToggle(250);
        $(this).next('dd').slideToggle(250).addClass('visible');
    });



    CarouselProduit()
    /*****************************************************************
    **  Slideshow
    *****************************************************************/
    $('.qpz-slideshow')
	.before('<ul id="qpz_nav_slideshow">')
	.cycle({
	    fx: 'fade',
	    speed: 'fast',
	    timeout: 0,
	    pager: '#qpz_nav_slideshow',
	    pagerAnchorBuilder: paginate
	});

    /* Navigation slideshow */
    function paginate(ind) {
        switch (ind) {
            case 0:
                return '<li><a href="#">Une famille avec 2 enfants</a></li>';
                break;
            case 1:
                return '<li><a href="#">Une personne au foyer</a></li>';
                break;
            case 2:
                return '<li><a href="#">Un couple</a></li>';
                break;
            case 3:
                return '<li><a href="#">Un b&eacute;b&eacute &agrave; la maison</a></li>';
                break;
            case 4:
                return '<li><a href="#">Une femme enceinte</a></li>';
                break;
        }
    }

});




   function CarouselProduit() {
    /*****************************************************************
    **  Carousel produits
    *****************************************************************/
    // On calcule la hauteur du produit pour qu'ils fassent tous la même hauteur
    var hauteur_produit = 0;
    $('.qpz_basket_content ul li').each(function () {
        if (parseInt($(this).innerHeight()) > hauteur_produit) {
            hauteur_produit = parseInt($(this).innerHeight());

        }
    });
    $('.qpz_slider_content').css('height', hauteur_produit);
    $('.qpz_slider').css('height', hauteur_produit);
    $('.qpz_basket_content ul li').css('height', hauteur_produit);

    // on calcule la largeur du contenu
    $('.qpz_basket_content').each(function () {
        // Par défaut, on désactive la flèche de gauche
        $('.qpz_slider .qpz_slider_previous').addClass('fleche_g_desactiv');

        // On crée 1 ul pour 21 logos
        var nb_produits = $(".qpz_basket_content li").length;
        var nb_ul = Math.ceil(nb_produits / 3);
        var largeur_visible = '900';
        var largeur_slider = largeur_visible * nb_ul;

        // on redimensionne le slider en fn du nb de ul
        var compteur_apparence = $('#compteur_apparence').val();
        $('.qpz_basket_content').css('width', largeur_slider);

        if ($('#compteur_apparence').val() == "") {
            $('#compteur_apparence').val("1");
            compteur_apparence = $('#compteur_apparence').val();
        }
        else {
            var tempWidth = (compteur_apparence - 1) * 900;
            $('.qpz_basket_content').animate({
                marginLeft: '-=' + tempWidth
            }, 500, function () {
                $('.qpz_slider .qpz_slider_previous').removeClass('fleche_g_desactiv');
                if ($('.qpz_basket_content').css('margin-left') == parseInt(-largeur_slider) + parseInt(largeur_visible) + "px") {
                    $('.qpz_slider .qpz_slider_next').addClass('fleche_d_desactiv');
                    $('.qpz_slider .qpz_slider_next .qpz_slider_btnnext').html("");
                }
            });
        }


        $('.qpz_slider_pagination').append(compteur_apparence + "/" + nb_ul);
        $(".qpz_slider .qpz_slider_next").click(function () {
            // Si on est à la position max, on ne déplace plus le slider

            if (compteur_apparence == nb_ul) {
                $('.qpz_basket_content').css('margin-left', parseInt(-largeur_slider) + parseInt(largeur_visible));


            }
            else {
                compteur_apparence++;
                $('#compteur_apparence').val(compteur_apparence);
                $('.qpz_basket_content').animate({
                    marginLeft: '-=900'
                }, 500, function () {
                    $('.qpz_slider .qpz_slider_previous').removeClass('fleche_g_desactiv');
                    if ($('.qpz_basket_content').css('margin-left') == parseInt(-largeur_slider) + parseInt(largeur_visible) + "px") {
                        $('.qpz_slider .qpz_slider_next').addClass('fleche_d_desactiv');
                        $('.qpz_slider .qpz_slider_next .qpz_slider_btnnext').html("");


                    }
                    $('.qpz_slider_pagination').replaceWith('<span class="qpz_slider_pagination">' + compteur_apparence + '/' + nb_ul + '</span>');

                });
            }
            return false;

        });

        $(".qpz_slider .qpz_slider_previous").click(function () {
            // Si on est revenu à la position de départ, on ne déplace plus le slider
            if (compteur_apparence == 1) {
                $('.qpz_basket_content').css('margin-left', '0');


            }
            else {
                compteur_apparence--;
                $('#compteur_apparence').val(compteur_apparence);
                $('.qpz_basket_content').animate({
                    marginLeft: '+=900'
                }, 500, function () {
                    $('.qpz_slider .qpz_slider_next').removeClass('fleche_d_desactiv');
                    $('.qpz_slider .qpz_slider_next .qpz_slider_btnnext').html("suite");
                    if ($('.qpz_basket_content').css('margin-left') == '0px') {
                        $('.qpz_slider .qpz_slider_previous').addClass('fleche_g_desactiv');



                    }
                    $('.qpz_slider_pagination').replaceWith('<span class="qpz_slider_pagination">' + compteur_apparence + '/' + nb_ul + '</span>');

                });
            }
            return false;

        });
    });
    /*****************************************************************/
}