var isVisible = true;
	var bannerCount = 26;
	var activeBannerNavigation;
	var bannerSlideshow;
	var bannerHeight=266;

	$(document).ready(function() {
		bannerSlideshow = window.setInterval ("changeBannerImage()", 7000);
			
	});
	



	function changeBannerImage() {

		var bannerOne = $('div#bannerImage-1');
		var bannerTwo = $('div#bannerImage-2');
		
		var bannerToChange = (isVisible) ? bannerOne : bannerTwo; 
		var imagePathToChange = bannerToChange.css('background-image');
		var imgNumRE = /(.+-)(\d+)(\..+)/;
		imgNumRE.exec(imagePathToChange);
		
		bannerNumber = RegExp.$2;	

		var newBannerNumber = parseInt(bannerNumber) + 2;
		if(newBannerNumber>bannerCount)
			newBannerNumber = newBannerNumber - bannerCount;
			
		var newImagePath = RegExp.$1 + newBannerNumber + RegExp.$3;
									 
		if(isVisible) {
			bannerOne.fadeOut('slow', function() {						
				bannerOne.css('background-image',newImagePath);
			});
			isVisible = false;
		} else {
			bannerOne.fadeIn('slow', function() {
				bannerTwo.css('background-image',newImagePath);								  
			});
			isVisible = true;
		}
	};
	
	(function($){
		$.fn.delay = function(options) {
			var timer;
			var delayImpl = function(eventObj) {
				if (timer != null) {
					clearTimeout(timer);
				}
				var newFn = function() {
					options.fn(eventObj);
				};
				timer = setTimeout(newFn, options.delay);
			}
		   
			return this.each(function() {
				var obj = $(this);
				obj.bind(options.event, function(eventObj) {
					 delayImpl(eventObj);  
				});
			});
		};
	})(jQuery);