var currentlySelected = 1;
var nextSlide = 2;
var navListClass = 'featuredNav';
var panelClass = 'mainDisplay';
var numPanels = 0;
var slideShowId = 0;

$(document).ready(function() {
	setUpSlideShow();
});

function setUpSlideShow() {
	numPanels =  $('.' + navListClass + ' > li').length;	
	// hide panels
	$('.panelHide').hide();
	// bind navigation hover actions
	bindNav(navListClass);
	// bind panel hover actions
	bindPanel(panelClass);
	resumeSlideShow();
}

function pauseSlideShow(){
	clearInterval(slideShowId);
}

function resumeSlideShow(){
	// start slideshow
	slideShowId = setInterval('slideShow()',8000);	
}

function slideShow() {
	nextSlide = currentlySelected + 1;
	if (nextSlide > numPanels)
	{
		nextSlide = 1;
	}
	switchSlide(nextSlide);	
};

function switchSlide (slideid) {
	if (currentlySelected != slideid)
	{
		$('.currentTab').removeClass('currentTab');
		$('.panelShow').fadeOut(350);
		$('.panelShow').addClass('panelHide');
		$('.panelShow').removeClass('panelShow');
		currentlySelected = slideid;
		$('#tab-' + slideid).addClass('currentTab');
		$('#panel-' + slideid).fadeIn(350);
		$('#panel-' + slideid).addClass('panelShow');
		$('#panel-' + slideid).removeClass('panelHide');
	}
}

function bindNav (listClass){
	navListClass = listClass;
	$('.' + listClass + ' > li').hover(
	  function () {
	  	var targetSlide = parseInt($(this).attr('id').replace('tab-',''));
		switchSlide(targetSlide);
		// pause slideshow
		pauseSlideShow();
	  }, 
	  function () {
	    	// hover out
			resumeSlideShow() 
	  }
	);
}

function bindPanel (panelClass){
	$('.' + panelClass).hover(
	  function () {
		// pause slideshow
		pauseSlideShow();
	  }, 
	  function () {
	    	// hover out
			resumeSlideShow() 
	  }
	);
}