var timerOn = true;
var idx = 0;
var numberOfSlides = 0;

$(document).ready(function() {

	$('#slides li:not(:first)').hide();
	$('#slideshow-caption li:not(:first)').hide();
	
	numberOfSlides = $('#slides').children('li').length;
	
	startTimer();

	$('#slideshow-nav li').hover(function() {
		killTimer();
		idx = $('#slideshow-nav > li').index($(this));
		changeSlides(idx);
	}, function() {restartTimer();});
	
	$('#slides li').hover(function() {
		killTimer();
	}, function() {restartTimer();});
	$('#slideshow-caption li').hover(function() {
		killTimer();
	}, function() {restartTimer();});
	
});


function changeSlides(vIdx) {
	$('#slideshow-nav > li:nth-child(' + (vIdx + 1) + ')').addClass('active').siblings('li').removeClass('active');
	$('#slideshow li').eq(idx).stop(true, true).fadeIn().siblings('li').fadeOut();
	$('#slideshow-caption li').eq(idx).stop(true, true).fadeIn().siblings('li').fadeOut();
}


// function startTimer() {
// 	$('#slideshow-nav > li.active').delay(7000).show(0, function(){
// 		idx++;
// 		if (idx >= numberOfSlides) {
// 			idx = 0;
// 		}
// 		if (timerOn) {
// 			changeSlides(idx);
// 			startTimer();
// 		}
// 	});
// }

function startTimer() {
	$.data(this, 'timer', setTimeout(function() {
		$('#slideshow-nav > li.active').show(0, function(){
			idx++;
			if (idx >= numberOfSlides) {
				idx = 0;
			}
			if (timerOn) {
				changeSlides(idx);
				startTimer();
			}
		});
	}, 7000));
}


function killTimer() {
	clearTimeout($.data(this, 'timer'));
	timerOn = false;
}

function restartTimer() {
	if (timerOn == false) {
		clearTimeout($.data(this, 'timer'));
		timerOn = true;
		startTimer();
	}
}