$.fn.initBannerSlider = function() {
	var images = $(this).find("img");
	var currImgNum = 0;	// note: 0-based indexing
	var window = $(this);
	var windowWidth = window.width();
	
	images.not(":first").hide();
	
	var bannerDelay = setTimeout( bannerStart, 10000 );
	
	function bannerStart() {
		var bannerInt = setInterval( bannerNext, 6000 );
		bannerNext();	
	}
	
	function bannerNext() {	
		prevImg = images.eq( currImgNum % (images.length) );
		currImg = images.eq( ++currImgNum % (images.length) );
		
		prevImg.css("left", 0);
		prevImg.animate({
			left: (-1 * windowWidth) + "px"
			}, 500, function() { $(this).hide(); }
		);
		
		currImg.show();
		currImg.css( "left", windowWidth + "px");
		currImg.animate({
			left: 0 + "px"
			}, 500
		);
	}
}