var slideshowRunning = true;

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

		slideshowRunning = false;

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

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

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

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

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

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


	// alert(next.find('img').attr('alt'));
	switchImage(next.find('a').attr('alt'), next.find('a').attr('href'), next.find('img').attr('alt'));
	scrolla(1, false);
}
function switchSlide_next()
{
	var active = $('#image-list2 td.active');
	var next   = active.next();
	var hoppa  = false;

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

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


	// alert(next.find('img').attr('alt'));
	switchImage(next.find('a').attr('alt'), next.find('a').attr('href'), next.find('img').attr('alt'));
	return hoppa;
}
function switchSlide_prev()
{
	var active = $('#image-list2 td.active');
	var next   = active.prev();

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

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


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


function switchImage(image, link, texten)
{
	/*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('style', 'background-image: url("' + image + '");');
		backbuffer.parent().attr('href', link);		
		frontbuffer.parent().attr('href', 'javscript:void(0)');

		document.getElementById("slideshow_text").innerHTML = texten;

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

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

			
			frontbuffer.css({opacity: 0.0});
		});
	});
/*
	frontbuffer_text.css({opacity: 1.0}).animate({opacity: 0.0}, 300, function()
	{
		// backbuffer_text.html('alt', texten);

		backbuffer_text.animate({opacity: 1.0}, 300, function()
		{
			backbuffer_text.removeClass('backbuffer_text');
			frontbuffer_text.removeClass('frontbuffer_text');

			backbuffer_text.addClass('frontbuffer_text');
			frontbuffer_text.addClass('backbuffer_text');

			
			frontbuffer_text.css({opacity: 0.0});
		});
	});
*/
}