var selectedSlide
var selectedThumb

window.onload = init;

function init() {
    if (arguments.callee.done) return;
	arguments.callee.done = true;


	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';
}