var slideList;
var slideNumber = 0;
var slideTitles = new Array();
slideTitles[0]= "Welcome!";
slideTitles[1]= "Getting Started";
slideTitles[2]= "Kids Manage Their Money";
slideTitles[3]= "Asking What If?";
slideTitles[4]= "Setting Goals";
slideTitles[5]= "Learning About Money";
slideTitles[6]= "Making It Personal";
slideTitles[7]= "Try It For Free!";

function HideCurrentSlide()
{
	// Hide current slide
	var slideImage = slideList[slideNumber].select( 'img' );
	slideImage[0].hide();
	
	var desc = slideList[slideNumber].select( '.slide_description' );
	desc[0].hide();
	
	slideList[slideNumber].hide();
}

function ShowNewSlide()
{
	// Change the slide viewer title
	$('slide_title_name').innerHTML = slideTitles[slideNumber];

	// Show this slide
	slideList[slideNumber].style.visibility = "visible";
	slideList[slideNumber].show();
	
	// Fade the image and description into view
	var slideImage = slideList[slideNumber].select( 'img' );
	Effect.Appear( slideImage[0] );
	
	var desc = slideList[slideNumber].select( '.slide_description' );
	Effect.Appear( desc[0] );
}

function GotoSlide(slideNum)
{
	if ( slideNum >= 0 && slideNum < slideList.length )
	{
		HideCurrentSlide();
	
	}
	
}

function NextSlide()
{
	if ( slideNumber < (slideList.length - 1) )  
	{
		HideCurrentSlide();
			
		// Advance to next slide
		slideNumber = slideNumber + 1;
		
		ShowNewSlide();
	}
	
	/**
	if ( slideNumber == (slideList.length - 1) )
	{
		$('next_slide').setStyle( { backgroundPosition: "top right" });
	}

	$('previous_slide').setStyle( { backgroundPosition: "top left" });
	**/
}

function PreviousSlide()
{
	if ( slideNumber > 0 )
	{
		HideCurrentSlide();
		
		slideNumber = slideNumber - 1;
		
		ShowNewSlide();
	}
	
	/**
	if ( slideNumber == 0 )
	{
		$('previous_slide').setStyle( { backgroundPosition: "top right" });
	}

	$('next_slide').setStyle( { backgroundPosition: "top left" });
	**/
}

function loadSlides()
{
	// Get a list of all slides
	slideList = $$('.slide_content');

	$('slide_title_name').innerHTML = slideTitles[0];

	for (var i=0; i < slideList.length; i++ )
	{
		// Hide all but the first slide
		if ( i > 0 ) 
		{
			slideList[i].style.top = slideList[0].style.top;
			slideList[i].style.left = slideList[0].style.left;
			slideList[i].hide();
			
			var slideImage = slideList[i].select( 'img' );
			slideImage[0].hide();
			
			var desc = slideList[i].select( '.slide_description' );
			desc[0].hide();
		}
		else
		{
			slideList[0].style.visibility = "visible";
		}
	}
}