(function ($) {

    var mask;
    var overlayWrap;

    $(function () {
        mask = $('#mask');
        overlayWrap = $('#overlay-wrap');
        hookUpModalForm('#mailing-list-modal-box', '/subscriber.aspx/subscribe');
        hookUpModalForm('#showreel-modal-box', '/showreel.aspx/requestshowreel');
    });


    function hideModalBox() {
        mask.fadeOut(1000);
        $('#overlay-wrap').fadeOut(1000);
        return false;
    }

    function highlightErrors() {
        alert('Please check you have filled in the form completely.');
    }

    function processSubmission(res) {
        if (res.IsValid) {
            hideModalBox();
        } else {
            highlightErrors();
        }
    }

    function setUpTheRest() {
        mask.fadeIn(1000);
        overlayWrap.fadeIn(1000);

        var winH = $(window).height();
        var winW = $(window).width();

        var id = $('#overlay-wrap');
        $(id).show();
        $('#form').ajaxForm({ dataType: 'json', success: processSubmission });
        $('#modal-close').click(hideModalBox);
    }

    function hookUpModalForm(idOfElementToAddClickEventTo, actionToPerform) {
        $(idOfElementToAddClickEventTo).click(function (e) {
            $('#modal-box-container').load(actionToPerform, null, setUpTheRest);
            return false;
        });

        mask.click(function () {
            hideModalBox();
            return false;
        });
    }
})(jQuery);