var images = Array();
var timeout = 10000;
var fadeImg = 1;
var loadedImg = 0;
document.write("<style type=\"text/css\">\n#slideshow_1, #slideshow_2, #slideshow_3 {visibility: hidden;}\n</style>");

function addEvent(elm, evType, fn, useCapture)
{
	if (elm.addEventListener)
	{
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}
	else if (elm.attachEvent)
	{
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}
	else
	{
		elm['on' + evType] = fn;
	}
}

function getElement(e)
{
	var el;
	if (window.event && window.event.srcElement)
	{
		el = window.event.srcElement;
	}
	if (e && e.target)
	{
		el = e.target;
	}
	if (!el)
	{
		return false;
	}
	else
	{
		return el;
	}
}

function addListeners()
{
	images[0] = document.getElementById("slideshow_1");
	images[1] = document.getElementById("slideshow_2");
	images[2] = document.getElementById("slideshow_3");
	
	initSlideshow();
	
}


addEvent(window, 'load', addListeners, false);

function initSlideshow(s)
{
	images[loadedImg].style.visibility = 'visible';
	images[loadedImg].style.zIndex = '2';
	images[fadeImg].style.visibility = 'visible';
	images[fadeImg].style.zIndex = '1';
	window.setTimeout("nextSlide()", timeout);
}

function setFadeIn()
{
	if (fadeImg == (images.length - 1))
	{
		fadeImg = 0;
	}
	else
	{
		fadeImg++;
	}
	images[fadeImg].style.zIndex = '1';
	images[fadeImg].style.visibility = 'visible';
}

function setLoaded()
{
	if (loadedImg == (images.length - 1))
	{
		loadedImg = 0;
	}
	else
	{
		loadedImg++;
	}
	images[loadedImg].style.zIndex = '2';
}

function nextSlide()
{
	fadeOut(loadedImg, 100);
	window.setTimeout("nextSlide()", timeout);
}

function setOpacity(f, opacity)
{
	opacity = (opacity == 100)?99.999:opacity;
	
	// IE/Win
	images[f].style.filter = "alpha(opacity="+opacity+")";
	
	// Safari<1.2, Konqueror
	images[f].style.KhtmlOpacity = opacity/100;
	
	// Older Mozilla and Firefox
	images[f].style.MozOpacity = opacity/100;
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	images[f].style.opacity = opacity/100;

}

function fadeOut(f, opacity)
{
	if (opacity >= 0)
	{
		setOpacity(f, opacity);
		opacity -= 2;
		window.setTimeout("fadeOut("+ f +", "+ opacity +")", 80);
	}
	else
	{
		images[f].style.visibility = 'hidden';
		images[f].style.zIndex = 0;
		setOpacity(f, 100);
		setLoaded();
		setFadeIn();
	}
}



