$(function() {
	initHomeViewer();
});

var wait = 4000;
var duration = 1750;
var currentHomeViewerImageSet = 'touring';
var currentHomeViewerImage = 0;
var homeViewerSlideShowTimeout;
// var homeViewerSlideShowSets = [
// 	{
// 		name: 'touring',
// 		active: true
// 	},
// 	{
// 		name: 'road',
// 		active: true
// 	},
// 	{
// 		name: 'mountain',
// 		active: true
// 	},
// 	{
// 		name: 'commuter',
// 		active: true
// 	},
// 	{
// 		name: 'tandem',
// 		active: true
// 	}
// ];

function initHomeViewer() {
	$('#homeviewer #viewercontrol ul.level1>li').mouseenter(function() {
		var imageName = $('a>img', this).attr('id').replace('vn_', '');
		$('a>img', this).attr('src', 'images/homeviewer/vn_'+imageName+'_over.png');
	}).mouseleave(function() {
		var imageName = $('a>img', this).attr('id').replace('vn_', '');;
		
		if (imageName != currentHomeViewerImageSet) $('a>img', this).attr('src', 'images/homeviewer/vn_'+imageName+'.png');
	});
	
	$('#homeviewer #viewerlink img').mouseenter(function() {
		$(this).attr('src', 'images/homeviewer/bikelink_'+currentHomeViewerImageSet+'_over.png');
	}).mouseleave(function() {
		$(this).attr('src', 'images/homeviewer/bikelink_'+currentHomeViewerImageSet+'.png');
	}).click(function() {
		window.location.href = basehref + 'bicycles/' + currentHomeViewerImageSet;
	});
	
	loadHomeViewerImageSet(currentHomeViewerImageSet)
}

function loadHomeViewerImageSet(imageSetName) {
	var numImages = $('#homeviewer #imageset_'+imageSetName+' img').length;
	
	
	$('#homeviewer .imageset').css('z-index', '1');
	$('#homeviewer #imageset_'+imageSetName).css('z-index', '5');
	
	$('#homeviewer .imageset img').stop();
	$('#homeviewer .imageset img:not(.active)').fadeOut();
	clearTimeout(homeViewerSlideShowTimeout);
	
	$('#homeviewer #viewersequence ul li:gt(0)').remove();
	$('#homeviewer #viewersequence img').attr('src', 'images/homeviewer/sequencedot.png');
	for (var i = 1; i < numImages; i++) {
		$('#homeviewer #viewersequence ul li:first').clone().insertAfter($('#homeviewer #viewersequence ul li:last'));
	}
	$('#homeviewer #viewersequence img').eq(0).addClass('over').attr('src', 'images/homeviewer/sequencedot_over.png');
	
	$('#homeviewer #viewerlink img').attr('src', 'images/homeviewer/bikelink_'+imageSetName+'.png');
	
	$('#homeviewer #viewernav img').each(function() {
		var imageName = $(this).attr('id');
		$(this).removeClass('over').attr('src', 'images/homeviewer/'+imageName+'.png');
	});
	$('#homeviewer #viewernav #vn_'+imageSetName).addClass('over').attr('src', 'images/homeviewer/vn_'+imageSetName+'_over.png');
	
	currentHomeViewerImageSet = imageSetName;
	currentHomeViewerImage = 0;
	revealHomeViewerImage(0);
}

function continueHomeViewerSlideShow() {
	var nextImage = currentHomeViewerImage + 1;
	var numImages = $('#homeviewer #imageset_'+currentHomeViewerImageSet+' img').length;
	var nextImageSet;
	
	if (nextImage > (numImages - 1)) {
		for (i in homeViewerSlideShowSets) {
			if (homeViewerSlideShowSets[i]['name'] == currentHomeViewerImageSet) {
				nextImageSet = parseInt(i) + 1;
			}
		}
		
		if (nextImageSet > i) nextImageSet = 0;
		
		homeViewerSlideShowTimeout = setTimeout(function() {
			loadHomeViewerImageSet(homeViewerSlideShowSets[nextImageSet]['name']);
		}, wait);
		
	} else {
		homeViewerSlideShowTimeout = setTimeout(function() {
			revealHomeViewerImage(nextImage);
		}, wait);
	}
}

function revealHomeViewerImage(nextImage) {
	$('#homeviewer .imageset img.active').css('z-index', '1');
	
	$('#homeviewer #viewersequence img').removeClass('over').attr('src', 'images/homeviewer/sequencedot.png');
	$('#homeviewer #viewersequence img').eq(nextImage).addClass('over').attr('src', 'images/homeviewer/sequencedot_over.png');
	
	$('#homeviewer #imageset_'+currentHomeViewerImageSet+' img').eq(nextImage).css('z-index', '5').fadeIn(
		duration,
		'easeOutQuint',
		function() {
			$('#homeviewer .imageset img.active').fadeOut(0).removeClass('active');
			$(this).addClass('active');
			currentHomeViewerImage = nextImage;
			continueHomeViewerSlideShow();
	});
}