$(document).ready(function() {
    $("div#brochure-popup").dialog({
        autoOpen: false,
        closeOnEscape: true,
        dialogClass: 'shipchooser',
        draggable: false,
        resizable: false,
        minWidth: 600,
        minHeight: 475,
        width: 600,
        modal: true
    });

    $("input#method-snailmail").click(function() {
        if($("input#method-snailmail:checked").length > 0)
        {
            $("div#optionalfields").show();
        }
        else
        {
            $("div#optionalfields").hide();
        }
    });

    $("div#brochure-popup input[type=\"text\"]").click(function() {
        $(this).val("");
    });

    $("a#brochure-link").click(function(e){
        e.preventDefault();
        $("div#brochure-popup").dialog("open");
    });

    $("a#reset").click(function(e){
        e.preventDefault();
        $("form#brochureform")[0].reset();
    });

    $("a#close").click(function(e){
        e.preventDefault();
        $("div#brochure-popup").dialog("close");
    });

    $("form#brochureform").submit(function(e) {

        var validated = true;

        var elem = $('input[name="address"]');
        
        if($('input[name="name"]').val() == "" || $('input[name="name"]').val() == "Naam") validated = false;
        if($('input[name="email"]').val() == "" || $('input[name="email"]').val() == "E-mail adres") validated = false;
        var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
        if(!pattern.test($('input[name="email"]').val()))
        {
            validated = false;
        }
        //if($('input[name="phone"]').val() == "" || $('input[name="phone"]').val() == "Telefoon") validated = false;
        if($('input#method-snailmail:checked').length > 0) {
            if($('input[name="address"]').val() == "" || $('input[name="address"]').val() == "Straat / Huisnummer") validated = false;
            if($('input[name="postcode"]').val() == "" || $('input[name="postcode"]').val() == "Postcode") validated = false;
            if($('input[name="city"]').val() == "" || $('input[name="postcode"]').val() == "Woonplaats") validated = false;
            //if($('input[name="country"]').val() == "" || $('input[name="country"]').val() == "Land") validated = false;
        }

        if(!validated)
        {
            $("span#validation-message").text("Één of meerdere verplichte velden zijn niet (juist) ingevoerd. Alle met een * gemarkeerde velden zijn verplicht.").show();
            $("span.star").show();
        }

        return validated;

    });
});