$(function () {

	/* ================== */
	/*     login form     */
	/* ================== */
	
	// set initial properties of login overlay and bind fade out to overlay/form
	$('#login_overlay').height($(document).height()).css({ opacity: '0.8' }).click (function() {
		
		// fade out
		$('#login_overlay, #login_form_container').animate({
			
			opacity: 'toggle'
				
		}, 'slow');
		
	});
	
	// bind event to login link
	$('#login_form_control').click (function() {
		
		// fade-in overlay
		$('#login_overlay, #login_form_container').animate({
			
			opacity: 'toggle'
				
		}, 'slow', function() {
			
			// place cursor in username field
			$('#username').focus();
		
		});
		
		// suppress link redirection
		return false;
	
	});

});