var slideshowRunning = true;

$(document).ready(function()
{		
	
	if (parseInt(document.slideshowparams.numpics.value)==1)
	{
		document.getElementById("image-list").style.visibility='hidden';
		return;
	}
	
	$('#slideshow #image-list a').click(function(event)
	{

		slideshowRunning = false;

		var active = $('#image-list li.active');
		active.removeClass('active');
				
		$(this).parent().addClass('active');

		switchImage($(this).attr('alt'), $(this).attr('href'));

		event.preventDefault();			
	});
	
	setInterval( "switchSlide()", parseInt(document.slideshowparams.milli.value) );
});

 
function switchSlide()
{
	if (slideshowRunning == false) return;
	var active = $('#image-list li.active');
	var next   = active.next();

	// Om active är den sista bilden -> sätt next till default-bilden
	if(next.length == 0)	
	{
		next = $('#image-list .default');
	}

	active.removeClass('active');		
	next.addClass('active');

	switchImage(next.find('a').attr('alt'), next.find('a').attr('href'));
}

function switchImage(image, link)
{
	/*var frontbuffer = $('#image-holder .frontbuffer');
	var backbuffer  = $('#image-holder .backbuffer');

	backbuffer.attr('src', image);
	backbuffer.parent().attr('href', link);

	frontbuffer.css({opacity: 1.0}).animate({opacity: 0.0}, 1000, function()
	{
		backbuffer.removeClass('backbuffer');
		frontbuffer.removeClass('frontbuffer');

		backbuffer.addClass('frontbuffer');
		frontbuffer.addClass('backbuffer');

		
		frontbuffer.css({opacity: 1.0});
	});*/

	var frontbuffer = $('#image-holder .frontbuffer');
	var backbuffer  = $('#image-holder .backbuffer');


	backbuffer.css({opacity: 0.0});
	

	frontbuffer.css({opacity: 1.0}).animate({opacity: 0.0}, 300, function()
	{
		backbuffer.attr('src', image);
		backbuffer.parent().attr('href', link);		
		frontbuffer.parent().attr('href', 'javascript:void(0)');

		backbuffer.animate({opacity: 1.0}, 300, function()
		{
			backbuffer.removeClass('backbuffer');
			frontbuffer.removeClass('frontbuffer');

			backbuffer.addClass('frontbuffer');
			frontbuffer.addClass('backbuffer');

			
			frontbuffer.css({opacity: 0.0});
		});
	});
}