var device_wlnmpd;
function WLNumpadDetectmobile(){
        device_wlnmpd = {
            is_android: function() {
                return navigator.userAgent.match(/Android/i);
            },
            is_blackberry: function() {
                return navigator.userAgent.match(/BlackBerry/i);
            },
            is_iphone: function() {
                return navigator.userAgent.match(/iPhone/i);
            },
            is_ipad: function() {
                return navigator.userAgent.match(/iPad/i);
            },
            is_ipod: function() {
                return navigator.userAgent.match(/iPod/i);
            },
            is_ios: function() {
                return navigator.userAgent.match(/iPhone|iPad|iPod/i);
            },
            is_windows_phone: function() {
                return navigator.userAgent.match(/IEMobile/i);
            },
            is_mobile: function() {

                return (device_wlnmpd.is_android() || device_wlnmpd.is_blackberry() || device_wlnmpd.is_ios() || device_wlnmpd.is_windows_phone() );
            }

        };

	//alert('test');
	if( device_wlnmpd.is_mobile() )
       {
	//turn_on_for_desktop = true;
	}
}
/*
$(document).on('click','.subs_block','data',function(){
   var deze = $(this);

   $('.subs_block').removeClass('subs_block_active');
   $('.subs_block').addClass('subs_block_inactive');
   deze.removeClass('subs_block_inactive');
   deze.addClass('subs_block_active');

   var waarde = deze.data('form_block');

   $('#accommodatie').val(waarde);
   //$('#accommodatie').trigger('focus');
});

*/
var touchstarted = "";
var ts_n;
var tsx_n;
var dragging_wl_nmpd = false;






$(document).ready(function () {
WLNumpadDetectmobile();

var touch_click = 'click';

	if( device_wlnmpd.is_mobile() )
        {
          touch_click = 'touchend';

        }else{

			touch_click = 'click touchend';
		}


$(document).on('touchstart','.subs_block','data',function(e){
    ts_n = e.originalEvent.touches[0].clientY;
    tsx_n = e.originalEvent.touches[0].clientX;
   dragging_wl_nmpd = false;
   touchstarted = $(this).find('.wl_numpad_inner_key');
   touchstarted.addClass('tapt');
   if ($(this).hasClass('wl_numpad_delete')){
      if( device_wlnmpd.is_mobile() ){
      //alert('tests');
         longtouch_wl_nmpd = false;
         timeout_wl_nmpd = setTimeout(function() {
            longtouch_wl_nmpd = true;
            if (longtouch_wl_nmpd == true) {
               //alert('longtouch_wl_nmpded');
               $('.numpad_active').val('');
            }
         }, 2000);
      }
   }
});
// $('#numpad li').click(function(){

$(document).on(touch_click,'.subs_block','data',function(e){

   if( device_wlnmpd.is_mobile() ){
      //   alert('test');
      var te = e.originalEvent.changedTouches[0].clientY;
      var tex = e.originalEvent.changedTouches[0].clientX;
      if(ts_n > te+40 || tsx_n > tex+40){
       dragging_wl_nmpd = true;
    }else if(ts_n < te-40 || tsx_n < tex-40){
        dragging_wl_nmpd = true;
      }
   }

   var deze = $(this);

   if (dragging_wl_nmpd) return

   $('.subs_block').removeClass('subs_block_active');
   $('.subs_block').addClass('subs_block_inactive');
   deze.removeClass('subs_block_inactive');
   deze.addClass('subs_block_active');

   var waarde = deze.data('form_block');

   $('#accommodatie').val(waarde);
   $('#ingevuldDoor').val(deze.data('insert'));

});



$(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());
              }
           }
        );



     });
*/
$( function() {
    var dateFormat = "yy-mm-dd",
      from = $( "#checkin" )
        .datepicker({
          dateFormat: 'yy-mm-dd',
          defaultDate: "+1w",
          changeMonth: true,
          changeYear: true,

          numberOfMonths: 1
        })
        .on( "change", function() {
          to.datepicker( "option", "minDate", getDate( this ) );
           setTimeout(function(){
                $("#checkin").closest('.wl_form_field').addClass('wl_focus').removeClass('error');
            }, 2);
        }),
      to = $( "#checkout" ).datepicker({
         dateFormat: 'yy-mm-dd',
        defaultDate: "+1w",
        changeMonth: true,
         changeYear: true,

        numberOfMonths: 1
      })
      .on( "change", function() {
        from.datepicker( "option", "maxDate", getDate( this ) );
        setTimeout(function(){
             $("#checkout").closest('.wl_form_field').addClass('wl_focus').removeClass('error');
         }, 2);
      });

    function getDate( element ) {
      var date;
      try {
        date = $.datepicker.parseDate( dateFormat, element.value );
      } catch( error ) {
        date = null;
      }

      return date;
    }
  } );


        $('.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, #submit").click(function () {
    var deze = $(this);
    var error_text = "";
    var error_mail_correct = "";
    var email_does_not_match = "";
    var error = false;

    // Required fields
    var reqEl = $(".form_wr").find(".required");
    reqEl.each(function () {
        var dit = $(this);
        var placeholder = dit.attr("placeholder") || dit.attr("data-name");

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

    // Check CV file upload (safe!)
    var fileInput = $("#vacature_files").get(0);
    if (fileInput && fileInput.files && fileInput.files.length === 0) {
        error = true;
        error_text += "<li>Geen CV ge&uuml;pload</li>";
    }

    // Extra checks on step 4 or submit
    if ($(this).attr("id") === "stap4" || $(this).attr("id") === "submit") {
        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");
        }
    }

    // Show errors
    if (error) {
        if (error_text !== "") {
            error_text =
                '<div class="alert_li"><h3>Vul de verplichte velden in.</h3><ul>' +
                error_text +
                "</ul></div>";

            if (typeof wl_alert === "function") {
                wl_alert("alert", error_text, false, false, "Ok", "");
            } else {
                window.parent.wl_alert("alert", error_text, false, false, "Ok", "");
            }
        } else {
            if (typeof wl_alert === "function") {
                wl_alert(
                    "alert",
                    error_mail_correct + email_does_not_match,
                    false,
                    false,
                    "Ok",
                    ""
                );
            } else {
                window.parent.wl_alert(
                    "alert",
                    error_mail_correct + email_does_not_match,
                    false,
                    false,
                    "Ok",
                    ""
                );
            }
        }

        return false; // Stop submit
    } else {
        // Auto-trigger submit if it's a step
        if (deze.hasClass("stap")) {
            $("#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();






});


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