// esperamos que el DOM cargue
$(document).ready(function() { 
	
	// definimos las opciones del plugin AJAX FORM
	var opciones= {
		beforeSubmit: mostrarLoader, //funcion que se ejecuta antes de enviar el form
		success: mostrarRespuesta, //funcion que se ejecuta una vez enviado el formulario
					   
	};
	 //asignamos el plugin ajaxForm al formulario form_contacto y le pasamos las opciones
	$('#form_contacto').ajaxForm(opciones) ; 
	
	 //lugar donde defino las funciones que utilizo dentro de "opciones"
	 function mostrarLoader(){
		$("#loader_gif").fadeIn("slow");
	 };
	 function mostrarRespuesta (responseText){
		 //alert("Enviando formulario contacto.");  //responseText es lo que devuelve la página contacto.php. Si en contacto.php hacemos echo "Hola" , la variable responseText = "Hola" . Aca hago un alert con el valor de response text
		 $("#loader_gif").fadeOut("slow"); // Hago desaparecer el loader de ajax
		 $("#ajax_loader").empty();
		 $("#ajax_loader").append(responseText); // Aca utilizo la función append de JQuery para añadir el responseText  dentro del div "ajax_loader"
	 
	 };

});