var hide;
var req;
(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
$(function() {
    /* Lazy load */
    //$("img").lazyload({});
    
    
    /* description topic */
    $('#topic-desc-complete').hide();
    if($('#desc-topic').html() == ''){
      $('#show-topic-description').hide();
    }
    
    $('#show-topic-description').click(function() {
      $('#topic-desc-text').hide();
      $('#topic-desc-complete').fadeIn();
    });
   $('#hide-topic-description').click(function() {
      $('#topic-desc-complete').hide();
      $('#topic-desc-text').fadeIn();
    });
    
     /* description category */
     if($('#desc-category').html() == ''){
       $('#show-category-description').hide();
     }
     $('#category-desc-complete').hide();

     $('#show-category-description').click(function() {
       $('#category-right-text').addClass('space-description');
       $('#category-desc-text').hide();
       $('#category-desc-complete').fadeIn();
     });
    $('#hide-category-description').click(function() {
        $('#category-right-text').removeClass('space-description');
       $('#category-desc-complete').hide();
       $('#category-desc-text').fadeIn();
     });
     
      /* description subcategory */
      
      if($('#desc-subcategory').html() == ''){
        $('#show-subcategory-description').hide();
      }
      $('#subcategory-desc-complete').hide();
      
      $('#show-subcategory-description').click(function() {
        $('#category-right-text').addClass('space-description');
        $('#subcategory-desc-text').hide();
        $('#subcategory-desc-complete').fadeIn();
      });
     $('#hide-subcategory-description').click(function() {
       $('#category-right-text').removeClass('space-description');
        $('#subcategory-desc-complete').hide();
        $('#subcategory-desc-text').fadeIn();
      });
    
  
    /* Menu déroulant */
    setColor();
    $('.lvl1').hover(function() {
        hide = false;
        var color = $(this).find('span').attr('class');
        var id = $(this).find('a').attr('id');
        $('.lvl1').css('background-color', '');
        $('.lvl1').removeClass('selected');
		$('.menu_category').hide();
		$('#category_' + id).show();
        $('#' + id).parent('li').css('background-color', '#' + color);
        $('#' + id).parent('li').addClass('selected');
        setColor(); 
    }, function() {
		hide = true;
        hideMenu();
    });

    $('#submenu').hover(function() {
        hide = false;
    }, function() {
		hide = true;
        hideMenu();
    });

    /* Recherche */
    $('#search-input').focus(function() {
        if($(this).val() == 'Rechercher') $(this).val('');
    });
    $('#search-form').submit(function() {
        var value = $('#search-input').val();
        document.location.href = URL_PATH + 'recherche/' + value + '/';
        return false;
    });
   
    /* Mail */
    $('#mail').focus(function(){
        if($(this).val() == 'Mon e-mail') $(this).val('');
    });
   
    /* Newsletter */
    $('.submit-mail').click(function(){
        var url = AJAX_PATH + "prefooter.ajax.php";
        var mail = $('#mail').val();

        var t = $(this);
        var data = {
            mail: mail
        };
        if(mail != ''){
          $.ajax({
              type: "POST",
              url: url,
              data: data,
              success: function(data){
                  $.fn.colorbox({
                      html: data
                  });
              }
          });
        }
    });

    /* Quick look */
    $('.quick-look').click(function() {
        var id = $(this).attr('id').split('_');
        $.fn.colorbox({
            href: AJAX_PATH + 'quicklook.ajax.php?id=' + id[1]
        })
    });

    /* Popups */
    $('.popup').click(function() {
        $(this).colorbox({
            href:$(this).href
        });
    });
    $('.test-prod').click(function(){
        $(this).colorbox({
            html:'<div id="container-popfrais" style="color:#4e4446;"><div class="popup-title"><div class="title-right"><div class="title-text">Je veux tester les produits !</div></div></div><div class="clear"></div><div class="popup-text"><p style="font-size: 13px;">Nous proposons régulièrement à nos clients de tester les nouveautés du site.</p><p style="font-size: 13px;">En vous inscrivant à la newsletter, vous aurez l’occasion de participer à des tests produit.</p><p style="font-size: 13px;">Soyez les premiers à vous manifester pour recevoir gratuitement les produits du site.</p><div class="clear"></div></div></div>'
        });
    });
    $('.assosPart').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 270px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/5pc_mini.png" />Economisez ou donnez gratuitement !</div></div></div><div class="clear"></div><div class="popup-text"><p>Sur l’ensemble de votre commande, e-Citizen s’engage à diminuer ses marges pour vous offrir la possibilité :</p><ul><li>de reverser gratuitement 5% à l’association de votre choix</li>ou<li>de bénéficier d’une réduction immédiate du montant correspondant sur votre prochain achat</li></ul><p>Le choix de l’affectation de la remise s’effectue une fois la commande validée.</p></div><hr/><div class="popup-footer"><p>Voici les associations partenaires de e-Citizen: </p><div class="clear"></div><div class="footer-img"><img src="'+IMG_PATH+'association/popup/cde.gif" /><img src="'+IMG_PATH+'association/popup/handicap.jpg" /><img src="'+IMG_PATH+'association/popup/logo_aides.jpg" /><img src="'+IMG_PATH+'association/popup/logo_wwf.jpg" /><img src="'+IMG_PATH+'association/popup/planet_finance.png" /><img src="'+IMG_PATH+'association/popup/urgences.jpg" /><img src="'+IMG_PATH+'association/popup/surfrider.png" /></div></div><div class="clear"></div></div>'
        });
    });
    $('.bonusPop').click(function(){
        var price=$('#product-bonus-left').html();
        var realPrice = price.split('-');
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 270px;"><div class="popup-title"><div class="title-left"><div class="title-text">'+price+'</div></div><div class="title-right"><div class="title-text">Economisez ou donnez gratuitement '+realPrice[1]+' </div></div></div><div class="clear"></div><div class="popup-text"><p>Sur l’ensemble de votre commande, e-Citizen s’engage à diminuer ses marges pour vous offrir la possibilité :</p><ul><li>de reverser gratuitement '+realPrice[1]+'  à l’association de votre choix</li>ou<li>de bénéficier d’une réduction immédiate de '+realPrice[1]+' sur votre prochain achat</li></ul></div><hr/><div class="popup-footer"><p>Suite à votre commande, vous choisirez de conserver ou d’offrir votre remise à l’association de votre choix parmi nos partenaires :</p><div class="clear"></div><div class="footer-img"><img src="'+IMG_PATH+'association/popup/cde.gif" /><img src="'+IMG_PATH+'association/popup/handicap.jpg" /><img src="'+IMG_PATH+'association/popup/logo_aides.jpg" /><img src="'+IMG_PATH+'association/popup/logo_wwf.jpg" /><img src="'+IMG_PATH+'association/popup/planet_finance.png" /><img src="'+IMG_PATH+'association/popup/urgences.jpg" /><img src="'+IMG_PATH+'association/popup/surfrider.png" /></div></div><div class="clear"></div></div>'
        });
    });   
    $('.livraisonPop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 220px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/shipping_mini.png" />Livraison offerte !</div></div></div><div class="clear"></div><div class="popup-text"><p>Par son fonctionnement de place de marché, e-Citizen vous permet de retrouver des centaines de vendeurs professionnels sur un site unique.<br/>Notez que si votre panier se compose de produits expédiés par différents vendeurs, vous recevrez plusieurs colis.<br/><br/>Afin de vous offrir le meilleur prix et de réduire le coût des frais de port, e-Citizen vous offre l\'intégralité des frais de port pour toute commande supérieure à 60 € (hors frais de port).<br/><br/>Vous pourrez ensuite utiliser ces sommes comme réduction immédiate sur toutes vos prochaines commandes.</p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('.satisfaitPop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 260px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/smiley_mini.png" />Satisfait ou remboursé</div></div></div><div class="clear"></div><div class="popup-text"><p>Après réception de votre colis, vous avez 7 jours pour changer d\'avis et demander l\'échange ou le remboursement d\'un article.<br/><br/>Contactez nous par email à l\'adresse <a href="mailto:client@e-citizen.com">client@e-citizen.com</a> afin d\'obtenir les instructions nécessaires.<br/>Dans tous les cas, la marchandise devra être retournée dans son emballage d\'origine, neuf, intact et accompagné de tous les accessoires éventuels (notices, étiquettes etc). Nous nous gardons le droit de ne pas rembourser le retour si le produit n\'est pas intact et respecté dans son emballage d\'origine.<br/><br/>Exceptions : les produits personnalisés ou confectionnés sur demande, les produits alimentaires et les produits de beauté.<br/>Ces articles ne seront ni repris ni échangés excepté s\'il s\'agit d\'une erreur de référence de notre part. Ils devront dans ce cas nous être retournés dans leur conditionnement d\'origine et ne doivent pas avoir été ouverts.</p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('.scPop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 290px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/sav_mini.png" />Service client à votre écoute 7j/7</div></div></div><div class="clear"></div><div class="popup-text"><p>Partis du constat qu\'Internet manque parfois de chaleur et de proximité, nous avons choisi d\'être disponibles et à votre écoute à tous moments : avant, pendant et après vos achats !<br/><br/>La mention " service client d\'exception " trône ainsi fièrement en haut du site et à la moindre question, nous vous invitons à nous contacter. Chez e-Citizen, vous recevrez un accueil joyeux et une écoute attentive.<br/><br/>Le produit que vous cherchez n\'est pas disponible ?<br/>Dites-le à Alix (alix@e-citizen.com) et elle se mettra en 4 pour vous le procurer !<br/><br/>Vous avez des questions sur un produit, sur votre commande, pour une autorisation de retour ou toute autre demande relative à votre commande ? Notre service est à votre écoute !<br/><br/><b>Par téléphone :</b> au 01 82 28 30 90 du lundi au dimanche de 9h à 20h<br/><b>Par email : </b>client@e-citizen.com (réponse en moins de 2h)<br/><b>Par courrier :</b> e-Citizen, 53 rue de Chabrol, 75010 Paris <br/></p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('.paiementPop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 245px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/secure_mini.png" />Paiement sécurisé</div></div></div><div class="clear"></div><div class="popup-text"><p>La sécurité de vos paiements est assurée par notre partenaire BNP Paribas.<br/>L\'ensemble des phases de paiement est entièrement crypté et protégé.<br/>Le protocole utilisé est SSL couplé à de la monétique bancaire.<br/>Cela signifie que les informations liées à la commande et le numéro de la carte bancaire ne circulent pas en clair sur Internet.<br/>Le numéro de carte bancaire n\'est imprimé sur aucun papier, facture, facturette ou autre listing.<br/>Nous n\'avons pas connaissance des numéros de cartes.<br/>BNP Paribas  ne conserve pas les numéros de carte après avoir transmis la transaction de paiement à la banque du commerçant. Ainsi, aucune personne n\'a accès ni de façon informatique, ni de façon imprimée aux coordonnées cartes bancaires des acheteurs. <br/>Le risque de se faire "pirater" son numéro de carte bancaire lors d\'un achat sur un site Internet doté de la solution de BNP Paribas est nul.</p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('.ppPop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 200px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/pp_mini.png" />Vive les petits prix !</div></div></div><div class="clear"></div><div class="popup-text"><p>Sur e-Citizen , écologie rime avec économie… <br/>Profitez des petits prix, ils sont partout !<br/><br/>€.  Dans chaque catégorie du site, vous trouverez une rubrique " petits prix " <br/><br/> €.  En vous inscrivant à la newsletter, vous serez tenu(e) au courant des promotions et des ventes flash que nous organisons régulièrement.<br/><br/>€.  En visitant le site toutes les semaines, vous trouverez des offres spéciales présentées sur la page d’accueil<br/><br/></p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('.cadeauPop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 180px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text"><img src="'+IMG_PATH+'pictos/cadeau_mini.png" />Cadeaux faciles</div></div></div><div class="clear"></div><div class="popup-text"><p>Sur e-Citizen, vous pouvez faire des cadeaux à vos proches :<br/><br/>1/ Retrouverez toutes les suggestions dans la rubrique " idées cadeau "<br/>2/ Choisissez l’adresse de livraison du bénéficiaire<br/>3/ A la fin de votre commande, ajoutez un message à l’intention du bénéficiaire<br/><b>... et ce gratuitement.</b><br/><br/>Et pour ceux qui voudrait laisser le choix du cadeau à leur proche, vous pouvez également offrir des chèques cadeau afin d’être certain de faire plaisir !<br/></p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('.parrainagePop').click(function(){
        $(this).colorbox({
            html:'<div id="container-popup" style="color:#4e4446; height: 270px;"><div class="popup-title"><div style="font-size: 14px; font-weight: bold; margin-left: 10px; margin-top: 10px;"><div class="title-text">Parrainez vos amis et gagnez 7 €</div></div></div><div class="clear"></div><div class="popup-text"><p>e-Citizen vous plait et vous souhaitez en faire part à vos amis ? <br/><br/><b>Nous vous remercions !</b> <br/><br/>A chaque fois que l\'un de vos filleuls passe sa première commande, vous recevez immédiatement 7 € de réduction (pour toute commande à partir de 79 €)<br/><br/>Chacun de vos filleuls bénéficie automatiquement de 7 € pour leur première commande (pour toute commande à partir de 79 €)<br/></p></div><div class="popup-footer"><div class="clear"></div></div><div class="clear"></div></div>'
        });
    });
    $('#know_more').click(function(){
      var initialPot = $('#initial_pot').val();
      var maxiAmountPot = parseFloat($('#maxi_amount_pot').val());
      var minCart = parseFloat($('#initial_pot').val())*10;
      var totalCart = $('#cart_total').val();
      $(this).colorbox({
        html:'<div style="maxWidth: 620px; height:400px; border:3px solid #88C100;"><h1 style="color: #4e4445; font-size: 20px; text-align: center; font-weight: bold; margin-top:25px;">Fonctionnement de votre cagnotte</h1><br/><br/><p style="color: #72696c; font-size: 14px; margin: 10px 0 0 20px;">Votre cagnotte se compose de vos réductions accumulées depuis votre inscription:<br/>parrainage, frais de port offerts, -5% sur chaque commande...</p><br/><div style="background-color:#88C100; width:550px; margin: 10px 0 0 15px;"><p style="color:#ffffff; padding: 5px 0 0 10px; font-weight:bold; font-size: 13px;">Le montant actuel de votre cagnotte est de <span style="font-weight: bold; font-size: 15px;">'+initialPot+' &euro;</span><br/></p><p style="margin: 10px 0 0 10px; padding-botom: 10px; color:#ffffff; font-weight:bold; font-size: 13px;">Votre commande d\'un montant de <span style="font-weight: bold; font-size: 15px;">'+totalCart+' &euro;</span> vous permet de d\'utiliser <span style="font-weight: bold; font-size: 15px;">'+maxiAmountPot+' &euro;</span> de votre cagnotte <br/>(pour utiliser l\'intégralité de votre cagnotte, votre panier doit être de '+minCart+' &euro; minimum)</p><br/></div><br/><br/><p style="text-align: center; color: #575153; font-size:22px; letter-spacing:1px;">Que souhaitez-vous faire ?</p><br/><div style="text-align:center;"><a href="'+URL_PATH+'" style="text-decoration:none; color: #ffffff; margin: 0 30px 0 0;"><img src="'+IMG_PATH+'buttons/revenir-boutique.png" /></a><a href="javascript:;" onClick="maxPot();" style="text-decoration:none; color: #ffffff;"><img src="'+IMG_PATH+'buttons/utiliser-ma-cagnotte.png" /></a></div><br/><span class="hidden"><hr style="width:500px; margin-left: 13px; color:#88C100;"/><br/><br/><p style="text-align: center; color: #575153; font-size:22px; letter-spacing:1px; margin: 0 0 25px 0;">Vous pouvez aussi...</p><p style="color: #72696c; font-size: 14px; margin: 10px 0 30px 20px;">Augmenter le montant de votre cagnotte en <a href="#" style="color:#4899FD;"> parainant vos amis</a></p></span></div>'
      });
      
    });

    /* Login */
    $('#form_login').submit(function(){
        var login = $('#mail_login').val();
        var password = $('#password_login').val();
        var request = $.ajax({
            type: "POST",
            url: AJAX_PATH + "login.ajax.php",
            data: {
                type: 'login_form',
                login: login,
                password: password
            },
            success:function(data) {
                if(data == 'true'){
                    document.location.href = URL_PATH;
                }
                else{
                    alert('Votre e-mail ou votre mot de passe est incorrect');
                }
            }
        });
        return false;
    });
   
});

function hideMenu() {
    timer = setTimeout(function() {
        if(hide) {
            $('.menu_category').fadeOut();
            $('.lvl1').css('background-color','');
            $('.lvl1').removeClass('selected');
            setColor();
        }
    }, 100);
}

function setColor(){
    $(".select_topic").each(function() {
        color = $(this).attr('id').split('_');
        if(color[0]=="topicselected"){
            $(this).css('background-color', '#'+color[1]);
        }

    });
}

function maxPot(){
  var maxiAmountPot = parseFloat($('#maxi_amount_pot').val());
  $("#pot").attr('value', maxiAmountPot);
  $('.cagn_ok').css('background', 'url("'+IMG_PATH+'buttons/37_ok.png")');
  $.fn.colorbox.close();
  $('#cboxOverlay, #colorbox').remove(); 
}