var t;
var n = 1;
$(document).ready(function(){
	$("a.button").mouseover(function(event){
		$(".feature").hide();
		$('#f'+$(this).attr('name')).show();
		$('li.featureItem').removeClass('current');
		$(this).parents('li').addClass('current');
		clearTimeout(t);
	});
	$(".feature").mouseover(function(event){
		clearTimeout(t);
	});

	$(document).keypress(function(e){
		clearTimeout(t);
		var code = e.keyCode
		if(code == 37){
			// user presses the left arrow key
			showFeature(n-1);
		}else if(code == 39){
			// user presses the right arrow key
			showFeature(n+1);
		}
	});
	
	// Wait for 15 seconds
	t = setTimeout("cycleFeatures(1)",8000);

	//$("img[@alt='']").css("border", "2px solid red" );
});

function showFeature(i){
	var len = $('li.featureItem').length
	n = i
	if(n < 1) n = len
	if(n > len) n = 1
	$(".feature").hide();
	$('#ff'+n).show();
	$('li.featureItem').removeClass('current');
	$('[name=f'+n+']').parent('li').addClass('current');
	clearTimeout(t);
}

function cycleFeatures(i) {
	var len = $('li.featureItem').length
	if(i < 0) i = 0
	if(i+1 > len) i = 0
	j = i-1
	if(j < 0) j = len-1

	var old = "#ff"+(j+1);
	$(old).hide();
	var val = "#ff"+(i+1);
	$(val).fadeIn('slow');
	$('li.featureItem').removeClass('current');
	$('li.featureItem').eq(i).addClass('current');
	clearTimeout(t);
	t = setTimeout("cycleFeatures("+(i+1)+")",8000);
	n = i;
}