$(document).ready(function() {

	// Default features navigation
	$("#hpFeatures .default").prepend('<ul class="nav">\n<li class="prev">Prev</li>\n<li class="next">Next</li>\n</ul>\n');
	$("#hpFeatures .default").prepend('<ul class="list">\n</ul>\n');
	// Populate nav
	var n = 1;
	$("#hpFeatures .default div.item").each(function(){
		$(this).attr("id","f_"+n);
		$("#hpFeatures .default .list").append('<li>'+n+'</li>');
		n++;
	});
	// Determine start/end
	$("#hpFeatures .default div.item:first, #hpFeatures .default .list li:first").addClass("first current");
	$("#hpFeatures .default div.item:last, #hpFeatures .default .list li:last").addClass("last");
	$("#hpFeatures .default div:not(:first)").hide();
	// Next/Prev
	function nextItem(){
		if($("#hpFeatures .default div.current").hasClass(".last")){
			$("#hpFeatures .default div.current").fadeOut("slow").removeClass("current");
			$("#hpFeatures .default .list li.current").removeClass("current");
			$("#hpFeatures .default div.first").fadeIn("slow").addClass("current");
			$("#hpFeatures .default .list li.first").addClass("current");
		}else{
			$("#hpFeatures .default div.current:not(.last)").fadeOut("slow").removeClass("current")
			.next("div").fadeIn("slow").addClass("current");
			$("#hpFeatures .default .list li.current:not(.last)").removeClass("current")
			.next().addClass("current");
		}
	}
	function prevItem(){
		$("#hpFeatures .default div.current:not(.first)").fadeOut("slow").removeClass("current")
		.prev("div").fadeIn("slow").addClass("current");
		$("#hpFeatures .default .list li.current:not(.first)").removeClass("current")
		.prev().addClass("current");
	}
	$("#hpFeatures .default .nav .next").bind("click",function(){
		nextItem();
	});
	$("#hpFeatures .default .nav .prev").bind("click",function(){
		prevItem();
	});
	// List nav
	var i;
	$("#hpFeatures .default .list li").bind("click",function(){
		i = '#f_' + $(this).text();
		$("#hpFeatures .default div.current").fadeOut("slow").removeClass("current");
		$(i).fadeIn("slow").addClass("current");
		$("#hpFeatures .default .list li.current").removeClass("current");
		$(this).addClass("current");
	});
	
	// Start animation
	function slideshow(){
		setTimeout(function(){
			nextItem();
			slideshow();
		}, 5000);
	}
	slideshow();
	
	
	// Features
	$("#hpFeatures .feature").hide();
	var active = false;
	$("#hpFeatureList a:not(.active)").bind("mouseenter",function(){
		$("#hpFeatureList a").removeClass("active");
		$(this).addClass("active");
		$("#hpFeatures .feature, #hpFeatures .default").fadeOut();
		//var target = $(this).attr("href");
		var target = $(this).attr('id');
		target = '#' + target.substring(3, target.length);		
		$(target).fadeIn("slow");
		active = true;
		return false;
	});
	$("#hpFeatureContainer").mouseleave(function(){
		if(active == true){
			$("#hpFeatureList a").removeClass("active");
			$("#hpFeatures .feature, #hpFeatures .default").fadeOut("slow");
			$("#hpFeatures .default").fadeIn("slow");
			active = false;
		}
	});
	
	// Focus for IE
	$("a").focus(function(){
		$(this).addClass("focus");
	});
	$("a").blur(function(){
		$(this).removeClass("focus");
	});

});