/*
 * Author:      Marco Kuiper (http://www.marcofolio.net/)
 */

// Speed of the automatic slideshow
var slideshowSpeed = 6000;

// Variable to store the images we need to set as background
// which also includes some text and url's.
var photos = [ {
	"image" : "1234940916.jpeg",
	"url" : "http://www.url.1",
	"title" : "Blue",
	"secondline" : ""
}, {
	"image" : "1234940904.jpeg",
	"url" : "http://www.url.1",
	"title" : "Owl",
	"secondline" : ""
}, {
	"image" : "1234939448.jpeg",
	"url" : "http://www.url.1",
	"title" : "Forest",
	"secondline" : ""
}, {
	"image" : "1234939550.jpeg",
	"url" : "http://www.url.1",
	"title" : "Shoes",
	"secondline" : ""

}, {
	"image" : "1207631526.jpeg",
	"url" : "http://www.url.1",
	"title" : "Yellow",
	"secondline" : ""

}, {
	"image" : "1206393737.jpeg",
	"url" : "http://www.url.1",
	"title" : "Poster",
	"secondline" : ""

}, {
	"image" : "1206160801.jpeg",
	"url" : "http://www.url.1",
	"title" : "Jenny",
	"secondline" : ""

}, {
	"image" : "1206160562.jpeg",
	"url" : "http://www.url.1",
	"title" : "Jenny",
	"secondline" : ""

}, {
	"image" : "tonya2.jpeg",
	"url" : "http://www.url.1",
	"title" : "tonya",
	"secondline" : ""

}, {
	"image" : "tara.jpeg",
	"url" : "http://www.url.1",
	"title" : "tara",
	"secondline" : ""

}, {
	"image" : "shaina.jpeg",
	"url" : "http://www.url.1",
	"title" : "shaina",
	"secondline" : ""

}, {
	"image" : "sarah.jpeg",
	"url" : "http://www.url.1",
	"title" : "Sally",
	"secondline" : ""

}, {
	"image" : "jenny.jpeg",
	"url" : "http://www.url.1",
	"title" : "jenny",
	"secondline" : ""

}, {
	"image" : "IMG_5325.jpeg",
	"url" : "http://www.url.1",
	"title" : "Straps",
	"secondline" : ""

}, {
	"image" : "IMG_8619.jpeg",
	"url" : "http://www.url.1",
	"title" : "Pam",
	"secondline" : ""

}, {
	"image" : "tonya.jpeg",
	"url" : "http://www.url.1",
	"title" : "tonya",
	"secondline" : ""

}, {
	"image" : "tiff.jpeg",
	"url" : "http://www.url.1",
	"title" : "tiff",
	"secondline" : ""

}, {
	"image" : "ryan.jpeg",
	"url" : "http://www.url.1",
	"title" : "ryan",
	"secondline" : ""

}, {
	"image" : "IMG_7076.jpeg",
	"url" : "http://www.url.1",
	"title" : "Nicole",
	"secondline" : ""

}, {
	"image" : "Jody.jpeg",
	"url" : "http://www.url.1",
	"title" : "Jody",
	"secondline" : ""

}, {
	"image" : "jenny2.jpeg",
	"url" : "http://www.url.1",
	"title" : "jenny",
	"secondline" : ""

}, {
	"image" : "IMG_2572.jpeg",
	"url" : "http://www.url.1",
	"title" : "Aimee",
	"secondline" : ""

}, {
	"image" : "IMG_0823.jpeg",
	"url" : "http://www.url.1",
	"title" : "Dani",
	"secondline" : ""

}, {
	"image" : "Dani.jpeg",
	"url" : "http://www.url.1",
	"title" : "Dani",
	"secondline" : ""

}, {
	"image" : "aimee.jpeg",
	"url" : "http://www.url.1",
	"title" : "aimee",
	"secondline" : ""

}, {
	"image" : "IMG_9310.jpeg",
	"url" : "http://www.url.1",
	"title" : "Jenny",
	"secondline" : ""

}, {
	"image" : "IMG_9276.jpeg",
	"url" : "http://www.url.1",
	"title" : "Jenny",
	"secondline" : ""

} ];

$(document).ready(
		function() {

			// Backwards navigation
			$("#back").click(function() {
				stopAnimation();
				navigate("back");
			});

			// Forward navigation
			$("#next").click(function() {
				stopAnimation();
				navigate("next");
			});

			var interval;
			$("#control").toggle(function() {
				stopAnimation();
			}, function() {
				// Change the background image to "pause"
				$(this).css({
					"background-image" : "url(images/btn_pause.png)"
				});

				// Show the next image
				navigate("next");

				// Start playing the animation
				interval = setInterval(function() {
					navigate("next");
				}, slideshowSpeed);
			});

			var activeContainer = 1;
			var currentImg = 0;
			var animating = false;
			var navigate = function(direction) {
				// Check if no animation is running. If it is, prevent the
				// action
				if (animating) {
					return;
				}

				// Check which current image we need to show
				if (direction == "next") {
					currentImg++;
					if (currentImg == photos.length + 1) {
						currentImg = 1;
					}
				} else {
					currentImg--;
					if (currentImg == 0) {
						currentImg = photos.length;
					}
				}

				// Check which container we need to use
				var currentContainer = activeContainer;
				if (activeContainer == 1) {
					activeContainer = 2;
				} else {
					activeContainer = 1;
				}

				showImage(photos[currentImg - 1], currentContainer,
						activeContainer);

			};

			var currentZindex = -1;
			var showImage = function(photoObject, currentContainer,
					activeContainer) {
				animating = true;

				// Make sure the new container is always on the background
				currentZindex--;

				// Set the background image of the new active container
				$("#headerimg" + activeContainer).css(
						{
							"background-image" : "url(images/"
									+ photoObject.image + ")",
							"display" : "block",
							"z-index" : currentZindex
						});
				

				// Hide the header text
				$("#headertxt").css({
					"display" : "none"
				});

				// Set the new header text
				//$("#firstline").html(photoObject.firstline);
				//$("#secondline").attr("href", photoObject.url).html(
				//		photoObject.secondline);
				$("#pictureduri").attr("href", photoObject.url).html(
						photoObject.title);

				// Fade out the current container
				// and display the header text when animation is complete
				$("#headerimg" + currentContainer).fadeOut(function() {
					setTimeout(function() {
						$("#headertxt").css({
							"display" : "block"
						});
						animating = false;
					}, 500);
				});
			};

			var stopAnimation = function() {
				// Change the background image to "play"
				$("#control").css({
					"background-image" : "url(images/btn_play.png)"
				});

				// Clear the interval
				clearInterval(interval);
			};

			// We should statically set the first image
			navigate("next");

			// Start playing the animation
			interval = setInterval(function() {
				navigate("next");
			}, slideshowSpeed);

		});