$(document).ready(function()
{
	var options = {
		interval: 6000,
		images: [
			"images/slideshow1.jpg",
			"images/slideshow2.jpg",
			"images/slideshow3.jpg",
			"images/slideshow4.jpg",
		]
	};

	var timer = false;
	var paused = false;
	var currentImage = options.images.length;
	var currentContainer = 1;

	var changeImage = function(step)
	{
		var previousContainer = currentContainer;

		if(step < 0)
		{
			currentImage--;
		}
		else
		{
			currentImage++;
		}

		if(currentImage >= options.images.length)
		{
			currentImage = 0;
		}
		else if(currentImage < 0)
		{
			currentImage = options.images.length - 1;
		}

		if(currentContainer == 1)
		{
			currentContainer = 2;
		}
		else
		{
			currentContainer = 1;
		}

		$("#header .background").addClass("hidden");
		$("#header .background." + (currentContainer == 1 ? "top" : "bottom")).removeClass("hidden").css("background", "url(" + options.images[currentImage] + ")").stop(true, true).fadeIn(500, function()
		{
			$("#header .background.hidden").hide();
		});

		if(!paused)
		{
			clearTimeout(timer);
			timer = setTimeout(function()
			{
				changeImage(1);
			}, options.interval);
		}
	};

	$("#header .prev").click(function(event)
	{
		event.preventDefault();
		changeImage(-1);
	});

	$("#header .next").click(function(event)
	{
		event.preventDefault();
		changeImage(1);
	});

	$("#header .control").click(function(event)
	{
		event.preventDefault();
		if($(this).hasClass("paused"))
		{
			$(this).removeClass("paused").find("img").attr("src", "images/pause-button.png");
			timer = setTimeout(function()
			{
				changeImage(1);
			}, options.interval);
			paused = false;
		}
		else
		{
			$(this).addClass("paused").find("img").attr("src", "images/play-button.png");
			clearTimeout(timer);
			paused = true;
		}
	});

	changeImage(1);
});