// JavaScript Document

var currentID = 0;
var animationRunning = false;

function setCarousel(itemID){
	currentID = itemID;
	$("#carouselImage"+itemID).fadeIn(0);
	document.getElementById("carouselTitle"+itemID).style.color="#9DB01B";
	document.getElementById("title"+itemID+"link").style.display="";
	document.getElementById("title"+itemID).style.display="none";
}

function unsetCarousel(itemID){
	$("#carouselImage"+itemID).fadeOut(0);
	document.getElementById("carouselTitle"+itemID).style.color="#B2AAA8";
	document.getElementById("title"+itemID+"link").style.display="none";
	document.getElementById("title"+itemID).style.display="";
}

function scrollCarousel(direction) {
	var distance = 167 * direction;
	var speed = 500;
	if (!animationRunning) {
		animationRunning = true;
		if (currentID==3 && direction==1) {
			setCarousel(9);
			document.getElementById("carouselInner").style.left="-1002px";
			unsetCarousel(3);
			currentID = 9;
		}
		if (currentID==9 && direction==-1) {
			setCarousel(3);
			document.getElementById("carouselInner").style.left="0px";
			unsetCarousel(9);
			currentID = 3;
		}
		$("#carouselInner").animate({left:'+='+distance},speed, 'easeOutQuad');
		$("#carouselImage"+currentID).fadeOut(speed);
		$("#carouselTitle"+currentID).animate( {color:"#B2AAA8"},speed);
		document.getElementById("title"+currentID+"link").style.display="none";
		document.getElementById("title"+currentID).style.display="";
		currentID-=direction;
		$("#carouselImage"+currentID).fadeIn(speed);
		$("#carouselTitle"+currentID).animate( {color:"#9DB01B"},speed, function () { animationRunning = false; document.getElementById("title"+currentID+"link").style.display=""; document.getElementById("title"+currentID).style.display="none";})
	}
}