// Homepage slideshow system
var
	currentImage, 
	currentIndex = -1,
	myTimer;

$(document).ready(function () {

	setupSlideshow();
});


function setupSlideshow() {
	
	//add loading
	//$('#home-slideshow').append('<div class="loading-box"><span>loading</span></div>');
	
	$('div#navigation .nav-wrapper').append('<a class="back">&larr; Previous</a>');
	
	//remove loading
	//$('#slideshow div.loading-box').remove();
	
	
	$('div#home-slideshow > figure').each(function (index, domEle) {
		
		$('div#navigation .nav-wrapper').append('<a class="number">' + ($(domEle).index() + 1) + '</a>');
		
	})
	
	$('div#navigation .nav-wrapper').append('<a class="next">Next &rarr;</a>');
	
	//load first image
	showNext(true); 
	
	
	$(window).load(function(){
		
		initNavigation();
		
	})
	
	
}

function initNavigation(){
	
	$('div#navigation a.number').addClass('enabled');
	
	// setup navigation via clicking on thumbs					
	$('div#navigation a.number').each(function (index, domEle) {

		$(domEle).bind('click', function () {
			$('div#navigation a').removeClass('active');
			$('div#navigation a.number').eq(parseInt($(domEle).text()) - 1).addClass('active');

			showImage(parseInt($(domEle).text()) - 1, false, 300);

		})
	})
	
	$('div#navigation a.back').click(function () {
		var len = $('div#navigation a.number').length;
		var next = currentIndex > 0 ? currentIndex - 1 : len - 1;
		showImage(next, 300);
		return false;
	});
	$('div#navigation a.next').click(function () {
		var len = $('div#navigation a.number').length;
		var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
	
		showImage(next, false, 300);
		return false;
	});
}


// Hide unused slider navigation buttons
function disableUnusedButtons() {
	
	currentIndex == 0 ? $('div#navigation a.back').removeClass('enabled') : $('div#navigation a.back').addClass('enabled');
	currentIndex == $('div#navigation a.number').length - 1 ?  $('div#navigation a.next').removeClass('enabled') : $('div#navigation a.next').addClass('enabled');
	
}

// Show main image

function showImage(index, firstTime, speed) {
	var indexImage = $('.imageNav li')[index]

	currentImage = indexImage;
	currentIndex = index;

	$('div#navigation a.number.last-active').removeClass('last-active');
	if (!firstTime) $('div#navigation a.number.active').addClass('last-active');
	$('div#navigation a.number').removeClass('active');
	$($('div#navigation a.number')[index]).addClass('active');

	
	
	$('div#home-slideshow > figure').stop();
	
	disableUnusedButtons();
	
	$($('div#home-slideshow > figure')[index]).css({
		'z-index': 8,
		'opacity': 0
	}).fadeTo(speed, 1, function () {

		$('div#home-slideshow > figure').css({
			'z-index': 6,
			'display': 'none'
		})
		$($('div#home-slideshow > figure')[index]).css({
			'z-index': 7,
			'display': 'block'
		});
	});




	clearTimeout(myTimer);
	myTimer = setTimeout("showNext(false)", 6500);


}

// Change slide

function showNext(firstTime) {

	var len = $('div#navigation a.number').length;
	var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;

	showImage(next, 'firstTime', 1500);

}