/*
* 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 = [{
        "title" : "Biografia",
		"image": "vacation.jpg",
		"url": "http://nuke.gianmariospacca.it/Biografia/tabid/56/Default.aspx",
		
		"secondline" : "Gian Mario Spacca"
},
{
    "title": "Una struttura all'avanguardia che qualifica ulteriormente la sanit&agrave marchigiana nel settore dei trapianti. Con queste parole Gian Mario Spacca ha salutato l'inaugurazione della nuova sede",
		"image": "1.jpg",
		"url": "http://nuke.gianmariospacca.it/IQUADRIMESTRE2012/BancadegliocchiFabriano/tabid/1283/Default.aspx",

		"secondline": "Inaugurata la nuova sede della Banca degli occhi"
}, {
    "title": "Vogliamo dedicare questa edizione della Giornata delle Marche ad una riflessione sul modo di uscire dalla crisi. Abbiamo individuato una possibile strada, una strada che guarda al mondo, perchè non tutto il mondo è uguale",
		"image": "2.jpg",
		"url": "http://nuke.gianmariospacca.it/Diarioviaggio/IIIQuadrimestre2011/GironatadelleMarche2011/tabid/1237/Default.aspx",
		"secondline": "10 Dicembre 2011 Giornata delle Marche"
	}, {
	    "title": "L'incontro &egrave servito per fare il punto sulle principali questioni aperte nelle Marche in materia di economia e lavoro, infrastrutture e trasporti, internazionalizzazione",
	    "image": "3.jpg",
	    "url": "http://nuke.gianmariospacca.it/IQUADRIMESTRE2012/SpaccaincontrailministroPassera/tabid/1284/Default.aspx",
	    "secondline": "Il presidente Spacca incontra il ministro Passera"
	}, {
	    "title": "L'esperienza della Regione nel campo della Domotica-Longevità attiva  stata selezionata dal Comitato delle Regioni d'Europa per essere illustrata nel Forum internazionale Ue Ricerca e innovazione. Quale ruolo per le Regioni e le città dopo il 2013?",
	    "image": "4.jpg",
	    "url": "http://nuke.gianmariospacca.it/Categorie/Macroregione/tabid/975/Default.aspx",
	    "secondline": "Focus Macroregione Adriatico Ionica"
	}
];



$(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(http://nuke.gianmariospacca.it/Portals/0/BFOTO/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(http://nuke.gianmariospacca.it/Portals/0/BFOTO/" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		
		// Hide the header text
		$("#headertxt").css({"display" : "none"});
		
		// Set the new header text
		$("#secondline").html(photoObject.secondline);
		$("#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(http://nuke.gianmariospacca.it//Portals/0/BFOTO/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);
	
});