/*
<a id="banLink" href="#red" title="Red"><img id="banImage" src="banner_01.jpg" alt="red" border="0"/></a>
<script type="text/javascript" src="banners.js"></script>
<script type="text/javascript">
var slideshow = new SlideShow();
slideshow.addSlide('r.gif', 'red', 'http://localhost/red');
slideshow.addSlide('b.gif', 'blue', 'http://localhost/blue');
slideshow.addSlide('g.gif', 'green', 'http://localhost/green');
slideshow.imageId='banImage';
slideshow.speed=10;
slideshow.linkId='banLink';
slideshow.duration=1.5;
slideshow.start('slideshow');
</script>
*/
function showBanner (id, img, lnk, title) {
	
	var btn = document.getElementById('banImage');
	btn.src = img;	
	document.getElementById('banImage').title = title;
	document.getElementById('banLink').href = lnk;
		
}

function SlideShow() {
	var name;
	var slides = new Array();
	var imageId
	var btnId;
	var image;
	var linkId;
	var current = 0;
	var speed;
	var duration;
	var buttons = new Array();
	var offImage;
	var onImage;
	
	var started = false;
	
	var preLoad = new Array();
	
	var isPreloaded = false;
	
	this.addSlide = function (src, title, href, bid) {
		slide = new Object();
		slide.src = src;
		slide.title = title;
		slide.href = href;
		slide.bid = bid;
		slides[slides.length] = slide;
	}
	
	this.preload = function() {
		for (i = 0; i < slides.length; i++){
		   slides[i].image = new Image();
		   slides[i].image.src = slides[i].src;

		   slides[i].btnImage = new Image();
		   slides[i].btnImage.src = onImage;
		   
		   slides[i].prevImage = new Image();
		   slides[i].prevImage = offImage;
		}
		this.isPreloaded = true;
	}
	
	this.start = function(ssName) {

		if (!this.isPreloaded) {
			this.preload();
		}

		var link = document.getElementById(this.linkId);
		var image = document.getElementById(this.imageId);
		var btn = document.getElementById(slides[current].bid);
			
		if (document.all && this.started) {
			image.style.filter="blendTrans(duration=" + this.duration + ")";
			image.filters.blendTrans.apply();
			image.filters.blendTrans.play();
		}
		else if (this.started) {
			
		}

//		for(q=0; i < buttons.length; q++) {
//			if (buttons[q] <> '') {
//				var btn2 = document.getElementById(slides[q].bid);
//				document.write(slides[q].bid);
//
//
//			}
//			
//		}
		for (i = 0; i < slides.length; i++) {
			if (i > current || i < current) {
				var btn2 = document.getElementById(slides[i].bid);
				btn2.src = this.offImage;
			}			
		}

		btn.src = this.onImage;
		
		image.src = slides[current].image.src;
		image.title = slides[current].title;
				
		link.href = slides[current].href;
		link.alt = slides[current].title;

		current++;
				
		if (current > slides.length - 1) {
			current = 0;
		}
		
		var speed = this.speed*1000;
		
		if (!this.started) {
			speed = speed - (this.duration*1000);
			this.started = true;
		}
		
		setTimeout('slideshow.start(\'' + ssName + '\')', speed);
		
	}

}