$(document).ready(function(){


	$(".header p").fitText();
	$(".header p.one").lettering();
	$(".header p.two").lettering();
	$(".header p.three").lettering();
	$(".header p.four").lettering();

	$(".char1").hide();
	$(".char2").hide();
	$(".char3").hide();
	$(".char4").hide();
	$(".char5").hide();
	$(".char6").hide();
	$(".char7").hide();
	$(".char8").hide();
	$(".char9").hide();
	$(".char10").hide();
	$(".char11").hide();
	$(".char12").hide();
	$(".char13").hide();
	$(".char14").hide();
	$(".char15").hide();
	$(".char16").hide();
	$(".char17").hide();
	$(".char18").hide();
	$(".char19").hide();
	$(".text").hide();
	$(".background").hide();
	$(".call").hide();

	$(".call").hover(function()
	{
		$('.ask').html('follow');
	},function()
	{
		$('.ask').html('ask');
	});

	$(".text").hover(
		function () {
			$(this).animate({
				bottom: '+=80',
			}, 500, function() {
				// Animation complete.
			});  
		},
		function () {
			$(this).animate({
				bottom: '-=80',
			}, 500, function() {
				// Animation complete.
			});  
		}
	);
	i = 0;

	$("#kick").hover(function()
	{
		i = i + 1;
		if (i < 3)
		{
			$(this).animate(
			{
				marginLeft: "+=80px",
			}, 5 );
		}

		if (i == 4)
		{
			$(this).html('<a href="mailto:me@jeroengerits.nl">me@jeroengerits.nl</a>');
		}	
	});

	$(".one .char1").delay(1000).fadeIn(10, function(){
		$(".one .char2").fadeIn(10, function(){
			$(".one .char3").fadeIn(10, function(){
				$(".one .char4").fadeIn(10, function(){
					$(".one .char5").fadeIn(10, function(){
						$(".one .char6").fadeIn(10, function(){
							$(".one .char7").fadeIn(10, function(){
								$(".one .char8").fadeIn(10, function(){
									$(".one .char9").fadeIn(10, function(){
										$(".one .char10").fadeIn(10, function(){
											$(".one .char11").fadeIn(10, function(){
												$(".one .char12").fadeIn(10, function(){
													$(".one .char13").fadeIn(10, function(){
														$(".one .char14").fadeIn(10, function(){
															$(".one .char15").fadeIn(10, function(){
																$(".one .char16").fadeIn(10, function(){
																	$(".one .char17").fadeIn(10, function(){
																		$(".one .char18").fadeIn(10, function(){
																			$(".one .char19").fadeIn(10, function(){

																				$(".two .char1").delay(500).fadeIn(10, function(){
																					$(".two .char2").fadeIn(10, function(){
																						$(".two .char3").fadeIn(10, function(){
																							$(".two .char4").fadeIn(10, function(){
																								$(".two .char5").fadeIn(10, function(){
																									$(".two .char6").fadeIn(10, function(){
																										$(".two .char7").fadeIn(10, function(){
																											$(".two .char8").fadeIn(10, function(){
																												$(".two .char9").fadeIn(10, function(){
																													$(".two .char10").fadeIn(10, function(){
																														$(".two .char11").fadeIn(10, function(){
																															$(".two .char12").fadeIn(10, function(){
																																$(".two .char13").fadeIn(10, function(){
																																	$(".two .char14").fadeIn(10, function(){

																																		$(".three .char1").delay(500).fadeIn(10, function(){
																																			$(".three .char2").fadeIn(10, function(){
																																				$(".three .char3").fadeIn(10, function(){
																																					$(".three .char4").fadeIn(10, function(){
																																						$(".three .char5").fadeIn(10, function(){
																																							$(".three .char6").fadeIn(10, function(){
																																								$(".three .char7").fadeIn(10, function(){
																																									$(".three .char8").fadeIn(10, function(){
																																										$(".three .char9").fadeIn(10, function(){
																																											$(".three .char10").fadeIn(10, function(){
																																												$(".three .char11").fadeIn(10, function(){
																																													$(".three .char12").fadeIn(10, function(){
																																														$(".three .char13").fadeIn(10, function(){
																																															$(".three .char14").fadeIn(10, function(){
																																																
																																																$(".background").delay(1000).fadeIn(1000, function() {
																																																	$(".content").fadeIn(500);
																																																	$(".one").slideUp(200);
																																																	$(".call").slideDown(200);
																																																	$(".text").slideDown(200);
																																																});

																																															});
																																														});
																																													});
																																												});
																																											});
																																										});
																																									});
																																								});
																																							});
																																						});
																																					});
																																				});  
																																			}); 
																																		});	
																																																				  
																																	});
																																});
																															});
																														});
																													});
																												});
																											});
																										});
																									});
																								});
																							});
																						});  
																					}); 
																				});																		  
																			});
																		});
																	});
																});
															});
														});
													});
												});
											});
										});
									});
								});
							});
						});
					});
				});
			});  
		}); 
	});

});