$( document ).ready(function() {

    $(document).on("click", ".openBrochureOverlay", function() {
        $(".textOverlay.brochure").addClass("active");
        if ($(window).width() > 1024) {
            $("body").addClass("overflow");
        } else {
            $("html, body").addClass("overflow");
        }
    });

    $(document).on("click", ".textOverlay.brochure .background, .textOverlay.brochure .close", function() {
        $(".textOverlay").removeClass("active");
        if ($(window).width() > 1024) {
            $("body").removeClass("overflow");
        } else {
            $("html, body").removeClass("overflow");
        }
    });

	
    $(document).on("click", ".openpakket1Overlay", function() {
        $(".textOverlay.pakket1").addClass("active");
        if ($(window).width() > 1024) {
            $("body").addClass("overflow");
        } else {
            $("html, body").addClass("overflow");
        }
    });

    $(document).on("click", ".textOverlay.pakket1 .background, .textOverlay.pakket1 .close", function() {
        $(".textOverlay").removeClass("active");
        if ($(window).width() > 1024) {
            $("body").removeClass("overflow");
        } else {
            $("html, body").removeClass("overflow");
        }
    });

    $(document).on("click", ".openpakket2Overlay", function() {
        $(".textOverlay.pakket2").addClass("active");
        if ($(window).width() > 1024) {
            $("body").addClass("overflow");
        } else {
            $("html, body").addClass("overflow");
        }
    });

    $(document).on("click", ".textOverlay.pakket2 .background, .textOverlay.pakket2 .close", function() {
        $(".textOverlay").removeClass("active");
        if ($(window).width() > 1024) {
            $("body").removeClass("overflow");
        } else {
            $("html, body").removeClass("overflow");
        }
    });

    $(document).on("click", ".openpakket3Overlay", function() {
        $(".textOverlay.pakket3").addClass("active");
        if ($(window).width() > 1024) {
            $("body").addClass("overflow");
        } else {
            $("html, body").addClass("overflow");
        }
    });

    $(document).on("click", ".textOverlay.pakket3 .background, .textOverlay.pakket3 .close", function() {
        $(".textOverlay").removeClass("active");
        if ($(window).width() > 1024) {
            $("body").removeClass("overflow");
        } else {
            $("html, body").removeClass("overflow");
        }
    });


    $('.formField.select .customSelect').on('select2:open', function (e) { 
        $(this).parent('.field').addClass('focus');
        $(this).parent('.field').removeClass('invalid');
        checkForm();
    });
    
    $('.formField.select .customSelect').on('select2:select', function (e) { 
        checkForm();
    });
    
    $('.formField.select .customSelect').on('select2:close', function (e) { 
        if(!$(this).val()){
            checkForm();
            $(this).parent('.field').removeClass('focus');
            $(this).parent('.field').addClass('invalid');
        }
    });
    
    $(".formField").on("click", function() {
        $(this).find(".input").focus();
    });

    $('.formField input, .formField textarea').bind('focus', function() {
        $(this).parent('.field').addClass('focus');
    });

    $('.formField input, .formField textarea').bind('keyup blur input', function() {
        checkForm();
        if ($(this).parent('.field').hasClass("invalid")) {
            $(this).parent('.field').removeClass("invalid");
        }
    });

    $('.formField input, .formField textarea').bind('blur', function() {
        if ($(this).is(':invalid')){
            $(this).parent('.field').addClass('invalid');
        } else {
            $(this).parent('.field').removeClass('invalid');
        }
        var value=$.trim($(this).val());
        if (!value.length>0) {
            $(this).parent('.field').removeClass('focus');
        }
    });
    
    $(".formSubmit .button").on("click", function(){
       if(!$(this).parent(".field").hasClass("disabled")){
		   var formData = $(brochureForm).serialize();
			$.ajax({
			type: "POST",
			url: "parts/bookletsender.php",
			data: formData,
			cache: false,
			success: function(result){
			}
			});
            $(".textOverlay.brochure .close").trigger("click");
			window.location='/bedankt';
            //window.open('assets/files/Sportvasten%20-%20Burn%20Fat,%20Fuel%20Energy.pdf', '_blank');
           return false;
       } else {
           return false;
       }
    });
    
});

function checkForm() {
    var valid = true;
    var firstInvalidObject;
    $('.formField input').each(function(i, obj) {
      if (!obj.checkValidity()) {
        valid = false;
        if (!firstInvalidObject) {
          firstInvalidObject = $(obj);
        }
      }
    });

    $('.formField textarea').each(function(i, obj) {
      if (!obj.checkValidity()) {
        valid = false;
        if (!firstInvalidObject) {
          firstInvalidObject = $(obj);
        }
      }
    });

    $('.formField select').each(function(i, obj) {
      if (!obj.checkValidity()) {
        valid = false;
        if (!firstInvalidObject) {
          firstInvalidObject = $(obj);
        }
      }
    });

    if (valid) {
        $('.formSubmit').removeClass("disabled");
    } else {
        $('.formSubmit').addClass("disabled");
    }
}