/*

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

*/



// Speed of the automatic slideshow in miliseconds

var slideshowSpeed = 12000;



// Variable to store the images we need to set as background

// which also includes some text and url's.

var photos = [ {

		"title" : "Loving Christ",

		"image" : "E-WED2.jpg",

		"url" : "index.php?option=com_content&view=article&id=125&Itemid=238",

		"firstline" : "Mark 12:30 NKJV",

		"secondline" : "And you shall love the Lord your God with all your heart, with all your soul, with all your mind, and with all your strength."

	}, {
		
		"title" : "Building Relationships",

		"image" : "homecoming.jpg",

		// "url" : "index.php?option=com_content&view=category&layout=blog&id=62&Itemid=91",
		"url" : "index.php?option=com_content&view=article&id=126&Itemid=240",

		"firstline" : "Mark 12:31 NKJV",

		"secondline" : "And the second, like it, is this: 'You shall love your neighbor as yourself.' There is no other commandment greater than these."

	}, {

		"title" : "Reaching Out",

		"image" : "2009_08_01_21.jpg",

		"url" : "index.php?option=com_content&view=article&id=127&Itemid=241",

		"firstline" : "John 13:34 NKJV",

		"secondline" : "A new commandment I give to you, that you love one another; as I have loved you, that you also love one another."

	} 

	

];





$(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(templates/omega_home_2/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);

	

});