$(document).ready(function()
{
	$('.button').css('visibility','visible');
	$('.button').fadeTo(1,0.01);
	$('.button').hover(function(e){
		var but = $(this);
		if (but.attr('lock')!='true')
		{
			but.stop().fadeTo(500,1);
			but.attr('lock','true');
		}
	},function(e){
		var but = $(this);
		but.fadeTo(300,0.01,function(){but.attr('lock','false');});
	});
	
});
$(document).ready(function() {
    // hides the photobox as soon as the DOM is ready (a little sooner that page load)
    $('#photobox').hide();});