// JavaScript Document
		var timeOut;
			$(function() {	
				$('span.boxGreen').delay(400).animate({
					left: 0
				   }, 800)
				$('span.boxNavyBlue').delay(500).animate({
					left: 400
				   }, 800)
				$('span.boxTeal').delay(600).animate({
					left: 600
				   }, 800)
				$('span.boxIMG1').delay(1600).animate({
					left: 600
				   }, 600)
				$('span.boxIMG2').delay(1600).animate({
					left: 0
				   }, 1000)
				$('span.boxThinGreen').delay(2200).animate({
					width: 50
				   }, 500)
				$('span.boxThinRed').delay(2250).animate({
					left: 950
				   }, 500)
				$('span.boxThinMint').delay(2300).animate({
					width: 10
				   }, 200)
				   
				timeOut = setTimeout("animationLoop()",10);
			});

			function animationLoop() {
				clearTimeout(timeOut);
				// Loop start  //
				$('span.boxThinRed').delay(3000).animate({
					left: 1000
				   }, 200)
				// IMG swap  //
				$('span.boxIMG1').delay(3000).animate({
					left: 1000
					}, 900, function() {
						   $('span.boxIMG3').animate({
							left: 600,
							width:400
						   }, 600)
						   $('span.boxThinMint').delay(100).animate({
							width: 0
						   }, 200)
						   $('span.boxThinRed').delay(500).animate({
							left: 600,
							width:50
						   }, 200)
						   $('span.boxIMG3').delay(3000).animate({
							width: 0,
							left:1000
						   }, 600)
							$('span.boxThinRed').delay(3300).animate({
							left: 580,
							width:20
						   }, 200, function() {
								   $('span.boxIMG4').delay(000).animate({
									left: 620
								   }, 600)
								   $('span.boxThinBlue').delay(200).animate({
									left: 950
								   }, 300, function() {
										$('span.boxIMG4').delay(2500).animate({
										left: 1000
									   }, 600)
									   $('span.boxThinBlue').delay(2800).animate({
										left: 1000,
										width:50
									   }, 200)
									   $('span.boxIMG5').delay(3500).animate({
										left: 600
									   }, 600, function() {
										   $('span.boxThinRed').animate({
											left: 580,
											width:0
										   }, 100)
										   $('span.boxThinRed2').animate({
											left: 950
										   }, 400)
										   $('span.boxThinGreen2').animate({
											width: 20
										   }, 400, function() {
											   $('span.boxIMG5').delay(2800).animate({
												left: 1000
											   }, 600)
											   $('span.boxThinRed2').delay(2800).animate({
												left: 1000
											   }, 100, function() {
												   $('span.boxIMG6').delay(000).animate({
													left: 600
												   }, 600)
												   $('span.boxThinRed2').animate({
													left: 950
												   }, 400)
													$('span.boxThinGreen2').animate({
													width: 0
												   }, 400)
												   $('span.boxThinMint').delay(500).animate({
													width: 20
												   }, 200, function() {
												   $('span.boxIMG6').delay(2800).animate({
													left: 1000
												   }, 600)
												   $('span.boxIMG1').delay(2800).animate({
													left: 600
												   }, 600)
												   $('span.boxThinMint').delay(2300).animate({
													width: 10,
													left:590
												   }, 200)
												   
												   timeOut = setTimeout("animationLoop()",10);
												   })
												})
											})
									   })
								   })
								})
							})
			}