// --- begin preload highlighted tabs
$.fn.preload = function(){
	this.each(function(){
		$('<img/>')[0].src = this;
	});
}
$(['/images/layout/btn-books-select.png',
'/images/layout/btn-magazine-select.png',
'/images/layout/btn-shopnotes-select.png',
'/images/layout/btn-tips-select.png',
'/images/layout/btn-tv-show-select.png',
'/images/layout/btn-books-hover.png',
'/images/layout/btn-magazine-hover.png',
'/images/layout/btn-shopnotes-hover.png',
'/images/layout/btn-tips-hover.png',
'/images/layout/btn-tv-show-hover.png',
'/images/layout/btn-books.png',
'/images/layout/btn-magazine.png',
'/images/layout/btn-shopnotes.png',
'/images/layout/btn-tips.png',
'/images/layout/btn-tv-show.png',
'/images/layout/photo-books.jpg',
'/images/layout/photo-magazine.jpg',
'/images/layout/photo-shopnotes.jpg',
'/images/layout/photo-tips.jpg',
'/images/layout/photo-tv-show.jpg']).preload();
// ---- end preload highlighted tabs


// options
var slideTime = 3500; // time to stay on each slide
var autoStartSlides = 'yes'; // should slideshow autostart on load?


nextSlide = function() {

	
	if ($('#slideNav li a.select').parent().hasClass('lastSlide')) {
		$('#slideNav li a').removeClass('select');
		$('#slideNav li a:first').addClass('select');
		
		$('.slide').fadeOut();
		$('.slide:first').fadeIn();
	} else {
		activeName = $('#slideNav li a.select').parent().next().attr('title');
		$('#slideNav li a.select').parent().next().children($('a')).addClass('select');
		$('#slideNav li a.select:first').removeClass('select');
		$('.slide').fadeOut();
		$('.slide[title='+activeName+']').fadeIn();
	}
};

var theInt = null;
stopSlides = function() {
	clearInterval(theInt);
	if ($('.pausebutton').text() == 'Pause'){
		$('.pausebutton').click();
	}
};
startSlides = function() {
	clearInterval('theInt');
	theInt = setInterval(function() {
		nextSlide();
	}, slideTime);
};

startSlideshow = function() {	
	$('.slide:first').addClass('firstSlide');
	$('.slide:last').addClass('lastSlide');
	$('#slideNav li:first').addClass('firstSlide');
	$('#slideNav li:first a').addClass('select');
	$('#slideNav li:last').addClass('lastSlide');
	var activeName = $('.slide:first').attr('title');
	if (autoStartSlides == 'yes') {
		startSlides();
		$('.pausebutton').text('Pause');
	}
};

$(document).ready(function() {
	startSlideshow();

	$('#slideNav li').hover(function() {
		if ($(this).children($('a')).hasClass('select')) { 
			// don't do anything if it's already active
			stopSlides();
			return false; 
		} 
		
		stopSlides();
		activeName = $(this).attr('title');
		if ($('.slide:visible').is(':animated')){$('.slide:visible').stop(true,true);}
		
		$('.slide:visible').fadeOut();
		$('#slideNav li a').removeClass('select');
		$('.slide[title='+activeName+']').fadeIn();
		$(this).children().addClass('select');
	},function(){startSlidesAfterDelay();});
	
	
	
	$('.slide').hover(function(){
		stopSlides();},null);
	//},function(){startSlidesAfterDelay();}); //if used, this will start slideshow after rollout, but need to alter play button accordingly!
	
	
	
	
	$('.pausebutton').toggle(
		function() {
			$(this).text('Play');
			clearInterval(theInt);
			return false;
		},
		function() {
			$(this).text('Pause');
			nextSlide();
			startSlides();
			return false;
		}
	);
	
	
});

//function startSlidesAfterDelay(){
//	setTimeout(startSlides(),50);
//}