var slideInterval = 10000;
var currentSlideNum = 0;
var rotateIntervalId = setInterval("rotateSlides()",slideInterval);

function imgFadeSlide()
{    
	if(document.getElementById('slides'))
	{
	    // Randomly choose a slide to show initially
		// Pick a value between 0 and 2 
		// var current = Math.floor(Math.random()*(2+1))
		
		var slides = $$('#slides li');
		slides.setStyles({"position": "absolute", "top": 0, "left": 0, "opacity": 0});
		slides[currentSlideNum].setStyle("opacity", 1);
		$$('#buttons li').each(function(el, i)
		{
			el.onclick = function()
			{
				if(currentSlideNum != i)
				{
					slides[currentSlideNum].setStyles({"display": "none"});
					slides[currentSlideNum].fade(0);
					slides[i].setStyles({"display": "block"});
					slides[i].tween("opacity", [0.4, 1]);
					currentSlideNum = i;
					
					// Reset timer
					clearInterval(rotateIntervalId);
					rotateIntervalId = setInterval("rotateSlides()",slideInterval);
				}
			}
		});
	}
	
	// Show the selected slide immediately
	slides[currentSlideNum].setStyles({"display": "block"});
	slides[currentSlideNum].tween("opacity", [0.4, 1]);
}

if (window.addEventListener)
	window.addEventListener("load", imgFadeSlide, false);
else if (window.attachEvent)
	window.attachEvent("onload", imgFadeSlide);



function rotateSlides()
{
    var slides = $$('#slides li');
   
    // Hide current slide
    slides[currentSlideNum].setStyles({"display": "none"});
    slides[currentSlideNum].fade(0);

    // Calculate next slide number
    var nextSlide = currentSlideNum + 1;
    if (nextSlide > 2)
        nextSlide = 0;
    
    // Show next slide
	slides[nextSlide].setStyles({"display": "block"});
	slides[nextSlide].tween("opacity", [0.4, 1]);
	currentSlideNum = nextSlide;
}