var slideShow = new Array();
var interval = 2000;
							
var currentSlideIndex = 0;
var currentTimeout;
					
		$(document).ready(function()
		{
			// initialise slideshow
			slideShow.push(document.getElementById("ss1"));
			slideShow.push(document.getElementById("ss2"));
			slideShow.push(document.getElementById("ss3"));
			slideShow.push(document.getElementById("ss4"));
			
			// initialise playback controls
			$("#prevButton").click(function()
			{
				firePrev();
			});
			$("#nextButton").click(function()
			{
				fireNext();
			});
			$("#stopButton").click(function()
			{
				stop();
			});
			
			// set the ball rolling
			doTimeout("fire", interval);
		});
		
		function doTimeout(func, inter)
		{
			var i;
			
			if ($.browser.safari)
			{
				i = setTimeout("fire", interval);
			}
			else
			{
				i = setTimeout(fire, interval);
			}
			
			return i;
		}
		
		function stop()
		{
			clearTimeout(currentTimeout);
		}
		
		function firePrev()
		{
			var currentSlideIndex = getPrevSlideIndex();
			stop();
			fire();
		}
		
		function fireNext()
		{
			var currentSlideIndex = getNextSlideIndex();
			stop();
			fire();
		}
		
		function getNextSlideIndex()
		{
			return (currentSlideIndex == (slideShow.length - 1)) ? 0 : (currentSlideIndex + 1);
		}
		
		function getPrevSlideIndex()
		{
			return (currentSlideIndex == 0) ? (slideShow.length - 1) : (currentSlideIndex - 1);
		}
		
		function fire()
		{
			var currentSlide = slideShow[currentSlideIndex];
			var nextSlideIndex = getNextSlideIndex();
			var nextSlide = slideShow[nextSlideIndex];
			
			nextSlide.style.zIndex = 1;
			nextSlide.style.display = "block";
			currentSlide.style.zIndex = 2;
			
			$(currentSlide).fadeOut("normal");
			
			if (currentSlideIndex == slideShow.length - 1)
			{
				currentSlideIndex = 0;
			}
			else
			{
				currentSlideIndex++;
			}
			
			currentTimeout = doTimeout("fire", interval);
			
			return false;
		}