// JavaScript Document

$(document).ready(function(){
	/*
		Homepage Rotator Script
	*/
	var htmlString, currentSlide, slides, nSlides, rotatorButtons;
	var delay = 8500;
	//Generate controls
	htmlString = "<ul class=\"rotatorSelector\">";
	slides = $("#main-feature div.slide");
	nSlides = slides.length;
	
	//Fade all but the first slide out
	$("#main-feature div.slide:gt(0)").fadeOut(1);
	
	for (var i=0; i < nSlides; i++) {
		//htmlString += "<li>" + (i+1) + "</li>";
		htmlString += "<li></li>";
	}
	$("#main-feature").append(htmlString);
	rotatorButtons = $("#main-feature ul.rotatorSelector li ");
	
	currentSlide = 0;
	
	//Slide fade function
	var nextSlide = function(index) {
		if(currentSlide != index) {
			slides.eq(currentSlide).fadeOut(400, function(){
				slides.eq(index).fadeIn(400);
				currentSlide = index;
			});
		}
	};
	
	//Style first selector button as selected and start countdown
	rotatorButtons.eq(currentSlide).css('border-color', '#efefef').animate({
			backgroundPosition: '0px 0px'
	}, delay-10, 'linear');
	
	//Start rotating interval
	var rotatorInterval = setInterval(function() {
		nextSlideIdx = currentSlide<nSlides-1?currentSlide+1:0;
		nextSlide(nextSlideIdx);
		
		//Animate button progress
		rotatorButtons.eq(currentSlide).css({'background-position': '-18px 0px', 'border-color': '#999999'});
		rotatorButtons.stop().eq(nextSlideIdx).css('border-color', '#efefef').animate({
			backgroundPosition: '0px 0px'
		}, delay-100, 'linear');
	
	}, delay);
	
	//Register button listeners
	rotatorButtons.each(function(idx) {
		$(this).click(function() {
			nextSlide(idx);
			clearInterval(rotatorInterval);
			rotatorButtons.stop().css({'background-position': '-18px 0px', 'border-color': '#999999'});
			$(this).css('border-color', '#efefef');
		});
	});
		
		
	/*
		End rotator functionality
	*/
	
});