// -----------------------------------------------------	

function reternform() { 
  $("#ajaxform_result").animate({opacity: "hide"}, 400,
	 function (){
	  $("#ajaxformdiv").animate({opacity: "show"}, 600);
	      		 
  }); } 
  
 // ----------------------------------------------------- 
  
 
	
	
  
  $(document).ready(function(){  
  // --------------  
  $("#ajaxform #submit").click( 
						   
    function () {  
	
	// validate
	var textareacomments = $("#textareacomments").val();   
        if (textareacomments == "") {   
         jQuery.facebox('<span style="color: #FF3300">Комментарий не может быть пустым.</span>');
	 // $("label#name_error").show();   
      $("#textareacomments").focus();   
      return false;   
    }   
	// validate
	
	
	
		
		$("#ajaxformdiv").parent().append('<div id="loading"><img src="img/loading.gif"/></div>'); 
	     $("#loading").animate({opacity: "hide"}, 0); /* prepend */
		 
		 $("#ajaxformdiv").animate({opacity: "hide"}, 400); 
		 
		 
	   /* $("#loading").hide(); */
	   /* $("#loading").animate({ marginTop: "-40px"}, 0);  */
		
      $.ajax({  
        type: "POST",  
		data: $("form#ajaxform").serialize(), 
        url: $("form#ajaxform").attr("action"),
       // url: "comment_post.php", 
		timeout: 10000,
		error: function(request,error) {
 		   if (error == "timeout") {
			   jQuery.facebox("Превышено время выполнения запроса, пожалуйста повторите запрос. </i> <br>");  
			    $("#loading").animate({opacity: "hide"}, 0); 
		        reternform();
 		   }
 		   else {
			   jQuery.facebox("Ошибка при выполнении Ajax запроса. <br><i>Пожалуйста сообщите разрабочику и повторите запрос.</i> <br><br><b>designnstudio@ya.ru</b> ");  
			    $("#loading").animate({opacity: "hide"}, 0); 
				reternform();
 		   }
        },
		
		beforeSend: function() {   

 
		   $("#loading").animate({opacity: "show"}, 400); 
		        },
		
		success: function(data) { 
		                $("#loading").animate({opacity: "hide"}, 300,  function(){ 
						
						      $("#loading").hide("fast", function () { $("#loading").remove();   
							  
							        $("#ajaxform_result").html(data);  	 
						            $("#ajaxform_result").animate({opacity: "show"}, 800); 

							  });		
						} ); 
		} 
        		
      });	  
    });  
	
 
  
 
});