window.addEvent( 'domready', function() {

$( 'img_sequence' ).addEvent( 'click', function() {
	
	this.src = "/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-loading.jpg";
	
	var sequence = [
	
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-179.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-180.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-181.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-182.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-183.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-184.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-185.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-186.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-187.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-188.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-189.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-190.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-191.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-192.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-193.jpg",
			"/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-194.jpg"
		
	];
	
	// load the images for the sequence then start the animation when they're done.
	Asset.images( sequence, { onComplete: (function() {
		
		var currentFrame = 0;
		var periodicalId = 0;
		
		var nextFrame = function() {
			
			currentFrame++;
			
			// if we've run out of frames, start back at the beginning
			if ( currentFrame >= sequence.length - 1 )
			{
				currentFrame = 0;
				$clear( periodicalId );
				this.src = "/Resources/SuperiorAutomotive/Sites/SuperiorAutomotive/Gallery/LakesideFilm/lake-side-play.jpg";
			}
			else
			{
			    this.src = sequence[ currentFrame ];
			}
			
		}
		
		periodicalId = nextFrame.bind( this ).periodical( 300 );
		
	}).bind( this )});
	
});


});