var slides = [ "home/welcome", "home/pfa-legends", "home/givemefootball", "home/fan-awards" ];
var startOnSlide = 0;

var xmlhttp;
var currentSlide = 0;

var slider = null;

function loadSlides()
{
    slider = document.createElement( "div" );
    slider.id = "slider";

    loadSlide( slides[ 0 ] );
}

function GetHTTPRequest()
{
	xmlhttp = null;
	if( window.XMLHttpRequest )
		xmlhttp = new XMLHttpRequest();
	else if( window.ActiveXObject )
		xmlhttp = new ActiveXObject( "Microsoft.XMLHTTP" );
	return( xmlhttp );
}


function loadSlide( slide )
{
    xmlhttp = GetHTTPRequest();
    xmlhttp.onreadystatechange = handleXMLHTTP;

    //xmlhttp.setRequestHeader( "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" );
    xmlhttp.open( "GET", slide + "?t=" + new Date().getTime(), true );
    xmlhttp.send( null );
}

function handleXMLHTTP()
{
    if( xmlhttp.readyState == 4 || xmlhttp.readyState == "complete" )
    {
	    if( xmlhttp.status == 200 )
	    {
		if( slider != null )
		{
			var wrapper = document.createElement( "div" );
			wrapper.className = "slide";
			wrapper.id = "slide" + slider.childNodes.length;
			//wrapper.width = document.getElementById('splash').width;
			//wrapper.height = document.getElementById('splash').height;
			wrapper.innerHTML = xmlhttp.responseText;
			//alert( wrapper.innerHTML );

			slider.appendChild( wrapper );

			if( slider.childNodes.length == slides.length )
			{
			    // We've got all the slides.
			    document.getElementById('splashContent').innerHTML = "";
			    document.getElementById('splashContent').appendChild( slider );
			    //var marker = document.getElementById('splashNav' );
			    //document.getElementById( 'splash' ).insertBefore( slider, marker );
			    //selectSlide( startOnSlide );
			}
			else
			    loadSlide( slides[ slider.childNodes.length ] );
		}
	    }
    }
}

function scrollTo(element)
{
var options = arguments[1] || { },
scrollOffsets = document.getElementById('splashContent').getScrollOffsets(),
elementOffsets = document.getElementById(element).cumulativeOffset(),
max = document.getElementById('splashContent').height - document.getElementById('splash').height;

if (options.offset) elementOffsets[1] += options.offset;

return new Effect.Tween(null,
scrollOffsets.top,
elementOffsets[1] > max ? max : elementOffsets[1],
options,
function(p){ scrollTo(scrollOffsets.left, p.round()) }
);
};

//------------------------------------------------------------
// Custom slider effect - works like scriptaculous effect.slide
// but works with DIV container not window, and could be
// easily modified to work left-to-right.
//------------------------------------------------------------
var fps = 60;
var startTime;
var endTime;
var totalFrames;
var cntr;
var range;
var startOffset;
function getOffset( pos )
{
return (-Math.cos(pos*Math.PI)/2) + 0.5;
}
function scrollTo( container, scrollPos, duration )
{
startTime = new Date().getTime();
endTime = startTime + duration;
totalFrames = duration * fps;
cntr = container;
startOffset = container.scrollLeft;
range = scrollPos - startOffset;
setTimeout( 'doFrame()', 1000 / fps );
}

function doFrame()
{
timeOffset = new Date().getTime() - startTime;
totalTime = endTime - startTime;
frame = ( timeOffset / totalTime ); // * totalFrames;
pos = getOffset( frame );
if( timeOffset >= endTime )
    pos = 1.0;

scrollPos = startOffset + ( range * pos );
cntr.scrollLeft = scrollPos;

if( new Date().getTime() < endTime )
    setTimeout( 'doFrame()', 1000 / fps );
}

function selectSlide( slideIndex )
{
scrollTo( document.getElementById( 'splashContent' ), slideIndex * 610, 1750 );

currentSlide = slideIndex;
document.getElementById('splashNavCounter').innerHTML = currentSlide + 1 + " of " + slides.length;

for( i = 0; i < slides.length; i++ )
{
    var navItem = document.getElementById('navItem' + i );
    if( i == currentSlide )
	navItem.className = "current";
    else
	navItem.className = "";
}
}

function splashBack()
{
    if( currentSlide == 0 )
	    currentSlide = slides.length - 1;
    else
	    currentSlide--;
    selectSlide( currentSlide );
}
function splashNext()
{
currentSlide++;
if( currentSlide == slides.length )
    currentSlide = 0;
    selectSlide( currentSlide );
}
function gotoSplash( splashIndex )
{
cancelTimeout();
currentSplash = splashIndex;
loadSplash( currentSplash );
}

loadSlides();