var _request = false;
var _old_margin;

$(document).ready(function(){
    $("#bf_text").keyup(function(){
        $("#bf_text")
            .css('border-width',"1px")
            .css('border-color',"#999 #CCC #CCC")
            .css('border-style','solid');
        $("#bf_text_label .required").remove();
        $("#bf_text_label").append('<span class="required">*</span>');
    });
    
    
    $("#backform_submit")
        .mousedown(function(){
           _old_margin = $(this).css('margin'); 
           $(this)
            .css('background-position',"0px 0px")
            .css('margin','12px 0 8px 2px');
        })
        .mouseup(function(){
            
            //server path
            var server_url      = "include/backform_controller.php";
            //statuses
            var _status_success = '<p style="color: green; padding-bottom: 20px; line-height: 20px;">Спасибо. Ваше письмо было отправлено в студию.<br>Мы свяжемся с вами в ближайшее время.</p>';
            var _status_error   = '<span class="required">* (поле не заполнено)</span>';
            
            $(this).css('background-position',"0px -23px");
            $(this).css('margin', _old_margin);
            
            
            //if we have text and didnt send forms
            if($("#bf_text").val().length > 5 && !_request)
            {
                _request = true;
                
                //Show loader and start ajax
                $("#backform_loader").show();
                
                $.post(
                    server_url, 
                    $("#backform_form").serialize(),
                    function(data){
                        if(data.result = 1)
                        {
                            $("#backform_loader").hide();
                            $("#backform_form").hide();
                            $("#backform").append(_status_success);                            
                        }
                });
            }
            else if($("#bf_text").val().length <= 5)
            {
                $("#bf_text").css("border","1px dashed red").css("padding","2px");
                //Clear any erros if there is
                $("#bf_text_label .required").remove();
                $("#bf_text_label").append(_status_error);
            }
            
        });
});