var imgActiva = 0;
var intervaloActiva;
var total = 0;
$(function() {
	total = $('#centro li').length;
	if (total > 0) {
		$('#centro').prepend('<div id="botonera"><a href="#" onclick="activarPortada(0); return false;" class="activo" id="btnPortada0">0</a></div>');
		$('#centro li').each(function(i) {
			if ($('a', this)[0]) { 
				destino=$('a', this)[0].target;
				$('#centro').append('<p id="imgPortada'+(i+1)+'"><a target="'+destino+'" href="'+$('a', this)[0].href+'"><img src="'+$('a', this)[0].innerHTML+'" alt=""/></a></p>');
			} else {
				$('#centro').append('<p id="imgPortada'+(i+1)+'"><img src="'+$(this)[0].innerHTML+'" alt=""/></p>');
			}
			$('#centro #botonera').append('<a href="#" onclick="activarPortada('+(i+1)+'); return false;" id="btnPortada'+(i+1)+'">'+(i+1)+'</a>');
		});
	}
	$('#centro p[id!=imgPortada0]').hide();
	$('#centro p').css({position:'absolute', left:'0px', top:'0px'});
	$('#centro ul').remove();
	intervaloActiva = setInterval(function() { activarPortada(1, true) }, 4000);
});

function activarPortada(num, auto) {
	if (!auto && num == imgActiva) { intervaloActiva = setInterval(function() { activarPortada(num+1, true) }, 1000, num+1, true); return; }
	$('#imgPortada'+imgActiva).css('z-index', 1).fadeOut("slow");
	$('#imgPortada'+num).css('z-index', 2).fadeIn("slow");
	$('#btnPortada'+imgActiva).removeClass('activo');
	$('#btnPortada'+num).addClass('activo');
	imgActiva = num;
	if (auto) { if (num == total) { num = -1; } clearInterval(intervaloActiva); intervaloActiva = setInterval(function() { activarPortada(num+1, true) }, 3500, num+1, true); } else { clearInterval(intervaloActiva); }
}