// 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(){



$('#recuperar').click(function(){  
								 $('#login_tip').val("recuperar");
								 $('#showrecovery').css('color','#666666');
								  $('#recuperar').css('background-image', 'url(images/login/recuperar2.jpg)');
								  $('#medio').css('background-image', 'url(images/login/medio_recuperar2.jpg)');
								  $('#privada').css('background-image', 'url(images/login/privada2.jpg)');
					 
					 
					
								  
			  $('#enterlogin').slideUp();
			  $('#passrecovery').slideDown();
			   $('#login_response').html('');
			
			  return false;
								  });

$('#privada').click(function(){  

							 $('#login_tip').val("privada");
						 $('#hiderecovery').css('color','#666666');
						
  									$('#recuperar').css('background-image', 'url(images/login/recuperar.jpg)');
								  $('#medio').css('background-image', 'url(images/login/medio_recuperar.jpg)');
								  $('#privada').css('background-image', 'url(images/login/privada.jpg)');


			 		
								  
			  $('#enterlogin').slideDown();
			  $('#passrecovery').slideUp();
			  $('#login_response').html('');
 			
			  return false;
								  });

$('#ajax_loading2').hide();
$('#ajax_loading').hide();
// When the form is submitted
$("form#login").submit(function(){  


var sec_login = $('#login_sec').val();
// 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: "dologin.html",  // 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();  

 
 if(msg == 'OK') // LOGIN OK?
 {  
 var login_response = 
	
	 '<div style="width: 40px; margin-left:140px; margin-top:30px; ">' +
	 '<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
	 '</div>';  

$('a#fancybox-close').hide();  


 $(this).html(login_response); // Refers to 'status'

// After 3 seconds redirect the 
setTimeout('go_to_private_page(\''+sec_login+'\')', 3000); 
 }  
 else // ERROR?
 {  
 var login_response = msg;
 $('#login_response').html(login_response);
  $('#notification_error').css('color','red');
 $.fancybox.resize();
 }  
      
 });  
   
 }  
   
  });  
  
// -- End AJAX Call --

return false;

}); // end submit event















// When the form is submitted
$("form#loginrecovery").submit(function(){  
$('#recover_response').slideUp();
msg= "";
// Hide 'Submit' Button
//$('#hiderecovery').hide();
$('#recover').hide();

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

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

// -- Start AJAX Call --

$.ajax({  
    type: "POST",
    url: "dologin.html",  // Send the login info to this page
    data: str,  
    success: function(msg){  
   
$("#status").ajaxComplete(function(event, request, settings){  
 
//$('#hiderecovery').show();
$('#recover').show();

// Show Gif Spinning Rotator
$('#ajax_loading2').hide();

var ms = msg.split('-');

 if(ms[0] == 'OK') // LOGIN OK?
 {  
 var login_response = ms[1];  

 $('#recover_response').html('<div id="notification_error">'+login_response+'</div>');
  $('#recover_response').slideDown();
  $('#notification_error').css('color','#CCCCCC');
//$('a#fancybox-close').hide();  


 //$(this).html(login_response); // Refers to 'status'

// After 3 seconds redirect the 
//setTimeout('go_to_private_page()', 3000); 
 }  
 else // ERROR?
 {  
 var login_response = msg;
 $('#recover_response').html(login_response);
 $('#notification_error').css('color','red');
 $('#recover_response').slideDown();
 $.fancybox.resize();
 }  
      
 });  
   
 }  
   
  });  
  
// -- End AJAX Call --

return false;

}); // end submit event









});

function go_to_private_page(sec)
{

	if(sec == "pasarela"){
		window.location = 'pasarela.html';
	}else{
		window.location = 'login.html'; // Members Area
	}
}