$(document).ready(function() {
	$('#primary').masonry({columnWidth:121, itemSelector:'.box:visible'});
	
	$('div.box div.over').each(function() {
		$(this).data('coords', {'top':$(this).css('top')});
	});

	$('div.box').hover(function() {
		var div = $(this).find('div.over');
		div.animate({top:'0px'}, 200);
	},function() {
		var div = $(this).find('div.over');
		var top = div.data('coords').top;
		div.animate({top:top}, 200);
	});
	
	$('#overlay').hide();
	
	/* ------------------------------------------------- */
	/* BIGGER CLICK AREA
	/* ------------------------------------------------- */
	$('div.over p a.lightbox').css('opacity',0);
	$('div.over p a').live('click', function(e) { e.preventDefault(); })
	
	$('div.over').live('click', function() {
		var a = $(this).find('p a');
		if(a.size() > 0)
		{
			if(a.hasClass('lightbox')) {
				//$('#overlay').fadeIn();
				/*$('#overlay').load($(this).attr('href'), function() {
					$('#overlay').fadeIn();
				})*/
			} else if(a.hasClass('mail')) {
				window.location = a.attr('href');
			} else {
				window.open(a.attr('href'));
			}
		}
	});
	
	$('#closewrapper a').click(function(e) {
		e.preventDefault();
		$('#overlay').fadeOut();
	});
});