// ***************************************************************
// ***************************************************************
// Banner JS

// Define Banner Variables
var banner_container = new Array(); 
var banner_count = 0;
var banner_total = 0;

$(document).ready(function(){
	//check if banners exists
	$banners = $('.banner-image');
	if( $banners.length > 0 ){
		//loop and collect banner ids
		$.each( $banners, function(i, item){
			$(item).css('position', 'absolute');
			id = $(item).attr('id');
			id = id.split('-');
			id = id[1];
			//add to the container
			banner_container.push(id);
		});
		
		//set total banners
		banner_total = banner_container.length;
		if( banner_total >= 1 )
		{
			//start banner change
			banner_change();
		
			//set change interval
			if( banner_total > 1 )
				window.setInterval('banner_change()', 10000);
		}
	}
});

function banner_change()
{
	//make all banner invisible
	$('.banner-image').fadeOut('fast');
	
	$('#banner-'+banner_container[banner_count]).fadeIn();
	
	banner_count++;
	if( banner_count ==  banner_total )
		banner_count = 0
}