// Preload Images
img1 = new Image(16, 16);  
img1.src="images/spinner.gif";

img2 = new Image(220, 19);  
img2.src="images/ajax-loader.gif";



// When DOM is ready
$(document).ready(function(){

	// Launch MODAL BOX if the Login Link is clicked
	$("#login_link").click(function(){
					  		 		$('#login_form').modal();
									 }
						   );

	// When the form is submitted
	//$("#status > form").submit(function(){  
	$("#login").submit(function(){ 
//	$("form").one("submit",function(){
//alert("entroooo");
		// Hide 'Submit' Button
		$('#submit').hide();

		// Show Gif Spinning Rotator
		$('#ajax_loading').show();

		// 'this' refers to the current submitted form  
		var str = $(this).serialize();  

		// -- Start AJAX Call --

		$.ajax({  
    		type: "POST",
		    url: "do-login.php",  // Send the login info to this page
		    data: str,  
		    success: function(msg){
   
				$("#status").ajaxComplete(function(event, request, settings){  
 
					// Show 'Submit' Button
					$('#submit').show();

					// Hide Gif Spinning Rotator
					$('#ajax_loading').hide();  
					//alert("No debe ingresar aqui"+msg);
					 if(msg == 'OK') // LOGIN OK?
					 {  
						 /*var login_response = '<div id="logged_in">' +
							 '<div style="width: 350px; float: left; margin-left: 70px;">' + 
							 '<div style="width: 40px; float: left;">' +
							 '<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
							 '</div>' +
							 '<div class="txtFormLogin" style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+ 
							 "You are successfully logged in! <br /> Please wait while you're redirected...</div></div>"; */ 
						
						$('a.modalCloseImg').hide();
						$('#simplemodal-container').hide();
						$('#login_form').hide();
						
						//$('#simplemodal-container').css("width","500px");
						//$('#simplemodal-container').css("height","120px");
						 
						 
						 $(this).html(login_response); // Refers to 'status'
					
						 // After 3 seconds redirect the 
						 setTimeout('go_to_private_page()', 0); 
						 }  
					 	 else // ERROR?
						 {  
					 		var login_response = msg;
					 		$('#login_response').html(login_response);
					 	 }  
      
 					});  //#status
   
				}  
   
  		});  
  
// -- End AJAX Call --

return false;

}); // end submit event

});

function go_to_private_page()
{
window.location = 'index.php'; // Members Area
}