$(document).load(function(){
	// if firefox 3.5+, hide content till load (or 3 seconds) to prevent FOUT
	var d = document, e = d.documentElement, s = d.createElement('style');
	if (e.style.MozTransform === ''){ // gecko 1.9.1 inference
	s.textContent = 'body{visibility:hidden}';
	e.firstChild.appendChild(s);
	function f(){ s.parentNode && s.parentNode.removeChild(s); }
	addEventListener('load',f,false);
	setTimeout(f,3000);
	}
})

$(document).ready(function(){

	var loginContent =	'<div id="login">'
						+'<form action="#" method="post">'
							+'<p><label for="login">Login</label><input type="text" name="login" value="" /></p>'
							+'<p><label for="password">Password</label><input type="password" name="password" value="" /></p>'
							+'<p><input type="submit" value="Log in" /></p>'
						+'</form>'
						+'</div>';


	$('body').append(loginContent);
	$('#login').hide();

	if($.browser.webkit){
		$('#footer p').css({'font-size' : '12px'});
	}

	$(document).keyup(function(event){
		if(event.keyCode == 222){
			$("#login").modal({
			containerCss:{
				padding:20,
				width:240
			},
			overlayClose:true,
			onOpen: function (dialog) {
				dialog.overlay.fadeIn('fast', function () {
					dialog.data.hide();
					dialog.container.fadeIn('fast', function () {
						dialog.data.show();
					});
				});
			}

			});
		}
	})
})