var singleWidth = 963;
var tabslider;

$(function() {
	var tabslider = $("#tabSlider")
	var totwidth = 0;
	var leftVal = 0;
	$("#homeTabs").find(".tabLink").each(function(i){
		totwidth += singleWidth;
		$(this).click(function(){
			moveTab(i,true)
		});
	});
	$(".tabLink:eq(0)").addClass("selected");
	tabslider.width(totwidth);
	startTabs();
});

var interval,num;
num = 1;

function startTabs(){
	//interval = setInterval("moveTab(num, false)", 10000); //alter time (ms) between each tab change
}

function moveTab(tabNum, cleared){
	$(".tabLink:not(:eq("+tabNum+"))").removeClass("selected");
	$(".tabLink:eq("+tabNum+")").addClass("selected");
	leftVal = singleWidth * tabNum;
	$("#tabSlider").animate({
		"left": "-" + leftVal + "px"
	},500);
	num+=1;
	if(num>=4)(num=0);
	
	if(cleared){
		clearInterval(interval);
	}
}