// Checks for browser
var iex = navigator.appName == "Microsoft Internet Explorer" ? true : false;
var fi = iex ? 'filters.alpha.opacity' : 'style.MozOpacity'
var opa = iex ? 100 : 1;

// Image slider configuration
var seconds = 4;
var randomImagesPath = "infor/randomImages/";
var time;
var cont = 0;

function presImagen(arrayImages)
{
	document.randomImage.src = arrayImages[cont].src;
	increaseOpacity();

	if (cont < arrayImages.length - 1)
	{
		cont++;
	}
	else
	{
		cont = 0;
	}
	time = window.setTimeout(function(){decreaseOpacity(arrayImages)}, seconds * 1000);
}

function decreaseOpacity(arrayImages)
{
	eval(opa);
	
	if (opa >= 0)
	{
		changeImage();
		opa -= iex ? 10 : 0.1;
		setTimeout(function(){decreaseOpacity(arrayImages)}, 10);
	} 
	else
	{
		presImagen(arrayImages);
	}
}

function increaseOpacity()
{
	opaci = iex ? 100 : 1;
	if (opa <= opaci)
	{
		changeImage();
		opa += iex ? 10 : 0.1;
		setTimeout('increaseOpacity()', 10);
	}
}

function changeImage()
{
	// Line for IExplorer (if not, does not work!! ¿?¿?¿?
	if (iex && document.randomImage)
		document.randomImage.style.filter = "alpha(opacity=50)";

	eval('document.randomImage.' + fi + ' = opa');
}

function startRandomImages(arrayImages)
{
	clearTimeout(time);
	decreaseOpacity(arrayImages);
}