/* Copyright Brice Burgess <bhb@iceburg.net> - 2006 */

$(document).ready(function(){
	// get height of bonjour
	height = $("#bonjour").css('height');
	width = $("#bonjour").css('width');
	baseline = (height/2)-33;
	left = (width/2)-118; // 118 == 1/2 width of "Bonjour"
	
	/* left offsets (width of image) */
	var letterLeft = [];
	letterLeft[0] = left;
	letterLeft[1] = letterLeft[0]+42;
	letterLeft[2] = letterLeft[1]+34;
	letterLeft[3] = letterLeft[2]+39;
	letterLeft[4] = letterLeft[3]+18;
	letterLeft[5] = letterLeft[4]+34;
	letterLeft[6] = letterLeft[5]+41;
	
	var last = false;
	
	var fadeTime = 777;
	
	$("#bonjour img").each(function(i) {
		if (i == 3) { // skip the J
			$(this).
				hide().
				css({
					top: (baseline-33)+'px', 
					left: (left-35)+'px',
					height: '132px',
					width: '36px'}).
				addClass('animate').
				set('name','theJ').
				fadeTo(1,0.01);
			return;
		}
		else if (i > 3) {
			fadeTime = 0;
		}
		$(this).
			hide().
			css({top: ((i%2) == 0)? 0+'px' : (height-66)+'px', left: letterLeft[i]+'px'}).
			addClass('animate').
			fadeTo(fadeTime+(i*777),0.01,function() { 
				$(this).
					show().
					fadeTo(1000,0.33, function() {
						$(this).
							animate({ top: baseline},'slow', function() {
								if (this.id == 'lastLet') {
									$("#bonjour img[@name='theJ']").
										show().
										fadeTo(2000,1).
										animate({ top: baseline, left: (letterLeft[3]-2), height: 66, width: 18}, 2000,function() {
											$("#bonjour img").each(function(i) {
												if (i == 3) { return; } // skip J
												if (i < 3) {
													$(this).
														fadeTo(777*(3-i)+777,1);
												}
												else {
													$(this).
														fadeTo(777*(i-3)+777,1);
												}
												
												if (this.id == 'lastLet') {
													$("#flash").
														fadeTo(1,0.01).
														show().
														fadeTo(1 ,0.33, function(){
															$(this).animate({ top: baseline+66},'slow', function() {
																$(this).fadeTo('slow',1);
															});
														});		
												} 
												
											});
										});
								}
							});
					});
			});
	});
});