function bannerSlideShow() {
	var TRANSITION_TIME = 6000;		// number of milliseconds to spend on transition
	var DISPLAY_TIME = 4000;		// number of milliseconds to display after transition
	
	
	var loadedImages = [];
	var slideIndex = -1;
	
	function randomSort( a, b )
	{
		return Math.random() - 0.4;
	}
	
	function initSlideShow()
	{
		// Replace these with your own images.
		var images = [
			'/just/prevention/banner/banner_9.jpg'
		];
		var loaded = {};
		var gallery = $('gallery');
		images.sort( randomSort );
	
		new Asset.images(images, {
			onProgress: function(i) {
				this.setStyles({
					'position': 'absolute',
					'opacity': 0,
					'left': 0,
					'top': 0
				});
				if( !loaded[this.src] )
				{
					loaded[this.src] = 1;
					loadedImages.push( this );
					this.inject( gallery );
				}
			},
			onComplete: function() {
				gallery.ondblclick = skipSlide;
				showNextSlide();
			}
		});
		
		document.getElementById('gallery').style.background = "white";
	}
	
	var slideTimer = false;
	
	function showNextSlide()
	{
		if( slideIndex != -1 )
		{ // hide the old image after the new one has transitioned in
			var oldSlide = slideIndex % loadedImages.length;
			loadedImages[oldSlide].setStyle('z-index', 1);
			var disappear = function() { this.setStyles({'display': 'none', 'opacity': '0'}); };
			disappear.delay( TRANSITION_TIME, loadedImages[oldSlide] );
			if( oldSlide + 1 == loadedImages.length )
			{ // reshuffle when we get through the list.  avoid repeats.
				var f = loadedImages.shift();
				var l = loadedImages.pop();
				loadedImages.sort( randomSort );
				loadedImages.push( l );
				loadedImages.push( f );
			}
		}
	
		var nextSlide = ++slideIndex % loadedImages.length;
		// fade in the next image
		loadedImages[nextSlide].setStyles({'display': 'block', 'z-index': 2});
		loadedImages[nextSlide].effect('opacity', {'duration': TRANSITION_TIME}).start(1);
	
		var nextTime = TRANSITION_TIME + DISPLAY_TIME;
		if( nextSlide + 1 == loadedImages.length ) // last slide
			nextTime *= 208;
		slideTimer = window.setTimeout( showNextSlide, nextTime );
	}
	
	function skipSlide()
	{
		window.clearTimeout( slideTimer );
		showNextSlide();
	}
	
	initSlideShow();
}

window.addEvent('domready', bannerSlideShow);

