jQuery(document).ready(function() {
    var Form = {
        name: 'contactForm',
        cssClass: {
            'warning': 'warning',
            'error': 'error',
            'success': 'success'
        },
        id: {
            'error': 'error',
            'success': 'success'
        },
        errorPrefix: 'Error',
        action: function() {
            return $('#' + this.name).attr('action')
        },
        data: function() {
            return $('#' + this.name).serialize();
        },
        hideBox: function(el) {
            $(el).slideUp('slow');
        },
        showBox: function(el) {
            $(el).slideDown('slow');
        },
        invalids: null,
        setInvalids: function(invalid) {
            this.invalids = invalid
        }
    }
    // Boxes to hide
    var cssBoxes = '.' + Form.cssClass['warning'] + ',.' + Form.cssClass['error'] + ',.' + Form.cssClass['success'];


    // hide all boxes if some exists

    $('#ajax_loader').ajaxStart(function() {
        $('#send').hide();
        $(this).show()
    })
    $('#ajax_loader').ajaxComplete(function() {
        $('#send').show();
        $(this).hide();
    })
    $('#' + Form.name).submit(function() {
        //we need a reference to the this that is the form.
        var theForm = this;
        Form.hideBox(cssBoxes);

        // Ajax request
        $.post(Form.action(), Form.data(), function(data) {
            var $return = eval('(' + data + ')');
            if ($return === true) {
                Form.showBox('#' + Form.id['success']); 
                //This will work now without needing an extra selector
                theForm.reset(); setTimeout(function(){Form.hideBox('#' + Form.id['success']);} , 4000);
                
            } else if ($return === false) {
                Form.showBox('#' + Form.id['error']); setTimeout(function(){Form.hideBox('#' + Form.id['error']);} , 4000);
            }
            else {
                for (var i in $return) {
                    Form.showBox('#' + $return[i] + Form.errorPrefix);
                }
            }
        });

        return false;
    })
})