// scripts
var numSlides = 6;
var currentSlide = 1;
var timer = Number;
var interval = 4000;
var fadeInSpeed = 500;
var fadeOutSpeed = 300;
var clickSpeed = 200;
var fromButton = "";

$(function(){
	$('#sidebar').load('slideshow.htm').hide();
	$('<div id="imagePreload"></div>').insertAfter('#sub_nav').load('loadImages.htm');
	//$('div#slideshow').children().hide();
	initSlideshow();
});

function initSlideshow(){
	timer = window.setInterval(killSlide, interval);
	$('div#slideshow').load('slideshow.htm div#'+currentSlide, handleSlide).hide();
	$('#btnNext').click(clickNext);
	$('#btnPrev').click(clickPrev);
}

function clickNext(){
	fromButton = "next";
	killSlide(fromButton);
}

function clickPrev(){
	fromButton = "prev";
	killSlide(fromButton);
}

function handleSlide(){
	$('div#slideshow').fadeIn(fadeInSpeed);
}

function killSlide(){
	if(fromButton == ""){
		$('div#slideshow').children().fadeOut(fadeOutSpeed, advanceSlide);
	}else{
		timer = window.clearInterval(timer);
		fadeInSpeed = clickSpeed;
		fadeOutSpeed = clickSpeed;
		if(fromButton == "next"){
			advanceSlide();
		}else{
			prevSlide();
		}
	}
}

function advanceSlide(){
	if(currentSlide == numSlides){
		currentSlide = 1;	
	}else{
		currentSlide++;
	}
	goToSlide(currentSlide);
}

function prevSlide(){
	if(currentSlide == 1){
		currentSlide = numSlides;	
	}else{
		currentSlide--;
	}
	goToSlide(currentSlide);
}


function goToSlide(currentSlide) {
	$('div#slideshow').load('slideshow.htm div#'+currentSlide, handleSlide).hide();
}