// JavaScript Document

var bannersArr = new Array('#banner1', '#banner2');
var tiempoBanner = 5000;
var bannerActual = 0;

$(document).ready(function(){
	
	setTimeout (siguienteBanner, tiempoBanner);
	
});

function siguienteBanner()
{
	
	ocultaBanner(bannerActual);
	
	/*if ( bannerActual >= (bannersArr.length() -1))
	{
		bannerActual = 0;
	}
	else
	{
		bannerActual++;
	}*/
	
}

function muestraBanner(miId)
{
	$(bannersArr[miId]).css('display','inline');
	$(bannersArr[miId]).css('opacity',0);
	$(bannersArr[miId]).animate({
		opacity: 1
	},1000, function (){
			setTimeout (siguienteBanner, tiempoBanner);
		});
}

function ocultaBanner(miId)
{
	$(bannersArr[miId]).animate({
		opacity: 0
	},1000, function (){
			$(bannersArr[miId]).css('display','none');
			seteaNuevoBanner();
			muestraBanner(bannerActual);
		});
}

function seteaNuevoBanner ()
{
	if ( bannerActual >= (bannersArr.length -1))
	{
		bannerActual = 0;
	}
	else
	{
		bannerActual++;
	}
}