function loading(id, img_type){
	$(id).html('<img src="/images/loading'+img_type+'.gif" alt="Loading" align="absmiddle">');
}

$(document).ready(function(){
	$('.sign-in').click(function(){
		$('#signin-menu').toggle('slow');	
		$(this).toggleClass('menu-open');
	});
	$("form[name='signin']").submit(function(){
		if (!$('#username').val().match(/MAP[\d]{6}/)){
			$('#form-errors').html('Please enter a valid library card in the form MAPxxxxxx');
			return false;
		}
		loading('#signing-in', 5);
		$('#signing-in').append('&nbsp;Signing you in...');
		$.post('/index/signin', {card:$('#username').val()}, function(data){
			$('#signin').html(data);
		});
		
		return false;
		
	});
	
	$('#signout').click(function(){
		loading('#signin', 5);
		$('#signin').append('&nbsp;Signing you out...');
		$('#signin').load('/index/signout', null, function(){
			$('#signin').submit(function(){
					if (!$('#username').val().match(/MAP[\d]{6}/)){
						$('#form-errors').html('Please enter a valid library card in the form MAPxxxxxx');
						return false;
					}
					loading('#signing-in', 5);
					$('#signing-in').append('&nbsp;Signing you in...');
					$.post('/index/signin', {card:$('#username').val()}, function(data){
						$('#signin').html(data);
					});

					return false;

				});
		});
	});
});