/// <reference path="/Scripts/jquery.intellisense.js"/>
var sliderTimer;
var startNumber = 2; // the next feature to start
var timeoutDuration = 8000;

$(document).ready(function () {
	if ($("#Features .Feature").length > 1) {
		sliderTimer = setTimeout("playFeature(" + startNumber + ")", timeoutDuration);
		setPauseButton();
	}
});

function setPauseButton() {
	$("#Features #PlayLink").click(function () {
		clearTimeout(sliderTimer);
		pauseFeature(startNumber);
	});
}

function playFeature(startNumber) {
	showFeature(startNumber, false);
	if (startNumber < $("#Features .Feature").length) {
		startNumber++;
	}
	else {
		startNumber = 1;
	}
	sliderTimer = setTimeout("playFeature(" + startNumber + ")", timeoutDuration);
	setPauseButton();
}

function showFeature(featureNumber, isInterval) {
	$("#Features .Feature").each(function (i) {
		$(this).hide();
		if ((i + 1) == featureNumber) {
			$("#NavLink" + (i + 1)).addClass("Selected");
		} else {
			$("#NavLink" + (i + 1)).removeClass("Selected");
		}
	});
	if (isInterval) {
		$("#Features #Feature" + featureNumber).show();
		clearTimeout(sliderTimer);
		if (featureNumber == $("#Features .Feature").length) {
			featureNumber = 1;
		} else {
			featureNumber++;
		}
		pauseFeature(featureNumber);
	} else {
		$("#Features #Feature" + featureNumber).fadeIn(700);
	}
}

function pauseFeature(startNumber) {
	var playLink = $("#Features #PlayLink");
	playLink.removeClass("Pause").addClass("Play");
	playLink.html("<span class=\"Hidden\">Play</span>");
	playLink.click(function () {
		playLink.removeClass("Play").addClass("Pause");
		playLink.html("<span class=\"Hidden\">Pause</span>");
		clearTimeout(sliderTimer);
		sliderTimer = setTimeout("playFeature(" + (startNumber) + ")", timeoutDuration);
	});
}