$(document).ready(function(){
	$("div.thumb").hover(
	
		function() {
			$(this).find("img").animate({opacity: 1}, "fast");
		},
		function() {
			$(this).find("img").animate({opacity: 0.4}, "fast");
		}
	);
	
	$('#media').hide(); 
	$('#media').fadeIn('slow');
	
	$('#infoLayer').animate({opacity: 0}, "fast");
	$('#infoLayer').css("margin-top",(620 - $('#infoLayer').height())/2 + "px");
	
	$('#infoLayer').bind('click', {}, nextImage);
	
	$('#nav').find("a.info").bind('click', {}, showInfo);
	
});

var showInfo = function(event) {
	
	//Cancel the link behavior
	event.preventDefault();
	
	$('#nav').find("a.info").unbind('click');
	
	
	$('#infoLayer').animate({opacity: 1}, "fast", function() {
    	// Animation complete.
		$(document).bind('click', {}, hideInfo);
  	});
}

var hideInfo = function(event) {
	
	//event.preventdefault();
		
	$(document).unbind('click');
	
	$('#nav').find("a.info").bind('click', {}, showInfo);
	
	$('#infoLayer').animate({opacity: 0}, "fast");
	//alert($i);
}

var nextImage = function(event){
	window.location = $('#media').find("a").attr('href');
}