function imgFadeSlide()
{
	if(document.getElementById('slides'))
	{
		// Force the default to be item 1 (second box)
		var current = 1;

		// 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[current].setStyle("opacity", 1);
		$$('#buttons li').each(function(el, i)
		{
			el.onclick = function()
			{
				if(current != i)
				{
					slides[current].setStyles({"display": "none"});
					slides[current].fade(0);
					slides[i].setStyles({"display": "block"});
					slides[i].tween("opacity", [0.4, 1]);
					current = i;
				}
			}
		});
	}

	// Show the selected slide immediately
	slides[current].setStyles({"display": "block"});
	slides[current].tween("opacity", [0.4, 1]);

}

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