// JavaScript Document

var SlideTimer;
var SlideCount;
var SlideTo = 0;
var TimerSpeed = 8000;
var TransitionSpeed = 1000;
var OffAlpha = 0.5;
var FadeSpeed = 200;
var SlideWidth = 994;
var SlideHeight = 429;
var IEOffset = 0;

$(document).ready(function() {
	$("#slide_holder img").each(function(i) {
		$("#slide_buttons").append('<a href="#" class="btn_slide" index="' + i +'"><img src="' + $(this).attr("src").replace('.jpg','_thumb.jpg') + '"></a>');
		SlideCount = (i+1);
	});

	$(".btn_slide").live("click", function(event) {
		event.preventDefault();
		SlideTo = parseInt($(this).attr("index"));
		SliderClick(SlideTo);
	});
	
	$(".btn_slide").live("mouseover", function(event) {
		$(this).stop().fadeTo(FadeSpeed, 1);
	});
	
	$(".btn_slide").live("mouseout", function(event) {
		if (parseInt($(this).attr("index")) != SlideTo) $(this).stop().fadeTo(FadeSpeed, OffAlpha);
	});
	
});

$(window).load(function() {
	//$("#slide_buttons").width(SlideCount * (SlideWidth + 10));
	SliderClick(SlideTo);
	
});

function SliderClick(SlideIndex) {
	clearInterval(SlideTimer);
	SlideTo = SlideIndex;
	SlideSlider(SlideTo);
	SlideTimer = setInterval(NextSlide, TimerSpeed);
}

function NextSlide(SlideIndex) {
	SlideTo++;
	if (SlideTo >= SlideCount) { SlideTo = 0; }
	SlideSlider(SlideTo);
}

function SlideSlider(SlideIndex) {
	//alert((SlideIndex * (SlideWidth + IEOffset)) + "    " + (SlideIndex * SlideWidth));
	$("#slide_holder").stop().animate({
		marginLeft: -(Math.ceil(SlideIndex * (SlideWidth + IEOffset)))
	}, TransitionSpeed);
	$(".btn_slide").each(function(i) {
		if (parseInt($(this).attr("index")) == SlideIndex) { $(this).stop().fadeTo(FadeSpeed, 1); }
		else { $(this).stop().fadeTo(FadeSpeed, OffAlpha); }
	});
}