$(document).ready(function(){
	setLayout();
	$("#content .content_block").click(function(){
		window.location=$(this).find("a").attr("href");
		return false;
	});
	$("#content .content_block").hover(function(){
		 showOver(this);
	}, function() {
		 showOut(this) 
	});
});
function setLayout(){
	if($("#content").hasClass("thumbs")){	
		$("#content").find(".content_block .overlay").css({"opacity": 0 }); 
		$("#content").find(".content_block .overlay").css({'display' : 'none'});
		$("#content").find("#gradient").remove();
	} 
	else if($("#content").hasClass("small")){	
		$("#content").find(".content_block .overlay").css({"opacity": 1 }); 
		$("#content").find(".content_block .overlay").css({'display' : 'block'});
		$("#content").append("<div id='gradient'></div>");
	} 
	else if($("#content").hasClass("big")) {
		$("#content").find(".content_block .overlay").css({"opacity": 1 }); 
		$("#content").find(".content_block .overlay").css({'display' : 'block'});
		$("#content").find("#gradient").remove();
	}
}
function showOver(item) {
	if($("#content").hasClass("thumbs")){
		$(item).find(".overlay").css({'display' : 'block'});
		$(item).find("img").stop().animate({ "opacity": .1 }, 300);
		$(item).find(".overlay").stop().animate({ "opacity": 1 }, 300);	
	}
	else if($("#content").hasClass("big")){
		$(item).find(".overlay").css({'display' : 'block'});
		$(item).find("img").stop().animate({ "opacity": 0.6 }, 300);
		$(item).find(".overlay").stop().animate({ "opacity": 1 }, 300);
	}
	else if($("#content").hasClass("small")){
		$(item).find(".overlay").css({'display' : 'block'});
		$(item).find("img").stop().animate({ "opacity": 0.6 }, 300);
		$(item).find(".overlay").stop().animate({ "opacity": 1 }, 300);
	}
}
function showOut(item){
	if($("#content").hasClass("thumbs")){
		$(item).find("img").stop().animate({ "opacity": 1 }, 300);
		$(item).find(".overlay").stop().animate({ "opacity": 0 }, 300);	
	}
	else if($("#content").hasClass("big")){
		$(item).find("img").stop().animate({ "opacity": 1 }, 300);
		$(item).find(".overlay").stop().animate({ "opacity": 1 }, 300);	
	}
	else if($("#content").hasClass("small")){
		$(item).find("img").stop().animate({ "opacity": 1 }, 300);
		$(item).find(".overlay").stop().animate({ "opacity": 1 }, 300);	
	}	
}