$(document).ready(function() {					   
	$('.thumb, #strap, .thumb .title').css('display', 'none');
	$('#we-tell-text').fadeIn(1500);
	setTimeout("$('#brand-stories-text').fadeIn(1500)", 1000);
	setTimeout("$('#through-design-text').fadeIn(1500)", 2200);
	setTimeout("fadeThumbs()", 4000);
});

$.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
};
	
var fadeOrder = Array(13, 11, 4, 24, 21, 7, 5, 12, 20, 10, 19, 8, 23, 6, 9, 22, 2, 28, 30, 27, 1, 3, 26, 25, 29, 14, 18, 16, 15, 17);
	
function fadeThumbs() {
	var offset = 250;
	for(var i = 0; i<fadeOrder.length; i++) {
		
		if(i==0) {
			$('#thumb' + fadeOrder[i]).fadeIn(500);
		}
		else {
			$('#thumb' + fadeOrder[i]).wait(offset*i).fadeIn(500);
		}

		if(fadeOrder[i] == 2) {
			$('#we-tell-text').wait(offset*i).fadeOut(1000);
		}
		if(fadeOrder[i] == 14) {
			$('#brand-stories-text').wait(offset*i).fadeOut(1000);
			$('#strap').wait(offset*i).fadeIn(1000,
				function() {
					$('.thumb').hover(
						function() {
							$(this).children('.title').eq(0).show().animate({top: '0px'}, 300);
							$(this).find('img').fadeTo("fast", 0.8); 
						}, function() {
							var title = $(this).children('.title').eq(0);	
							$(this).find('img').fadeTo("fast", 1.0);
							title.animate({top: '111px'}, 300, function() { title.hide(); } );
						}
					);
				});
		}
		if(fadeOrder[i] == 28) {
			$('#through-design-text').wait(offset*i).fadeOut(1000);
		}
	}
}