(function($) {

	$(function() {
	
		$('#firstpage-block .hidden').css({ 'z-index': 1 })
									 .hide()
		    						 .removeClass('hidden');
		
		var car = $('#car');
		var truck = $('#truck');
		var coin = $('#coin');
		var info = $('section.firstpage-block .info');
		var logo = $('.mainlogo a');
		var text1 = $('section.firstpage-block .text-1');
		var text2 = $('section.firstpage-block .text-2');
		
		var carImg = car.find('img').eq(0);
		var carBlurImg = car.find('img').eq(1);
		var truckImg = truck.find('img').eq(0);
		var truckBlurImg = truck.find('img').eq(1);
		var showing = false;
		var animating = false;
		
		$('section.firstpage-block .text-1 a, section.firstpage-block .text-2 a').click(function(e) {
			
			e.preventDefault();
			
			returnToOriginal();
		
		});
		
		logo.click(function(e) {
		
			e.preventDefault();
			
			if (showing)
				returnToOriginal();
		
		});
		
		car.click(function() {
		
			if (showing == 1) {
				returnToOriginal();
				return false;
			}
		
			showCar();
		
		});
		
		truck.click(function() {
		
			if (showing == 2) {
				returnToOriginal();
				return false;
			}
		
			showTruck();
		
		});
		
		car.hover(function() {
		
			if (!showing)
				car.animate({ right: '-=25', top: '-=17', width: '450', height: '301' }, 50);
		
		}, function() {
		
			if (!showing && car.width() > 400)
				car.animate({ right: '+=25', top: '+=17', width: '400', height: '268' }, 50);
		
		});
		
		truck.hover(function() {
		
			if (!showing)
				truck.animate({ left: '-=17', top: '-=10', width: '600', height: '345' }, 50);
		
		}, function() {
		
			if (!showing && truck.width() > 565)
				truck.animate({ left: '+=17', top: '+=10', width: '565', height: '325' }, 50);
		
		});
		
		function showCar() {
		    
		    if (showing || animating)
		    	return false;
		    
		    showing = 2;
		    animating = true;
		    
		    info.fadeOut();
		    
		    truckBlurImg.fadeIn(750);
		    truckImg.fadeOut(750);
		    truck.animate({ left: '110px', top: '0px', width: '300', height: '173' }, 750);
		    
		    car.animate({ right: '170px', top: '60px', width: '600', height: '402' }, 750, function() {
		    
		    	text1.fadeIn();
		    
		    	animating = false;
		    
		    });
		    
		}

		function showTruck() { 
		    
		    if (showing || animating)
		    	return false;
		    
		    showing = 1;
		    animating = true;
		    
		    info.fadeOut();
		    
		    car.animate({ right: '65px', top: '265px', height: '85', width: '125' }, 750, function() {		
		    
		    	text2.fadeIn();
		    
		    	animating = false;
		    	
		    })
		       .css({ 'z-index': 1 });
		    truck.animate({ left: '145px', top: '25px', height: '430', width: '750' }, 750)
		       .css({ 'z-index': 15 });
		
		    	
		    carImg.fadeOut(750);
		    carBlurImg.fadeIn(750);
		
		}
		
		function returnToOriginal() {
		
			if (animating)
				return false;
		
			animating = true;
			
			if (showing == 1) {
			
				text2.fadeOut();
				
				truckImg.fadeIn(500);
				truckBlurImg.fadeOut(500, function() {
				
					truck.css({ 'z-index': 1 }).animate({ left: '120px', top: '10px', height: '325', width: '565' }, 750);
					
					carImg.fadeIn(750);
					carBlurImg.fadeOut(750);
					car.css({ 'z-index': 2 }).animate({ right: '60px', top: '170px', height: '268', width: '400' }, 750, function() {
					
						animating = false;
						showing = false;
						
						info.fadeIn();
					
					});
				
				});
			
			} else {
			
				text1.fadeOut();
			
				carImg.fadeIn(500);
				carBlurImg.fadeOut(500, function() {
				
					car.animate({ right: '60px', top: '170px', height: '268', width: '400' }, 750);
					
					truckImg.fadeIn(750);
					truckBlurImg.fadeOut(750);
					truck.animate({ left: '120px', top: '10px', height: '325', width: '565' }, 750, function() {
					
						animating = false;
						showing = false;
						
						info.fadeIn();
					
					});
				
				})
			
			}
		
		}
	
	});

})(jQuery);