/**
 * Overly Manufacturing - jQuery Banner Animation
 * @author Aesthetic11 LLC.
 * @date 09/08/2010
 * @copyright 2010
 * @description jQuery conversion of the flash banner found in /assets/media/index.swf
 * @param Start delay of 4 seconds, Fade in/out 3 seconds @ 1.0 opacity, 12 sets
 */

// Set the banner loop
function theLoop() {
	$(document)
		
	/**
	 * Banner 1
	 */
	// Fade in quote and then issue next in queue
	.queue("banner", function(next) {
		$("#banner_1").show();
		$("#banner_1").delay(4000);
		$("#banner_1_text_1").fadeIn(3000);
		$("#banner_1_text_2").delay(2000).fadeIn(3000, function() {
			next();
		});
	})

	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 3
	 */
	// Fade out black background (#banner_1) and fade in next (#banner_3)
	// Note, we replaced banner_2 to be at the end of the slideshow
	.queue("banner", function(next) {
		$("#banner_1").fadeOut(3000);
		$("#banner_1_text_1").fadeOut(3000);
		$("#banner_1_text_2").fadeOut(3000);
		$("#banner_3").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 4
	 */
	.queue("banner", function(next) {
		$("#banner_3").fadeOut(3000);
		$("#banner_4").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 5
	 */
	.queue("banner", function(next) {
		$("#banner_4").fadeOut(3000);
		$("#banner_5").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 6
	 */
	.queue("banner", function(next) {
		$("#banner_5").fadeOut(3000);
		$("#banner_6").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 7
	 */
	.queue("banner", function(next) {
		$("#banner_6").fadeOut(3000);
		$("#banner_7").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 8
	 */
	.queue("banner", function(next) {
		$("#banner_7").fadeOut(3000);
		$("#banner_8").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 9
	 */
	.queue("banner", function(next) {
		$("#banner_8").fadeOut(3000);
		$("#banner_9").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 10
	 */
	.queue("banner", function(next) {
		$("#banner_9").fadeOut(3000);
		$("#banner_10").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 11
	 */
	.queue("banner", function(next) {
		$("#banner_10").fadeOut(3000);
		$("#banner_11").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 12
	 */
	.queue("banner", function(next) {
		$("#banner_11").fadeOut(3000);
		$("#banner_12").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Banner 2
	 */
	.queue("banner", function(next) {
		$("#banner_12").fadeOut(3000);
		$("#banner_2").fadeIn(3000, function() {
			next();
		});
	})
	
	// Pause 2 seconds
	.delay(2000, "banner")
	
	/**
	 * Loop the queue
	 */
	.queue("banner", function(next) {
		$("#banner_2").fadeOut(3000);
		$("#banner_1").fadeIn(3000, function() {
			theLoop();
		});
	})
		
	.dequeue("banner");
	
	// TODO put banner 2 at end
	// TODO loop banner
}

/**
 * Call the banner loop
 */
$(document).ready(function() {
	theLoop();
});