/*
 * Image Crossfade
 * Image Array.
 */
var images = new Array(
	"01.jpg",
	"02.jpg",
	"03.jpg",
	"04.jpg",
	"05.jpg",
	"06.jpg",
	"07.jpg",
	"08.jpg",
	"09.jpg",
	"10.jpg",
	"11.jpg",
	"12.jpg",
	"13.jpg",
	"14.jpg",
	"15.jpg",
	"16.jpg",
	"17.jpg",
	"18.jpg",
	"19.jpg",
	"20.jpg",
	"21.jpg",
	"22.jpg",
	"23.jpg",
	"24.jpg",
	"25.jpg",
	"26.jpg",
	"27.jpg",
	"28.jpg",
	"29.jpg",
	"30.jpg"
	);

/*
 * Cycle speed (milliseconds).
 */
var delay = 10000;
var fadedelay = 1500;

/*
 * Crossfade code.
 * When time permits, combine these two functions.
 */
var imagesLength = images.length - 1;
var i = 0;
$(document).ready(function(){
    function transition(){
        if (i > imagesLength) { i = 0; }
		if ($('#layer2').css('opacity') == '0'){
	        $('#layer2').css({ backgroundImage: 'url(/images/banners/' + images[i] + ')' });
	        $('#layer2').animate({ opacity: '1' }, fadedelay);
	        i++;
	        setTimeout(transition, delay);
	    	} else {
		        if (i > imagesLength) { i = 0; }
		        $('#layer1').css({ backgroundImage: 'url(/images/banners/' + images[i] + ')' });
		        $('#layer2').animate({ opacity: '0' }, fadedelay);
		        i++;
		        setTimeout(transition, delay);
			}
		}	
	    transition();
	});