$(document).ready(function() 
{
	// Init	
	var $meny = $('#slides-bilder').clone(true).attr({ id: 'slides-nav'}).appendTo('#slides'); 
	$('#slides-nav li').removeAttr('style');
	var oldPic = 0;
	var currentPic = 0;
	var rotateInProgress = false; 
	var pause = false;
	var totalPics = $('#slides-bilder li').length;
	$('#slides-bilder li').hide();
	$('#slides-bilder li:eq(' + currentPic + ')').animate({opacity: 'show'}, 2000); // Første bilde fades inn
	$('#slides-nav li:eq(' + currentPic + ')').addClass('selected'); // Første knapp får klassen selected

	// Meny	
	$('#slides-nav li').each(function(index) 
	{
		var $thisLink = $(this);
		$thisLink.click(function() 
		{
			if (currentPic != index) 
			{
				currentPic = index;
				$('#slides-nav li:eq(' + oldPic + ')').removeClass('selected');				
				$thisLink.addClass('selected');
				$('#slides-bilder li:eq(' + currentPic + ')').animate({opacity: 'show'}, 1000);
				$('#slides-bilder li:eq(' + oldPic + ')').animate({opacity: 'hide'}, 1000);
				oldPic = currentPic;						
			}
		});				
	});				
				
	
	var slideShow = function() 
	{	
		if (!rotateInProgress) 
		{
			rotateInProgress = true;
					
			(currentPic = (oldPic + 1) % totalPics);

				// fade inn
				$('#slides-bilder li:eq(' + currentPic + ')').animate({opacity: 'show'}, 3000);	
				$('#slides-nav li:eq(' + currentPic + ')').addClass('selected');	
				$('#slides-nav li:eq(' + oldPic + ')').removeClass('selected');								

				// fade ut
				$('#slides-bilder li:eq(' + oldPic + ')').animate({opacity: 'hide'}, 3000, function() 
				{ 
					rotateInProgress = false;
					
					if (!pause) 
					{
						slideTimeout = setTimeout(slideShow,2000);
					};
				
				});									
			oldPic = currentPic;
		};								
	}; 
	
	$(window).load(function()
	{
		slideTimeout = setTimeout(slideShow,3000); // Slideshow starter	
	});
	

	// Pause på hover
	$('#slides').hover(function()
		{
			pause = true;
		},
		function() 
		{
			pause = false;
			slideTimeout = setTimeout(slideShow,1000);
		}
	);
});