$(document).ready(function() {	
	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
		//Set the popup window to center
		$(id).css('top',  winH/3-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
		//transition effect
		$(id).fadeIn(2000); 
			$(".error").hide();   
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask').hide();
		$('.window').hide();
	});		
	//if mask is clicked
	$('#mask').click(function () {
		//$(this).hide();
		//$('.window').hide();
	});		

	//jquery ajax
	$("#login_form").submit(function() {
	
    var hasError = false;  
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;  

   
	var emails = $("#forgot_email").val();
   if(!emailReg.test(emails))
  {          
 //$("#emailid").after('<span class="error">Enter a valid email address.</span>');  
    $(".error").show();  
     return false;  
   }
   else
   {

$(".error").hide();
		$("#flash").show();
		$("#flash").fadeIn("slow",0.25).html('<img src="ajax-loading.gif" align="absmiddle">&nbsp;<span class="loading">Loading...</span>');
		$.post("../forgotpassword", { email: emails }, function(data) {
			$("#status").html(data);
		});
		$("#flash").hide();
		return false;
   }
   
	});	//submit
	
});