var slideInterval = 8000;
var slideShowFadeTime = 1000;
var slideFadingOut = false;
var slideFadingIn = false;

$(document).ready(function(){

	var slideIntervalMode = setInterval(slideAutoChange, slideInterval);


	$("#slideshow div.bulkLink").click(function(){

		clearInterval(slideIntervalMode);

		var currentSlide = $("#slideshow a.slide:visible").eq(0);
		var currentBulk = $("#slideshow .navigation span.bulk:visible").eq(0);

		var newBulk = $("span.bulk", $(this));
		var index = $("#slideshow .navigation span.bulk").index(newBulk);
		var newSlide = $("#slideshow a.slide").eq(index);

		slideChange(currentSlide, currentBulk, newSlide, newBulk);

		slideIntervalMode = setInterval(slideAutoChange, slideInterval);

		return false;

	});


});

function slideAutoChange()
{
   var currentSlide = $("#slideshow a.slide:visible").eq(0);
   var currentBulk = $("#slideshow .navigation span.bulk:visible").eq(0);

   var newSlide = currentSlide.next("a.slide");
   if(newSlide.length == 0) newSlide = $("#slideshow a.slide").eq(0);

   var newBulk = $("#slideshow .navigation span.bulk").eq($("#slideshow .navigation span.bulk").index(currentBulk) + 1);
   if(newBulk.length == 0) newBulk = $("#slideshow .navigation span.bulk").eq(0);

   slideChange(currentSlide, currentBulk, newSlide, newBulk);
}

function slideChange(oldSlide, oldBulk, newSlide, newBulk)
{
	if(!slideFadingOut && !slideFadingIn)
	{
		slideFadingOut = slideFadingIn = true;
		oldSlide.add(oldBulk).fadeOut(slideShowFadeTime,function(){slideFadingOut=false;});
		newSlide.add(newBulk).fadeIn(slideShowFadeTime,function(){slideFadingIn=false;});
	}
}