var carouselCurrentBox = 3;
var carouselNoOfBoxes = 0;
function initCarousel()
{
	carouselNoOfBoxes = $(".carousel .box").length;
	$(".carousel").addClass("carouselJS");
	
	$(".carousel").append("<div id='carouselMap'></div>")
	for (var i=0; i<carouselNoOfBoxes; i++)
	{
		if (i>=3)
		{
			$("#carouselMap").append("<img src='../images/eon2/carouselMapItem.gif' onclick='carouselGotoBox(" + i + ");' alt='' />");
		}
		else
		{
			$("#carouselMap").append("<img src='../images/eon2/carouselMapItem.gif' onclick='carouselGotoBox(" + i + ");' class='current' alt='' />");
		}
	}
}
function carouselTurnPage(steps)
{
	$(".carouselPrev").removeClass("carouselArrowDisabled");
	$(".carouselNext").removeClass("carouselArrowDisabled");
	var carouselTargetBox = carouselCurrentBox;
	if (steps > 0)
	{
		if( carouselTargetBox <= carouselNoOfBoxes )
		{
			carouselTargetBox += steps;
			if( carouselTargetBox >= carouselNoOfBoxes )
			{
				carouselTargetBox = carouselNoOfBoxes;
				$(".carouselNext").addClass("carouselArrowDisabled");
			}
		}
	}
	else{
		if( carouselTargetBox >= 3 )
		{
			carouselTargetBox += steps;
			if (carouselTargetBox <= 3)
			{
				carouselTargetBox = 3;
				$(".carouselPrev").addClass("carouselArrowDisabled");
			}
		}
	}
	
	if(carouselCurrentBox != carouselTargetBox)
	{
		carouselMove(carouselTargetBox);
		carouselCurrentBox = carouselTargetBox;
		updateCarouselMap(carouselCurrentBox);
	}
}

function carouselGotoBox(targetBox)
{
	var steps = targetBox - carouselCurrentBox + 3;
	carouselTurnPage(steps)
}

function carouselMove(targetBox)
{
	$(".carouselBoxes").animate({ 
		left: -(312 * (targetBox-3)) + 32 + "px"
		}, 800,"easeinout" );
}

function updateCarouselMap(targetBox)
{
	var mapImages = $("#carouselMap img");
	for (var i=0; i<mapImages.length; i++)
	{
		if (i<(targetBox-3) || i>(targetBox-1))
		{
			$(mapImages[i]).removeClass("current");
		}
		else
		{
			$(mapImages[i]).addClass("current");
		}
	}
}

$(document).ready(function(){
	initCarousel()
});