var carouselPos	= 0;
var carouselRun = null;
var carouselOverlay;

// -----------------------------------------------------------
function update() {
	carouselPos++;
	oldPos		= carouselPos - 1;
	if (oldPos < 0){oldPos = 4};
	if (carouselPos > 4){carouselPos = 0};
	tmpLeft	= $('.top-posts').css('marginLeft');
	tmpLeft	= tmpLeft.replace("px","");

	marginPos	= 0 - (carouselPos * 475);
	marginStr	= marginPos;
	$(".top-posts").animate({marginLeft:marginStr},500);
	$(".post-title").eq(carouselPos).addClass('activetitle');
	$(".post-title").eq(oldPos).removeClass('activetitle');
}
// -----------------------------------------------------------
function clearOverlay(){
	$("#top-post-overlay").fadeOut(100, function(){
		$("#top-post-overlay").css("display","none");
	});
}
// -----------------------------------------------------------
function setOverlay(){
	$("#top-post-overlay").fadeIn(100);
}
// -----------------------------------------------------------

$(document).ready(function() {
	carouselRun = setInterval(update, 9000);
	$(".post-title").eq(0).addClass('activetitle');
});

$("#top-posts-container").live("mouseover", function(){
//The clear/setTimeouts keep the fading from happening every time the cursor moves over a different child element.
	clearTimeout(carouselOverlay);
	carouselOverlay = setTimeout(clearOverlay, 100);
	clearInterval(carouselRun);
	carouselRun = null;
});

$("#top-posts-container").live("mouseout", function(){
	clearTimeout(carouselOverlay);
	carouselOverlay = setTimeout(setOverlay, 100);
	carouselRun = setInterval(update, 9000);
});

$(".post-title").live("mouseover",function(){
	tmpPos		= $(this).attr("data-position");
	oldPos		= carouselPos;
	carouselPos	= tmpPos;
	marginPos	= 0 - (carouselPos * 475);
	marginStr	= marginPos;
	$(".top-posts").animate({marginLeft:marginStr},100);
	$(".post-title").eq(carouselPos).addClass('activetitle');
	$(".post-title").eq(oldPos).removeClass('activetitle');
});

$(window).bind("blur",function(){
	clearInterval(carouselRun);
	carouselRun = null;
});