var currentSlide = 0;
var slideInterval = 12000;
var slideLeftSpeed = 750;
var slideRightSpeed = 750;
var slides;
var links;

function slideShow() {

	if (currentSlide < (slides.length - 1)) {
		loadSlide(currentSlide, (currentSlide + 1));
		setTabs(links[currentSlide]);
	}
	else {
		loadSlide(currentSlide, 0);
		setTabs(links[0]);
	}

}

function loadSlide(curSlide, nextSlide) {

//**********The Commented Out Code Utilizes Jquery's fade out effect. You can use these two blocks of code interchangably***************
//	if (curSlide != nextSlide) {
//		clearTimeout(t)
//		$("div.Slide" + curSlide).fadeOut(slideLeftSpeed);
//		$("div.Slide" + nextSlide).fadeIn(slideRightSpeed);

//		t = setTimeout(slideShow, slideInterval);
//		currentSlide = nextSlide

		  if (curSlide != nextSlide) {
		  	clearTimeout(t)
		    $("div.Slide" + curSlide).hide("slide", { direction: "left" }, 1000);
		    $("div.Slide" + nextSlide).show("slide", { direction: "right" }, 1000);

		    t = setTimeout(slideShow, slideInterval);
		    currentSlide = nextSlide		

	}

}

function setTabs(aObject) {

	if (aObject.className != 'On' && aObject.className != 'Dbl On') {
		for (var i = 0; i < links.length; i++) {
			if (links[i].className != 'Dbl' && links[i].className != 'Dbl On')
				links[i].className = '';
			else
				links[i].className = 'Dbl';
		}
		if (aObject.className != 'Dbl')
			aObject.className = 'On';
		else
			aObject.className = 'Dbl On';
	}
}

$(document).ready(function() {

	try {

		slides = document.getElementById("Slides").getElementsByTagName("div");
		for (var i = 0; i < slides.length; i++) {
			slides[i].className = 'Slide' + i;
		}

		links = document.getElementById("HeroNav").getElementsByTagName("a");
		links[0].className = 'On';

	}

	catch (err) { }

	t = setTimeout(slideShow, slideInterval);

});