﻿var _selectedItem = 0;
var _totalItems;
var _timer;
var _timerActive;
var _itemTimer;
var _readMoreText;

$(document).ready(function() {
	$(".featureList .item").bind("mouseover", itemMouseOverHandler);
	$(".featureList .item").bind("mouseout", itemMouseOutHandler);

	$("#btnPrevious").bind("click", prevFeature);
	$("#btnPlay").bind("click", stopTimer);
	$("#btnNext").bind("click", nextFeature);

	// get total items
	if (_totalItems <= 1) {
		$("#featureControls").fadeOut();
	} else {
		// start timer
		_timerActive = true;
		startTimer();
	}

	$("#introMessage").hide();
	// load first item
	displayItem(1);

});
function itemMouseOverHandler() {
	var index = $(".featureList .item").index(this) + 1;
	_itemTimer = setTimeout(function() {
		displayItem(index);
	}, 500);
}
function itemMouseOutHandler() {
	// item mouse out code
	clearTimeout(_itemTimer);
}
function startTimer() {
	$("#btnPlay").html("Pause");
	_timer = setInterval("nextFeature()", 10000);
	_timerActive = true;
}
function stopTimer() {
	$("#btnPlay").bind("click", startTimer);
	$("#btnPlay").html("Play");
	clearInterval(_timer);
	_timerActive = false;
}
function nextFeature() {
	var newItem = _selectedItem + 1;
	if (newItem > _totalItems) newItem = 1;
	displayItem(newItem);
}
function prevFeature() {
	var newItem = _selectedItem - 1;
	if (newItem < 1) newItem = _totalItems;
	displayItem(newItem);
}
function displayItem(ITEM) {
	var item = ITEM - 1;
	// if timer is playing stop timer
	if (_timerActive) { clearInterval(_timer) };
	// reset previous selected item
	$("#featureItems .title:eq(" + (_selectedItem - 1) + ")").removeClass("selected");
	//$("#featureItems #item_" + _selectedItem + " .title").removeClass("selected");
	// hide previous selected item
	$(".featuredItem").hide();
	//$("#featuredItem_" + _selectedItem).css("display: none;");

	$("#featuredItem_" + item).css("display: block;");
	$("#featuredItem_" + item).show();

	$("#featuredItem_" + item).click(function() { location.href = $("#featureItems .item:eq(" + item + ") .title a").attr("href"); });
	$("#featuredItem_" + item + " a span").remove();
	$("#featuredItem_" + item + " a b").remove();
	$("#featuredItem_" + item).fadeIn("slow", null);
	$("#featureItems #item_" + item + " .title").addClass("selected");
	_selectedItem = ITEM;
	if (_timerActive) startTimer();

	// hide image if src=""
	var imgSrc = $("#featuredItem img").attr("src");
	if (imgSrc == "") {
		$("#featuredItem img").hide();
	}
}