var velocidad = 6000;
$(document).ready(function() {

	$("#cerrar").click(function () {
		$("#contenido p").toggle("slow");
	});
	$("#cerrar").toggle(
        function() {$("#cerrar").html("mostrar");},
        function() {$("#cerrar").html("cerrar");}
    );
	
	var interval;
	var contenedorActivo = 1;	
	var imagenActual = 0;
	var animando = false;
	
    
	$("#img1").click(function() {
		ira("1");
	});
	$("#img2").click(function() {
		ira("2");
	});
	$("#img3").click(function() {
		ira("3");
	});



	var ira = function(ir) {
		if(animando) {
			return;
		}

		if(ir == "1") {
			imagenActual = 1;
		} 
		if(ir == "2") {
			imagenActual = 2;
		} 
		if(ir == "3") {
			imagenActual = 3;
		} 
		
		var contenedorActual = contenedorActivo;
		if(contenedorActivo == 1) {
			contenedorActivo = 2;
		} else {
			contenedorActivo = 1;
		}
		
		mostrarImagen(fotos[imagenActual - 1], contenedorActual, contenedorActivo);
		
	};



	
	var navegacion = function(direction) {
		if(animando) {
			return;
		}

		if(direction == "next") {
			imagenActual++;
			if(imagenActual == fotos.length + 1) {
				imagenActual = 1;
			}
		} else {
			imagenActual--;
			if(imagenActual == 0) {
				imagenActual = fotos.length;
			}
		}

		var contenedorActual = contenedorActivo;
		if(contenedorActivo == 1) {
			contenedorActivo = 2;
		} else {
			contenedorActivo = 1;
		}
		
		mostrarImagen(fotos[imagenActual - 1], contenedorActual, contenedorActivo);
		
	};
	
	var currentZindex = -1;
	var mostrarImagen = function(photoObject, contenedorActual, contenedorActivo) {
		animando = true;
		currentZindex--;
		$("#headerimg" + contenedorActivo).css({
			"background-image" : "url(fotos/" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		$("#headerimg" + contenedorActual).fadeOut(function() {
			$("#img1").css({ "background" : "#E4E2D1" });
			$("#img2").css({ "background" : "#E4E2D1" });
			$("#img3").css({ "background" : "#E4E2D1" });
			$("#img" + imagenActual).css({ "background" : "#fff" });
			setTimeout(function(){
				animando = false;
			}, 500);
		});
	};
	
	var pararAnimacion = function() {
		clearInterval(interval);
	};
	navegacion("next");
	interval = setInterval(function() {
		navegacion("next");
	}, velocidad);
	
});