// homepage slides
$(function(){
	var speed    = 400;
	var feature  = $('#homepage_feature');
	var controls = feature.find('.navigation li'); 
	var imageContainer = feature.find('.images');
	var images   = feature.find('.images img');
	var slides   = feature.find('.content .slide');
	var total    = slides.length;
	var active   = 0;
	var paused   = false;

	var goToSlide = function(index){
		controls.removeClass('active');
		controls.eq(index).addClass('active');
		slides.removeClass('active');
		slides.eq(index).addClass('active');
		
		var imageOffset = images.eq(index).position().left;

		imageContainer.animate(
			{'margin-left': '-'+imageOffset+'px'}, speed
		);	

		active = index;
	};

	controls.find('a').click(function(){
		clearInterval(autoslide);
		var control = $(this).parent();
		var index   = controls.index(control);
		goToSlide(index);
	});

	var autoslide = setInterval(function(){
		if (paused) { return; }
		var index = (active+1  > total-1) ? 0: active+1;
		goToSlide(index);
	}, 10000);
	
	$(window).blur(function(){
		paused = true;
	});

	$(window).focus(function(){
		paused = false;
	});
});