﻿$(function () {
    var v = $('.contactUs form').validate({
        submitHandler: function (form) {
            $(form).ajaxSubmit({
                target: $('.result', form),
                beforeSubmit: function () {
                    $(form).find(':submit').attr('disabled', 'disabled');
                },
                success: function () {
                    $(form).find(':submit').attr('disabled', '');
                }
            });
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
            $('label:first', element.parents('.row:first')).append(error);
        }
    });

    var loaderParent = $('.contactUs .submitButtons');
    var loader = $('<div id="loader"><img src="/Content/Images/Site/loading.gif" alt="loading..." /></div>')
                             .css({ position: 'absolute', top: '4px', left: '140px' })
                             .appendTo(loaderParent)
                             .hide();

    loader.ajaxStart(function () {
        loader.show();
    }).ajaxStop(function () {
        loader.hide();
    }).ajaxError(function (a, b, e) {
        throw e;
    });

    var closeParent = $('#scripts .contactUs .submitButtons');
    var closeButton = $('<input type="button" value="Close" />')
                                    .click(function () {
                                        $.unblockUI();
                                        v.resetForm();
                                    })
                                    .appendTo(closeParent);

    $('#EnquireNowButton').click(function () {
        $.blockUI({ message: $('#scripts .contactUs'), css: { width: '460px', top: '20%', border: 'solid 1px #000000', cursor: 'default' }, overlayCSS: { cursor: 'default'} });
    });
});
