$(document).ready(function(){

	  var errorColor   = '#F3D2D3';
	  var correctColor = '#F2F2F2';
	  var errorMarks   = 'background-color';
	  
	  $("#reset").click(function(){
	  	document.getElementById('form').reset();
	  });
	  
	  $('#login').click(function() {

			$("#email").css(errorMarks, correctColor);
			//$("#username").css(errorMarks, correctColor);
			$("#password").css(errorMarks, correctColor);

			var hasError = false;
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

			var emailVal		= $("#email").val(); //required
			//var usernameVal		= $("#username").val(); //required
			var passwordVal		= $("#password").val(); //required

			if(emailVal == '') {
				$("#email").css(errorMarks, errorColor);
				hasError = true;
			} else if(!emailReg.test( emailVal )) {	
				$("#email").css(errorMarks, errorColor);
				hasError = true;
			}
/*
			if(usernameVal == '') {
				$("#username").css(errorMarks, errorColor);
				hasError = true;
			}
*/
			if(passwordVal == '') {
				$("#password").css(errorMarks, errorColor);
				hasError = true;
			}

			if(hasError == false) {

				$.ajax({
					async:	false,
					type: 	"POST",
					url:  	"plugins/db-connector.php",
					data: {
						request:	'login',
						email:		emailVal,
						//username:	usernameVal,
						password:	passwordVal
					},
					success: function(msg) {
						//alert(msg);
						// Logged in
						if( msg != 'anonymous' ) {
							
								$('span.logged-as').html(msg);
							
								$("span#top-unauthorized").fadeOut('slow', function() {
									$("span#top-authorized").fadeIn('slow');
								})
								$("div#unauthorized").fadeOut('slow', function() {
									$("div#authorized").fadeIn('slow');
								});
						}
						else {
							alert(LoginError);
						}
							//Boxy.alert(LoginError, null, {title: 'Error'});
					},
					error: function (XMLHttpRequest, textStatus, errorThrown) {
						//alert(errorThrown);
						alert(LoginError);
					}
				});
			}
			else
		   		return false;
	  });
});