var txtBxBanner;
var btnSubmitBanner;
var initialBtnSrc;
var initialTxtBxText;
var initialBtnWidth;
var respDelay = 1000;
var url;

$(function () {

    txtBxBanner = $('#txtBxBanner');
    btnSubmitBanner = $('#btnSubmitBanner');

    initialBtnSrc = btnSubmitBanner.attr('src');

    initialTxtBxText = txtBxBanner.val();
    url = "/SubmitBanner.aspx";// $('#fBanner').attr('action');

    txtBxBanner.focus(ClearInitialText);

    $({}).ajaxError(function (data) {
        alert("Error!");
    });

    initialBtnWidth = btnSubmitBanner.outerWidth();

    txtBxBanner.keydown(function (event) {
        if (event.keyCode == 13) {
            event.preventDefault();
            btnSubmitBanner.click();
        }
    });

    btnSubmitBanner.click(function (event) {

        event.preventDefault();

        ClearInitialText();

        var banner = $.trim(txtBxBanner.val());

        if (banner == '') {
            txtBxBanner.focus();
            return;
        }

        DisableSet(txtBxBanner.add(btnSubmitBanner), true);
        btnSubmitBanner.attr('src', '/homepage/banner_submit_thanks.jpg')
        btnSubmitBanner.width(initialBtnWidth);

        var start = new Date().getTime();

        $.post(url, { banner: banner }, function (data) {

            var elapsed = new Date().getTime() - start;

            if (elapsed >= respDelay) {
                Resp(data);
            }
            else {
                setTimeout(function () { Resp(data); }, respDelay - elapsed);
            }
        });
    });
});

function Resp(data) {
    txtBxBanner.val('');
    btnSubmitBanner.attr('src', initialBtnSrc);
    DisableSet(txtBxBanner.add(btnSubmitBanner), false);
    btnSubmitBanner.width(initialBtnWidth);
}

function DisableSet(set, disable) {
    set.attr('disabled', disable == true ? 'disabled' : '');
}

function ClearInitialText() {
    if (txtBxBanner.val() == initialTxtBxText) { txtBxBanner.val(''); txtBxBanner.focus(); }
}