$(document).ready(function() {
	/* colors stored in variables */
	var menuColorRowBackground = "#5D6977"; /* dark blue-grey */
	var menuColorRowBackgroundHover = "#7d8792"; /* lighten 20% */
	var menuColorRowText = "#CFD2D6"; /* lighten 70% */
	var menuColorRowTextSelected = "white";

	$("#login p").hover(
      function () {
        $(this).css("background-color", menuColorRowBackgroundHover);
        $(this).css("cursor", "pointer");
      }, 
      function () {
        $(this).css("background-color", menuColorRowBackground);
        $(this).css("cursor", "auto"); 
      }
    );

	$("#login p").click(function() {
		var logintext = $(this).html();
		if ( logintext == "login" ) { /* show login panel */
			$("#login-panel").slideToggle("slow", function () {
				$("#login p").html("close");
			});
		}
		if ( logintext == "close" ) { /* hide login panel */
			$("#login-panel").slideToggle("slow", function () {
				$("#login p").html("login");
			});
		}
		if ( logintext == "logout" ) { /* logout */
			$.post("/Resources/php/logout.php", function(theRes) {
				location.href = '/index.php';
			});
		}
	});
	
	/* submit login form : error => show note ; success => reload */
	$("#login-form, #require-login-form").submit(function() {
		var submitID = $(this).attr("id");
		$("#login-note").html('');
		var usernameval = $("#username").val();
		var userpassval = $("#userpass").val();
		$.post("/Resources/php/login.php", { suppliedName: usernameval, 
		suppliedPass: userpassval }, function(theRes) {
			if (theRes == "OK") {
				if ( submitID == "login-form" ) { location.href = 'user.php' };
				if ( submitID == "require-login-form" ) { location.reload() };
			} else {
				$("#login-note").html(theRes);
			};
		});
		return false;
	});
	
}); /* document ready */