var headers = new Array();
var mouseIsOver = false;

$(document).ready(function(){	
 	var delay = 6000;
	// Recogemos en un array todos los banners a mostrar y los eliminamos del DOM
 	$("#slider ul li").each(function(){
		headers.push(this);
		$(this).remove()
	});
	// Mostramos aleatoriamente el primero
	var count = headers.length;
 	var li = aleatorio(0,--count);
	var element = headers.splice(li,1);
	$(element).appendTo("#slider ul").css('display','block'); 
	// Iniciamos la iteracion usando setInterval para controlar el tiempo entre transiciones
	setInterval(function(){
		// Si el puntero esta sobre el banner, detenemos la animacion
		if (mouseIsOver == true) {
			return;
		}
		// Si hemos vaciado completamente el array de banners, lo volvemos a llenar y eliminar los elementos del DOM
		if (headers.length == 0) {
			$("#slider ul li:hidden").each(function(){
				$(this).css('display', 'block').css('opacity', '1').css('top','0').css('left','0');
				headers.push(this);
				$(this).remove();
			});
			count = headers.length;
		}
		num = aleatorio(0,3);
		// Seleccionamos aleatoriamente el siguiente banner a mostrar (splice saca un elemento del array, no lo copia)
		li = aleatorio(0,--count);
		element = headers.splice(li,1);
		// Realizamos la animacion para ocultar el banner actual
		$("#slider ul li:visible").animate({'opacity': '1'},1000, function(){
			// Se oculta eligiendo aleatoriamente el efecto
			switch (num){
				case 0:
					var prevID = $(this).attr('id');
					$('#'+prevID).animate({'left' : '-960px', 'opacity':'0'},{duration:2000, queue:true});
					break;
				case 1:
					var prevID = $(this).attr('id');
					$('#'+prevID).animate({'left' : '960px', 'opacity':'0'},{duration:2000, queue:true});
					break;
				case 2:
					var prevID = $(this).attr('id');
					$('#'+prevID).animate({'top' : '-230px', 'opacity':'0'},{duration:2000, queue:true});
					break;
				case 3:
					var prevID = $(this).attr('id');
					$('#'+prevID).animate({'top' : '230px', 'opacity':'0'},{duration:2000, queue:true});
					break;
			}
			// Mientra se oculta mostramos el nuevo banner con efecto
 			$(element).appendTo("#slider ul").css('top','-230px' ).css('display','').css('opacity','0')
				.animate(
					{'opacity': '1'},
					{duration: 2000, 
						queue: false , 
						complete:function(){
							// Una vez mostrado el nuevo y oculto el banner anterior, le ponemos display none y mantenemos el banner actual en su posicion
							finalPos = ($(this).position().top)?$(this).position().top : 0;
							$(this).css('top',finalPos);
							$('#'+prevID).css('display','none');
						}
					}
				);
		});
	}, delay);
});	

/*
$(document).ready(function(){
	var maxHeight = 0;
	$('.sectores .contenido').each(function(){
		if ($(this).height() > maxHeight) maxHeight = $(this).height();
	});
	$('.sectores .contenido').height(maxHeight);
});
*/

function aleatorio(inferior,superior){
    numPosibilidades = superior - inferior
    aleat = Math.random() * numPosibilidades
    aleat = Math.round(aleat)
    return parseInt(inferior) + aleat
}