/* ===== SLIDES ===== */

var fadeOutDuration = 0.5; // seconds
var fadeInDuration  = 1.0; // seconds
var slideDuration   = 8.0; // seconds
var playslides      = 1  ; // autoplay
var numSlides       = 4  ;
var currentSlide    = 0  ;
var i               = 1  ;

function slidesTo(slide) {
	// ARE WE PAUSED?
	if (playslides ==0 && !slide) {
		return false;
	}
	
	// RESET
	for (i=1;i<=numSlides;i++){
		new Effect.Fade('slide'+i, {to:0, duration:fadeOutDuration});
		$('sl'+i).setStyle({fontWeight:'normal'});
	}
	
	// ADVANCE ONE SLIDE OR LOOP
	if (!slide) {
		if (currentSlide==numSlides) {
			slide = 1;
		} else {
			slide = currentSlide+1;
		}
	} else {
		toggleShow(off='off');
	}
	currentSlide = slide;
	
	// SET
	setTimeout("showSlide("+currentSlide+");", (fadeOutDuration*1000)+100);
}

function showSlide(slide) {
	new Effect.Appear('slide'+currentSlide, {duration:fadeInDuration});
	$('sl'+currentSlide).setStyle({fontWeight:'bold'});
	if (playslides == 1) {
		setTimeout("slidesTo();", slideDuration*1000);
	}
}

function toggleShow(off) {
	if (playslides == 0 && !off) {
		$('slideStatus').src="./interim/media/slides/pause.gif";
		playslides = 1;
		slidesTo();
	} else {
		$('slideStatus').src="./interim/media/slides/play.gif";
		playslides = 0;
	}
}



/* ===== SCROLLBAR ===== */

var scrollbar;

Event.observe(document.onresize ? document : window, "resize", function() {
	resized();
	scrollbar.recalculateLayout();
});

function resized() {
	myHeight = document.viewport.getHeight() - 157;
	$('scrollbar_content').setStyle({ height: myHeight+'px'}); 
	$('scrollbar_track').setStyle({ height: myHeight-80 +'px'}); 
}



/* ===== LIGHT IT UP ===== */

document.observe('dom:loaded',function(){
	resized();
	scrollbar = new Control.ScrollBar('scrollbar_content','scrollbar_track');
	scrollbar.scrollTo('top');
	slidesTo();
});