var current_slide;
var slideshow_interval;

function activate (obj)
{
	current_slide = $(obj).index();
	deactivateAll();
	
	$(obj).addClass ("active");	

	$("ul#slider_images li:eq(" + current_slide + ")").addClass("active");	
	$("div#nav ul li:eq(" + current_slide + ")").addClass("active");
}

function deactivateAll ()
{
	$("ul#slider_images li").removeClass ("active");
	$("div#nav ul li").removeClass ("active");
	$("div#caption ul li").removeClass ("active");	

}

function switch_slideshow()
{
  var next_slide = (current_slide + 1) % 5;

  var next_slide_obj = $("div#caption ul li:eq(" + next_slide + ")");
  
  activate (next_slide_obj);
}



$(document).ready(function() {
	
	/* SLIDESHOW */
	
	current_slide = 0;
	
	activate ($("div#caption ul li").first());
	
	slideshow_interval = setInterval ("switch_slideshow()", 6000);	// switch slideshow every 6 seconds;
	

	$("div#nav ul li").mouseover (function ()
	{
		clearInterval (slideshow_interval);

		var element = $(this).index();
		
		activate ("div#caption ul li:eq(" + element + ")");
	});
		
	
});