$(function() {
	
	var lfintro = {
			
		lfintro: $('#lfintro'),
		shoe: $('#lfintro > .shoe'),
		liamfahy: $('#lfintro > .liamfahy'),
		london: $('#lfintro > .london'),
		languages: $('#lfintro > .languages > div'),
		english: $('#lfintro > .languages > .english'),
		japanese: $('#lfintro > .languages > .japanese'),
		french: $('#lfintro > .languages > .french'),
		italian: $('#lfintro > .languages > .italian'),
			
		init: function () {
		
			lfintro.shoe.css({'opacity': 0});
			lfintro.liamfahy.css({'opacity': 0});
			lfintro.london.css({'opacity': 0});
			lfintro.english.css({'opacity': 0, 'padding-top':20});
			lfintro.japanese.css({'opacity': 0, 'padding-top':20});
			lfintro.french.css({'opacity': 0, 'padding-top':20});
			lfintro.italian.css({'opacity': 0, 'padding-top':20});
					
		},
		
		anim: function () {
			
			// Animate Liam Fahy
			lfintro.liamfahy.animate({'opacity':1}, 600, function() {
				// Animate London
				lfintro.london.animate({'opacity':1}, 500, function() {
					// Animate Languages
					lfintro.english.animate({'opacity': 1, 'padding-top':0}, 500);
					lfintro.japanese.animate({'opacity': 0}, 100, function() {
						lfintro.japanese.animate({'opacity': 1, 'padding-top':0}, 500);
					});
					lfintro.french.animate({'opacity': 0}, 200, function() {
						lfintro.french.animate({'opacity': 1, 'padding-top':0}, 500);
					});
					lfintro.italian.animate({'opacity': 0}, 300, function() {
						lfintro.italian.animate({'opacity': 1, 'padding-top':0}, 500);
					});
					// Pause white languages are animating
					lfintro.shoe.animate({'opacity': 0}, 1000, function() {
						// Bind Hover effects
						lfintro.languages.hover(function() {
							$(this).stop().animate({'opacity':0.3}, 200);
						}, function() {
							$(this).animate({'opacity':1}, 400);
						});
						// Animate Shoe
						lfintro.shoe.animate({'opacity': 1}, 500)
					});
					
				});
			});
			
		}
			
	};
	
	lfintro.init();
	
	$(window).load(function() {
		
		lfintro.anim();
		
	});
	
});