$(document).ready(function() {
	
	// Add class with random color
	var hue = Math.floor(Math.random()*4) + 1;
		$('#logo-box').addClass("rand-"+hue);
		$('body').addClass("rand-"+hue);
		$('.work-details').addClass("rand-"+hue);
	
	// Add cycle effect for .we-can-do
	$('.we-can-do').each(function(){
		$(this).cycle({
			fx: 'scrollUp',
			speed: 400,
			pause: 5,
		});
	});
	
	// Add margins for .post list
	$('#main-content .post:nth-child(3n)').addClass('js');
	$('#content .post:nth-child(2n)').addClass('js');
	$('#related-works .post:nth-child(3n)').addClass('js');
	
	
	// Add slide effect for .post on :hover
	$('.post a').hover(
	 function(){
		$(this).find('.thumbnail');
		$(this).addClass('thumbnail-hover');
		$(this).find('.work-details').stop().animate({top:0}, 300, 'swing');
	 },
	 function(){
		var block = $(this);
		var text = $(this).find('.work-details');
		text.stop().animate({top:text.height()*-1}, 300, 'swing', function(){ block.removeClass('thumbnail-hover') });
	 }
	).trigger('mouseout');

});