/**
 *	@desc	Javascript for the slider on the homepage
 *			Depends on jQuery.
 *	
 *	@author	Niels Bartels <niels@7u.nl>
 *	@date	2011-09-14
 */

// Define the speed of the slider.
var sliderSpeed = 5000;

// Define the number of slides.
var slides = 4;

// Define the first slide.
var currentSlide = 1;

// Define the current margin.
var margin = 0;
 
$(window).load(function()
{
	setTimeout(function()
	{
		animateSlider();
	}, sliderSpeed);
});

function animateSlider()
{
	// Calculate the left margin.
	if(currentSlide < 4)
	{
		margin -= 940;
	}
	else
	{
		margin = 0;
		currentSlide=0;
	}
	
	$("#slides").animate({
		marginLeft: margin
	}, 500);
	
	currentSlide++;
	$(".slider_nav li a").removeClass("selected");
	
	// Highlight the current nav element.
	$("#slide" + currentSlide + "_nav").addClass("selected");
	
	setTimeout(function()
	{
		animateSlider();
	}, sliderSpeed);
}