$('html').addClass('js');

// -------- Functions
$(function(){
	var container = $('#slideshow'),
	caption = container.find('p.caption'),
	paginator = caption.prev();

	// Init
	caption.text($('#slideshow img:first').addClass('selected').attr('alt'));
	paginator.find('li:first a').addClass('selected');
	
	$('#slideshow ul.paginator li a').bind('click', function(){
		// Only action on hidden elements
		if (!$(this).hasClass('selected')){
			var context = $(this),
			i = parseInt(context.text(), 10) - 1,
			prevImg = paginator.find('li a.selected').removeClass('selected');
			prevImg = parseInt(prevImg.text(), 10) - 1;
			// Pass img array keys
			changeSlide(i, prevImg);
			context.addClass('selected');
		}
		return false;
	});
	
	function changeSlide(nextImg, prevImg){
		// Find images
		var nextImg = container.find('img:eq(' + nextImg + ')'),
		prevImg = container.find('img:eq(' + prevImg + ')');
		// Transition
		nextImg.removeClass('off').show();
		prevImg.fadeOut(function(){
			$(this).addClass('off').removeClass('selected');
			caption.text(nextImg.addClass('selected').attr('alt'));
		});
	}
});


$(function(){
	// Homepage transitions
	
	var container = $('#content ul.features'),
	intval = 0;
	
	// Start by animating
	if(container.find('img').length>3)if(intval === 0){intval = window.setInterval(fadeImages, 3500)}	
	
	function fadeImages(){
		var activeImages = container.find('img:not(.off)');
		activeImages.each(function(){
			var context = $(this);
			if(context.next().hasClass('off')){
				context.next().css('zIndex','1').show().removeClass('off');
			}else{
				context.parent().find('img:first').show().removeClass('off');
			}
			context.css('zIndex', '999').fadeOut(1000, function(){
				context.addClass('off');
			});
			
		});
	}
});