var curFeature=0;
var featureScroller;
$(document).ready(function(){
	featureScroller=setInterval(function(){
		showNext();
	},10000);
	$('#feature').hover(function(){
		clearInterval(featureScroller);
	},function(){
		featureScroller=setInterval(function(){
			showNext();
		},5000);
	});
});
function showNext(){
	if (curFeature<4)
		curFeature++;
	else
		curFeature=0;
	showFeature(curFeature);
}
function showFeature(i)
{
	var left=-i*770;
	$('#features').animate({left:left},500);
	curFeature=i;
	$('#tabs li.active').removeClass('active');
	$('#tabs li').eq(curFeature).addClass('active');
}
