$('document').ready(function(){

	$('.reference-left-image-link').fancybox({
		'titlePosition'  : 'over',
		'hideOnContentClick' : true
	});

	
	// initialize scrollable
	$(".scrollable").scrollable();
	
	$('.items div').hover(function(){
		
		$('img', this).css('top','-45px');
	},
	function(){
		$('img', this).css('top','0');	
	});

	$('.items div').bind('click', displayContent);
	
});

function displayContent(evt){

	var id = $('img', this).attr('alt');
	
	$('.reference').fadeOut('slow', function(){

		$(this).css('display','none');
	});
		
	$('#' + id).fadeIn('slow', function(){

		$(this).css('display','block');
		
	});

}