var slides = new Array("Slide0", "Slide1", "Slide2");
var doorleft = null;
var doorright = null;
var slide = null;

function Splash()
{
	doorleft = document.getElementById("DoorLeft");
	doorright = document.getElementById("DoorRight");
	slide = document.getElementById("Slide");

	// init images
	for (var index = 0; index < slides.length; index++)
	{
		SetOpacityById(slides[index], 0);
		document.getElementById(slides[index]).style.display = "block";
	}
	
	// start slides directly
	ShowSlides(0,10,2000);
	
	// wait a sec
	setTimeout("OpenDoors(216,-2,20)", 1000);
}

function OpenDoors(width, delta, ms) 
{ 
	width = Math.max(0, width);		

	doorleft.style.width = (width) + "px";
	doorright.style.left = (532 - width) + "px";
	doorright.style.width = (width) + "px";

	if (width > 0)
		setTimeout('OpenDoors(' + width + delta + ',' + delta+ ',' + ms + ')', ms);
} 


function ShowSlides(index, delta, ms)
{
	BlendOpacity(slides[index], 99, -delta, 0, 20);
	index = (index + 1) % slides.length;
	BlendOpacity(slides[index], 0, delta, 99, 20);

	setTimeout('ShowSlides(' + index + ',' + delta+ ',' + ms + ')', ms);
}


// blending by opacity
function BlendOpacity(id, opacity, delta, limit, time) 
{ 
	// checks optional
	//opacity = Math.max(0, Math.min(100, opacity));
	//delta = Math.max(0, Math.min(100, delta));
	//limit = Math.max(0, Math.min(100, limit));

	var el = document.getElementById(id);
	clearTimeout(el.timeout);

	SetOpacity(el, opacity);
	if (delta == 0 || opacity == limit)
		return;

	opacity = Math.max(0, Math.min(99, opacity + delta));
	if ((delta > 0 && opacity > limit) || (delta < 0 && opacity < limit))
		opacity = limit;
	
	el.timeout = setTimeout("BlendOpacity('" + id + "'," + opacity + "," + delta + "," + limit + "," + time + ")", time); 
} 


// changes the opacity for different browsers 
function SetOpacityById(id, opacity) 
{ 
	SetOpacity(document.getElementById(id), opacity);
} 

// changes the opacity for different browsers 
function SetOpacity(el, opacity) 
{ 
	el.opacity = opacity;
	el.style.opacity = (opacity / 100); 
	el.style.MozOpacity = (opacity / 100); 
	el.style.KhtmlOpacity = (opacity / 100); 
	el.style.filter = "alpha(opacity=" + opacity + ")"; 
} 	
