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');
});

*/



$(document).on('click','.prijs_bx','data',function(e){
   var deze = $(this);
   $('.aantal_en_prijs_box_hider').slideDown(500);
   $('.prijs_bx').removeClass('prijs_bx_active');
   deze.addClass('prijs_bx_active');

   data_product = deze.data('product');
   data_aantal = deze.data('aantal');
   data_prijs = deze.data('prijs');
   if ($('#aantal_calc').val() != ''){
      bereken_je_prijs();

   }


});
$(document).on('input','#aantal_calc','data',function(e){

   bereken_je_prijs();


});



function bereken_je_prijs() {
   var prijs = ($('.prijs_bx_active').data('prijs')) * 1;
   var product = $('.prijs_bx_active').data('product');
   var max_aantal = $('.prijs_bx_active').data('aantal') *1;

   var aantal = $('#aantal_calc').val() * 1;
   var calculated_prijs = 0;

   //alert(max_aantal);
   var numeric_price = true;
   if (aantal < max_aantal && prijs > 0){
      $('.calc_prijs_h2').removeClass('h2_offerte_aanvraag');
      calculated_prijs = prijs * aantal;
      calculated_prijs = calculated_prijs.toFixed(2);

   }else{
      numeric_price = false;
      $('.calc_prijs_h2').addClass('h2_offerte_aanvraag');
      calculated_prijs = 'Offerte Aanvraag';

   } 


   $('#calc_prijs').html(calculated_prijs);

   copy_form_info(product, aantal, calculated_prijs, numeric_price);
}

function copy_form_info(product, aantal, calculated_prijs, numeric_price){
   
   $('#aantal').val(aantal).change();
   $('#product').val(product).change();

   if (((calculated_prijs * 1) == 0) && numeric_price == true){
      calculated_prijs = 0;
   }
   if (calculated_prijs != 0){
      $('#prijs').val(calculated_prijs).change();
   }else{
      $('#prijs').val('').change();
   }

   $('#ingevuldDoor').val('123_form_block_ins_123').change();


}


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 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 (placeholder == null){
            //   alert('in');
               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');
           }
        });
        //error_text += '</ul>';


        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');


              // $('.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 = '<div class="alert_li"><h3>De volgende verplichte velden zijn nog niet ingevuld :</h3><ul>'+error_text+'</ul></div>';
            //$('.error_tekst').html(error_text);

            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{
            //$('.error_tekst').html(error_mail_correct+email_does_not_match);
            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;



        }else{
           if (deze.hasClass('stap')){
            if (!$(".prijs_bx").length){
               $('#ingevuldDoor').val('123_form_block_ins_123').change();
            }
           

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






});

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