$(function () {

    $('a.belmijnusubscribe').click(function () {
        openbelmijnuSubscriber();
        return false;
    });

    initbelmijnuSubscribeForm();
});


belmijnuSubscribeListener = function () {
    var container = $('div#belmijnuSubscribe');
    var form = $(container).find('form');
    /*
    var button = $(form).find('input[type=submit]');
    $(button).click(function() {
        
        
    });*/
    $(form).validate({
        debug: true,
        submitHandler: function (form) {
            var val = $(form).serialize();
            $(container).find('div.loader').show();
            $.ajax({
                type: "POST",
                url: "/xhr/CustomApp/BelMijNu",
                data: val,
                success: function (msg) {
                    $(container).html(msg);
                }
            });
        },
        rules: {
            firstName: "required",
            emailAddress: {
                required: true,
                email: true
            },
            lastName: "required",
            company: "required"
        },
        messages: {
            firstName: "Voornaam is verplicht",
            lastName: "Achternaam is verplicht",
            emailAddress: {
                required: "E-mailadres is verplicht",
                email: "Uw e-mailadres is niet in het formaat naam@domein.com"
            },
            company: "Bedrijfsnaam is verplicht"
        }


    });

}

openbelmijnuSubscriber = function () {
    $('div#belmijnuSubscribe').dialog('open');
    var rand = new Date().getTime();
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/BelMijNu?' + rand,
        success: function (msg) {

            $('div#belmijnuSubscribe').append(msg);
            $('div#belmijnuSubscribe div.loader').hide();
            var title = $('div#belmijnuSubscribe').children('h1').text();
            $('div#belmijnuSubscribe').children('h1').hide();
            $('div#belmijnuSubscribe').dialog('option', 'title', title);
            belmijnuSubscribeListener();



        }
    });
};

initbelmijnuSubscribeForm = function () {
    var dialog = $('<div id="belmijnuSubscribe" />').appendTo('body');
    var loader = $('<div class="loader" />').appendTo(dialog);
    $(dialog).dialog({
        title: 'loading...',
        modal: true,
        close: function () {
            $('div#belmijnuSubscribe').dialog('destroy');
            $('div#belmijnuSubscribe').remove();
            initbelmijnuSubscribeForm();
        },
        autoOpen: false
    });
}








$(function () {

    $('a.afspraaksubscribe').click(function () {
        openafspraakSubscriber();
        return false;
    });

    initafspraakSubscribeForm();
});


afspraakSubscribeListener = function () {
    var container = $('div#afspraakSubscribe');
    var form = $(container).find('form');
    /*
    var button = $(form).find('input[type=submit]');
    $(button).click(function() {
        
        
    });*/
    $(form).validate({
        debug: true,
        submitHandler: function (form) {
            var val = $(form).serialize();
            $(container).find('div.loader').show();
            $.ajax({
                type: "POST",
                url: "/xhr/CustomApp/Afspraak",
                data: val,
                success: function (msg) {
                    $(container).html(msg);
                }
            });
        },
        rules: {
            firstName: "required",
            emailAddress: {
                required: true,
                email: true
            },
            lastName: "required",
            company: "required"
        },
        messages: {
            firstName: "Voornaam is verplicht",
            lastName: "Achternaam is verplicht",
            emailAddress: {
                required: "E-mailadres is verplicht",
                email: "Uw e-mailadres is niet in het formaat naam@domein.com"
            },
            company: "Bedrijfsnaam is verplicht"
        }


    });

}

openafspraakSubscriber = function () {
    $('div#afspraakSubscribe').dialog('open');
    var rand = new Date().getTime();
    $.ajax({
        type: "GET",
        url: '/xhr/CustomApp/Afspraak?' + rand,
        success: function (msg) {

            $('div#afspraakSubscribe').append(msg);
            $('div#afspraakSubscribe div.loader').hide();
            var title = $('div#afspraakSubscribe').children('h1').text();
            $('div#afspraakSubscribe').children('h1').hide();
            $('div#afspraakSubscribe').dialog('option', 'title', title);
            afspraakSubscribeListener();



        }
    });
};

initafspraakSubscribeForm = function () {
    var dialog = $('<div id="afspraakSubscribe" />').appendTo('body');
    var loader = $('<div class="loader" />').appendTo(dialog);
    $(dialog).dialog({
        title: 'loading...',
        modal: true,
        close: function () {
            $('div#afspraakSubscribe').dialog('destroy');
            $('div#afspraakSubscribe').remove();
            initafspraakSubscribeForm();
        },
        autoOpen: false
    });
}