$(document).ready(function()
{
	//set namespace
	if (window.webframe == null || typeof(window.webframe) != "object") { window.webframe = new Object();}
	
	window.webframe.loginDialog = function()
	{
		var loginHTML = '<div id="loginDialog" class="flora" title="Login" >' +
		'<form>' + 
		'User Name: <input id="username" name="username" value="" type="text"><br/>' +
		'Password: <input id="password" name="password" value="" type="password"> ' +
		'</form>' +
		'</div>';
	
		//setup dialog HTML
		$('body').append(loginHTML);
		
		$('#password').keypress(function (e) {  
       if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) 
			 {  
           attemptLogin();
           return false;  
       } else 
			 { return true; }  
     });  
		
		$("#loginDialog").dialog(
		{
			buttons: 
			{
				'Cancel': function()
				{ $(this).dialog('close'); },
				'OK': attemptLogin
			},
			width: 215,
			modal: true,
			resizable: false,
			close: function()
			{ $("#loginDialog").remove(); }
		});

		$('#username')[0].focus();

		function attemptLogin()
		{
			var username = $('#username').val();
			var password = $('#password').val();
			var userServices = new UserServices();
			var loginSuccess = userServices.logInUser(username, password);
			if (loginSuccess) 
			{
				$("#loginDialog").dialog('close');
				window.location.reload();
			}
			else
			{ alert('Login failed'); }
		}	
	}

//	$(document).bind('keydown', 'Alt+l', function(e)
//	{
//	//console.log(e);
//		webframe.loginDialog();
//		return false;
//	});
	
//	jQuery.hotkeys.add('Ctrl+y',function ()
//	{
//		webframe.loginDialog();
//	});

		
	$('#lnkLogin').click(function()
	{	
		webframe.loginDialog();
		return false;
	});
});