/**
 * Various javascript functions for use by Independent Living Center of Eastern Indiana.
 * 
 * @author Shaun Lieberman
 * @link http://liebermantech.com
 */
var images = [
	'/app/webroot/img/bg1-blank.jpg',
	'/app/webroot/img/bg2-blank.jpg',
	'/app/webroot/img/bg3-blank.jpg',
	'/app/webroot/img/bg4-blank.jpg',
	'/app/webroot/img/bg5-blank.jpg'
];

$(document).ready(function() {


	// Set up the image rotation
	// Preload the images
	for (var i = 0; i < images.length; i++){
		var url = images[i];
		images[i] = new Image();
		images[i].src = url;
	}
	var current = 0;
	var interval = 9000; //ms between rotations
	var imageRotatorDiv = $('#imageRotator');
	imageRotatorDiv.after('<div id="imageRotator2"></div>');
	var imageRotatorDiv2 = $('#imageRotator2');
	setInterval(function(){
		var orig = current;
		do{
			current++;
			current = current > images.length - 1 ? 0 : current;
		}
		while (!images[current].complete && !current == orig);
		if (orig==current) {
			return;
		}
		imageRotatorDiv2.css('background-image', imageRotatorDiv.css('background-image'));
		imageRotatorDiv.fadeOut(1);
		imageRotatorDiv2.fadeIn(1, function(){
			imageRotatorDiv.css('background-image', 'url(\''+images[current].src+'\')');
			imageRotatorDiv.fadeIn(interval/4);
			imageRotatorDiv2.fadeOut(interval/4);
		})
	}, interval);
});


