var selectedSlide
var selectedThumb

/*window.onload = function()
{
	SetupEventHandler( window, 'load', InitSlides )
}*/

function InitSlides()
{
	
	var stage = document.getElementById('Stage')
	var slides = stage.getElementsByTagName('div')
	var i
	
	//selectedSlide = slides.item(0)

	var thumbsContainer = document.getElementById('Thumbs')
	var thumbs = thumbsContainer.getElementsByTagName('a')
	
	var a = new Array()
	
	/*
	for( i=0; i<thumbs.length; i++ )
	{
		a[a.length] = i
		thumbs.item(i).onclick = function() { ShowSlide(a[a.length-1]+1); return false; }
	}
	*/

	var maxHeight = 0

	for( i=0; i<slides.length; i++ )
	{
		slides.item(i).style.display = 'block'
		if( slides.item(i).offsetHeight > maxHeight )
		{
			maxHeight = slides.item(i).offsetHeight
		}
		slides.item(i).style.display = ''
	}
	stage.style.height = ( maxHeight + 30 ) + 'px'

	ShowSlide('1')
}

function ShowSlide(slidePos)
{
	if( selectedSlide && selectedThumb )
	{
		selectedSlide.className = 'Slide'
		selectedThumb.className = ''
	}

	selectedThumb = document.getElementById('Thumb'+slidePos)
	selectedThumb.className = 'Selected'

	selectedSlide = document.getElementById('Slide'+slidePos)
	selectedSlide.className = 'Slide Selected'

	selectedSlide.style.left = '100%'
	moveSlide()
}

function moveSlide()
{
	selectedSlide.style.left = (selectedSlide.style.left.slice(0,-1) - 5) + '%'
	TmpselectedSlideStyleLeft = selectedSlide.style.left.slice(0,-1) - 5

	if( selectedSlide.style.left != '0%' && TmpselectedSlideStyleLeft >= 0)
	{
		window.setTimeout(moveSlide, 10)
	}
}

function HiThumb(elem)
{
	selectedThumb.className = ''
}

function LoThumb(elem)
{
	selectedThumb.className = 'Selected'
}