/* Javascript functions for the login header */

/* TODO make specific to header */

$(function() {
	initializeLoginFields();
});

function initializeLoginFields() {
	var usernameField = $("#username");
	var passwordField = $("#password");
	usernameField.addClass("loginNote");
	passwordField.detach();
	passwordField = $('<input name="password" type="text" id="password" value="password" class="loginNote" />');
	$("#loginFields").append(passwordField);
	var loginButton = $("#loginButton");
	loginButton.detach();
	$("#loginFields").append(loginButton);
	usernameField.focus(function() {
		var input = $(this);
		if(input.hasClass("loginNote")) {
			input.removeClass("loginNote");
			input.val("");
		}
	});
	passwordField.focus(function() {
		var input = $(this);
		input.detach();
		var passwordField = $('<input name="password" type="password" id="password"/>');
		$("#loginFields").append(passwordField);
		var loginButton = $("#loginButton");
		loginButton.detach();
		$("#loginFields").append(loginButton);
		passwordField.focus();
		passwordField.chromaHash({bars: 4, salt:"937f8d12b7ceeed1df221f81da3ab600", minimum:8});
	});
}