/*
 * Author: @gserrano
 * CSS & Javascript "lettering" :)
*/
var lettering = $('h1'),
	letteringSize = ($('h1').find('span').length-1),
	timer,
	letter;

setInterval(function(){
	letter = lettering.find('span:eq(' + randomFromTo(0,letteringSize) +')');
	letter.addClass('on');
	lettering.addClass('off-1');
	timer = randomFromTo(100,1000);
	setTimeout(function(){
		lettering.removeClass('off-1').addClass('off-2');
		timer = randomFromTo(100,800);
		setTimeout(function(){
			lettering.removeClass('off-1 off-2');
			letter.removeClass('on');
		},timer)
	},timer)
},1000)


$('section header h2').click(function(){
	if($(this).hasClass('active')){
		$(this).parent().parent().find('article').slideUp('fast');
		$(this).removeClass('active');
	}else{
		$(this).addClass('active');
		$('article').slideUp('fast');
		$(this).parent().parent().find('article').slideDown('fast');
	}
	
})


$('a[rel^="prettyPhoto"]').prettyPhoto({
	theme: 'light_rounded'
});