var delay = 0;

$(window).load(function () {
	// show letters
	$('#header>.letters>img').each(function () {		
		$(this)
			.delay(delay)
			.fadeIn(700);
			
		delay += 500;
	});
	
	delay += 3000;
	
	
	// create image element 
	// toggle letters.
	setTimeout('toggleLetters("a")', delay);
});


function toggleLetters (display)
{
	delay = 0;
	var i = 0;
	
	$('#header>.letters>img').each(function () {
		setTimeout('_toggleLetter("' + $(this).attr('class') + '", "' + display + '")', delay);
		if (i == 2 || i == 5)
		{
			delay +=1000;
		}
		
		i++;
	});
	
	setTimeout('toggleLetters("' + ((display == "a") ? '' : 'a') + '")', delay + 7500);
}

function _toggleLetter(letterClass, display)
{
	var newSrc = $('.' + letterClass).attr('src').replace(/a?\.jpg$/ig, '') + display + '.jpg';

		
	var newEl = $('.' + letterClass).clone();
	
	newEl
		.hide()
		.attr('src', newSrc)
		.appendTo('#header>.letters')
		.fadeIn(700);
		
	$('.' + letterClass + ':first').fadeOut(700);
	
	setTimeout("$('." + letterClass + ":first').remove()", 800);
}