var currentFeature = 1;
var intervalID;
var intervalDelay = 6000;
var mainContainer, items, navItems;

$(init_featuredContent);


function init_featuredContent (){

	mainContainer = $("#featured-content");
	items = $(".feature-items li", mainContainer);
	navItems = $(".feature-nav li a", mainContainer);
		
	$(navItems).click(navClick);
	intervalID = setInterval("intervalChange()", intervalDelay);

}


function intervalChange(){
	var nextIndex = (currentFeature + 1 > items.length) ? 1 : currentFeature + 1 ;
	changeContent(nextIndex);
}


function navClick (){
	if ($(this).hasClass("selected")) return false;
	
	var index = parseFloat($(this).attr("rel"));
	clearInterval(intervalID);
	changeContent(index);
	return false;
}



function changeContent (nextIndex){
	var currentItem = $(items[currentFeature-1]),
		newItem = $(items[nextIndex-1]);
		
	$(navItems).click(function (){return false;});
		
	$(currentItem).fadeOut("slow", function (){
		$(currentItem).removeClass("selected");
		$(navItems).removeClass("selected");
		$(newItem).fadeIn("slow", function (){$(this).addClass("selected");});
		$(navItems[nextIndex-1]).addClass("selected");
		$(navItems).click(navClick);
		currentFeature = nextIndex;
	});
}