$(document).ready(function () {


$(document).on('change','#terug_keer_locatie','data',function(){
   $(this).addClass('manually_changed');
});

      $(function()
     {
        $('#checkin, #checkout').datePicker({clickInput:true});

        $('#checkin, #checkout').dpSetOffset(22, 0);
        $('#checkin').bind(
           'dpClosed',
           function(e, selectedDates)
           {
              var d = selectedDates[0];
              if (d) {
                 d = new Date(d);
                 $('#checkout').dpSetStartDate(d.addDays(1).asString());
              }
           }
        );
        $('#checkout').bind(
           'dpClosed',
           function(e, selectedDates)
           {
              var d = selectedDates[0];
              if (d) {
                 d = new Date(d);
                 $('#checkin').dpSetEndDate(d.addDays(-1).asString());
              }
           }
        );



     });


        $('.error_closer, .error_message, .confirm_message').click(function () {

           if($('.error_message').hasClass("error_show")){
              $('.error_message').fadeOut(500);
              $('.error_message2').fadeOut(500);
              $('.error_message').removeClass('error_show');
              $('.error_txt').removeClass('error_bigger');

              }else{
              $('.confirm_message').fadeOut(500);
              //$('.error_message').removeClass('error_show');

              }
        });

        $('.submit_trigger, .submit_trigger2').click(function () {
           //alert('hoi');
           $('.loading').fadeIn(0);
           $('.loading').addClass('display');
           //$('.confirm_message').html('<div class="confirm_txt"><div><b>Bedankt!</b><br>We hebben uw bestand ontvangen!<br>U krijgt zo snel mogelijk uw offerte per e-mail</div><div class="error_closer"></div>');
           //$('.error_message').addClass('error_show');
        });


     $(".stap_submit_js").click(function(){
        var submitclick = $(this).attr('id').substring(9);
        //alert(submitclick)
        if(document.getElementById("uploadFile").value != "") {
           $('#submit'+submitclick).trigger('click');


        }else{
           $('.error_message').addClass("error_show");
           $('#uploadFile').addClass('validate_error');
           // $('.error_tekst').html('Graag de verplichte velden invullen!');
           $('.error_message').fadeIn(500);

        }
     });


     function hidestap3(){
        $('#opmerking').val('');
        $('#oplage').val('');
        if($('.confirm_message').hasClass("confirmed2")){
           $('#stappen_3').fadeOut(100);
           $('#stap3').addClass('hide');
           $('#submit3').fadeIn();
           $('#submit4').fadeIn();
           $('#submit_js4').fadeIn();
           $('#submit_js3').fadeIn();
           //alert('test')

        }else{
           $('#stap3').fadeIn(100);
        }
     }
     hidestap3();


     $('.required').keyup(function(){
        if($(this).val()!=''){
        $(this).removeClass('validate_error');
        }
     });

   $(".stap").click(function(){
     var error_text = "";
     var error_mail_correct= "";
     var email_does_not_match= "";

     var a = $(this).attr('id').substring(4);
     var d = a*1-1;
     //alert(d);
     var reqEl = $('.form_wr').find('.required');
     var error = false;

        reqEl.each(function(){
          var dit = $(this);
           //alert($(this).attr('id'));
           var placeholder =  dit.attr("placeholder");

           if(dit.val()=="" || dit.val()==placeholder){
             error = true;
             error_text += '<li>'+placeholder+'</li>'  ;
             dit.addClass('validate_error');
           }else{
             dit.removeClass('validate_error');

           }
        });
        //error_text += '</ul>';


        if($(this).attr('id')=="stap4"){
           function isValidEmailAddress(emailAddress) {
              var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
              return pattern.test(emailAddress);
           };
           var email = $("#email").val();
           if(!isValidEmailAddress(email)) {
              error = true;

              error_mail_correct += '<div>Vul een correct e-mail adres in!</div>' ;

              $('#email').addClass('validate_error');

           }else{
              $('#email').removeClass('validate_error');

           }

           if($("#email").val()!=$("#emailHerhaal").val()){
              error = true;

              email_does_not_match += '<div>Email adressen komen niet overeen!</div>' ;
              $('#email, #emailHerhaal').addClass('validate_error');


              // $('.error_message').fadeIn(500);
           }else{
              //$('#email').removeClass('validate_error');
           }

        }

        if(error){
          $('.error_message').fadeIn(1000);
          $('.error_message').addClass('error_show');


          if (error_text != ''){
            error_text = '<h3>De volgende verplichte velden zijn nog niet ingevuld :</h3><ul>'+error_text+'</ul>';
            $('.error_tekst').html(error_text);
          }else{
            $('.error_tekst').html(error_mail_correct+email_does_not_match);
          }





             // $('.error_message').fadeIn(1000);
             // $('.error_message').addClass('error_show');
             // $('.error_tekst').html(email_does_not_match);

          // else{
          //   $('.error_tekst').html(error_text);
          // }



        }else{

        //alert($('#aantal').val());
           if ($(this).attr('id')!="stap4"){
              $('.form_wr').slideUp(1000);
              $('#form_'+a).slideDown(1000);
              $('.stappen').removeClass('stappen_active');
              $('#stappen_'+a).addClass('stappen_active');
           }else{
              //alert($(this).attr('id'));
              //alert('stap4');
              $('#submit').trigger('click');
              }

        }
        //}
   });




        $('INPUT[type="file"]').change(function () {
        var ext = this.value.match(/\.(.+)$/)[1];
        switch (ext) {
           case 'doc':
           case 'docx':
           case 'pdf':
           case 'PDF':
           case 'jpg':
           case 'jpeg':
           case 'JPEG':
           case 'JPG':
           case 'tiff':
           case 'TIFF':
           case 'tif':
           case 'TIF':
           //case 'jpg':
              $('#uploadButton').attr('disabled', false);
              break;
           default:
           $('.error_tekst').html('Upload een geschikt bestand: <br><b>PDF / Word</b> (<i>doc/docx</i>)<b>/ Jpeg/ Tiff</b>');
           $('.error_message').fadeIn(1000);
           $('.error_message').addClass('error_show');
           $('.error_txt').addClass('error_bigger');

           //alert('Kies een geschikt bestand (wij accepteren momenteel alleen PDF en Word (Doc / DocX bestanden');
           this.value = '';
   }
});






  $("#afhalenLeveren").change(function () {
        //alert($(this).val())
           if($(this).val() == "leveren"){
                 $('#leverveld1').slideDown(1000);
                 $('#afleverAdres').addClass("required");
                 $('#leverDatum').addClass("required");
                 $('#leverTijd').addClass("required");
              }
           if($(this).val() == "afhalen"){
                 $('#leverveld1').slideUp(1000);
                 $('#afleverAdres').removeClass("required");
                 $('#leverDatum').removeClass("required");
                 $('#leverTijd').removeClass("required");
              }
        });











     $(".tips_hider").click(function() {
        var c = $(this).attr('id').substring(5);

        //$(".tips_hider").removeClass("tips_hider_active");

           if($(this).hasClass("tips_hider_active")){
              $(this).next().slideUp(500);
              $(".tips_hider").removeClass("tips_hider_active");

           }else{
              $(".hider_content").slideUp(500);
              $(".tips_hider").removeClass("tips_hider_active");
              $(this).next().slideDown(500);
              $(this).addClass("tips_hider_active");

        }
        });

jQuery.fn.ForceNumericOnly =
function()
{
   return this.each(function()
   {
      $(this).keydown(function(e)
      {
           var key = e.charCode || e.keyCode || 0;
           // allow backspace, tab, delete, arrows, numbers and keypad numbers ONLY
           return (
               key == 8 ||
               key == 9 ||
               key == 46 ||
               (key >= 37 && key <= 40) ||
               (key >= 48 && key <= 57) ||
               (key >= 96 && key <= 105));
      });
   });
};


$('#aantal').ForceNumericOnly();






});


////////////