window.addEvent('domready', function(){
	
		var dismiss_error = function(){						
			$('login-console').empty();
			$('login-console').setProperty("class", "");
			$('login-button').disabled = false;
		
			document.removeEvent('mouseup', dismiss_error);	
			document.removeEvent('keydown', dismiss_error);
		}
		
		$('login-button').disabled = false;
		
		$('login').focus();

		
		// override the submit action with our login script
		$('login-form').addEvent('submit', function(e){
			if (e != null){ new Event(e).stop(); }
			
			$('login-button').disabled = true;
			
			$('login-form').send();
		});
		
		$('login-form').set('send', {
			url: '/mitoc-gear/login/login.php', 
			method: 'post',
			onComplete: function(json){												
				
				json = JSON.decode(json);
				
				if(json.error == undefined){
					
					// show success message
					$('login-console').setProperty("class", "response-success");
					$('login-console').innerHTML = json.message;

					// reload the page after 5 sec
					(function(){ window.location.reload(); }).delay(1000);
					
				} else if (json.error != null){
					
					// show error messages
					$('login-console').setProperty("class", "response-error");
					$('login-console').empty();
					$('login-console').innerHTML = json.error;
					
					$('login-button').disabled = true;
					
					// remove this error when the user clicks away						
					document.addEvent('mouseup', dismiss_error);
					document.addEvent('keydown', dismiss_error);
					
				}
				
			}
		});
		
		$('forgot-password').addEvent("click", function(e){
			
			var forgotPopup = new Popup.confirm({
				
				url: "/mitoc-gear/login/forgot.htmx.php",
				title: "Reset password",
				confirmText: "send",
				confirmStyles: { "font-weight": "bold" },
				onLoadComplete: function(){
					
					$('forgot-email').addEvent('keyup', function(e){
						if (e.key == "enter"){
							this.disableButtons();
							new Request.JSON({
								url: "/mitoc-gear/db/mitoc_db.php?cmd=reset_password&data=" + $('forgot-email').value,
								onComplete: forgot_response
							}).send();
						}
					}.bind(this));
					
					$('forgot-email').focus(); // WHY ISN"T THIS WORKING"???
					
					

				},
				onConfirm: function(){
					
					this.disableButtons();
					new Request.JSON({
						url: "/mitoc-gear/db/mitoc_db.php?cmd=reset_password&data=" + $('forgot-email').value,
						onComplete: forgot_response
					}).send();
					
				}
			}).show();
			

			var forgot_response = function(json){

				if (json.message != null){

					// show success message
					$('forgot-console').setProperty("class", "response-success");
					$('forgot-console').innerHTML = json.message;

					// reload the page after a delay
					(function(){ window.location.reload(); }).delay(5000);

				} else if (json.error != null){

					forgotPopup.enableButtons();

					// show error messages
					$('forgot-console').setProperty("class", "response-error");
					$('forgot-console').innerHTML = json.error;

				}
			}
			
		});
		
		
});