function initSlideshow()
{
	$('#slideshow #image-list a').click(function(event)
	{

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

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

		event.preventDefault();			
	});		
	
	setInterval( "switchSlide()", 5000 );
}
	 
function switchSlide()
{
	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});
	});
}