var rotation;
var fadeSpeed = 1000;
var timerFrequency = 6500;
function rotateCarouselForward(){
	//STOP THE TIMER
	clearInterval(rotation)
	$("#carousel_nav li").each(function(i){
		
		//FIND THE CURRENT ITEM IN THE CAROUSEL
		if($(this).hasClass("active"))
		{
			//IF THERE IS AN LI AFTER THE CURRENT LI
			if($("#carousel_nav li.carousel_nav_"+(i+2)).length>0)
			{
				//CHANGE THE ACTIVE NAVIGATION DOT TO THE NEXT DOT
				$(this).removeClass("active");
				$("#carousel_nav li.carousel_nav_"+(i+2)).addClass("active");
				
				//CHANGE THE ACTIVE SLIDE TO THE NEXT SLIDE
				$("#slide_wrapper li.slide_"+(i+1)).fadeOut(fadeSpeed);
				$("#slide_wrapper li.slide_"+(i+2)).fadeIn(fadeSpeed);
				return false;

			}
			else
			{
				//CHANGE THE ACTIVE DOT TO THE FIRST DOT
				$(this).removeClass("active");
				$("#carousel_nav li.carousel_nav_1").addClass("active");
				
				//CHANGE THE ACTIVE SLIDE TO THE FIRST SLIDE
				$("#slide_wrapper li.slide_"+(i+1)).fadeOut(fadeSpeed);
				$("#slide_wrapper li.slide_1").fadeIn(fadeSpeed);
				return false;

			}
		}
	});
	//RESTART THE TIMER
	rotation = setInterval("rotateCarouselForward()",timerFrequency)
}

function rotateCarouselBack(){
	//STOP THE TIMER
	clearInterval(rotation)
	$("#carousel_nav li").each(function(i){
		
		//FIND THE CURRENT ITEM IN THE CAROUSEL
		if($(this).hasClass("active"))
		{
			//IF THERE IS AN LI BEFORE THE CURRENT LI
			if($("#carousel_nav li.carousel_nav_"+(i)).length>0)
			{
				//CHANGE THE ACTIVE NAVIGATION DOT TO THE PREVIOUS DOT
				$(this).removeClass("active");
				$("#carousel_nav li.carousel_nav_"+(i)).addClass("active");
				
				//CHANGE THE ACTIVE SLIDE TO THE PREVIOUS SLIDE
				$("#slide_wrapper li.slide_"+(i+1)).fadeOut(fadeSpeed);
				$("#slide_wrapper li.slide_"+(i)).fadeIn(fadeSpeed);
				return false;

			}
			else
			{
				//CHANGE THE ACTIVE NAVIGATION DOT TO THE LAST DOT
				$(this).removeClass("active");
				$("#carousel_nav li.carousel_nav_"+$("#carousel_nav li").length).addClass("active");
				
				//CHANGE THE ACTIVE SLIDE TO THE LAST SLIDE
				$("#slide_wrapper li.slide_"+(i+1)).fadeOut(fadeSpeed);
				$("#slide_wrapper li.slide_"+$("#carousel_nav li").length).fadeIn(fadeSpeed);
				return false;

			}
		}
	});
	//RESTART THE TIMER
	rotation = setInterval("rotateCarouselForward()",timerFrequency)
}

//ON PAGE LOAD
$(document).ready(function(){
	
	// CREATE A NAVIGATION DOT FOR EACH LI IN THE SLIDE_WRAPPER
	$("#slide_wrapper li").each(function(i){
		$(this).addClass("slide_" + (i+1));
		if(i==0)
		{
			$("#carousel_nav").append('<li class="carousel_nav_'+(i+1)+' active"><a href="#"></a></li>');
		}
		else
		{
			$("#carousel_nav").append('<li class="carousel_nav_'+(i+1)+'"><a href="#"></a></li>');
		}
	});
	//START THE TIMER
	rotation = setInterval("rotateCarouselForward()",timerFrequency)
	
	//ONLY SHOW THE NAVIGATION ELEMENTS FOR THE CAROUSEL IF JAVASCRIPT IS ON
	$("#carousel_nav,#nextBtn,#prevBtn").show();
	
	//CENTER THE NAVIGATION DOTS
	$("#carousel_nav").css({"margin-left": -(($("#carousel_nav").width()-5)/2), left:"50%"});
	
	$("#nextBtn a").click(function(){
		rotateCarouselForward();
		//STOP DEFAULT ACTION OF "A" TAG
		return false;
	});
	
	$("#prevBtn a").click(function(){
		rotateCarouselBack();
		//STOP DEFAULT ACTION OF "A" TAG
		return false;
	});
	
	$("#carousel_nav a").click(function(){
		//PARSE CLASS TO ATTAIN NUMBER
		var theClass = $(this).parent().attr("class");
		var theItemsClass = theClass.split(" ");
		var theItemNumber = theItemsClass[0].split("_");
		
		//IF THE CLICKED NAVIGATION DOT IS NOT THE CATIVE NAVIGATION DOT
		if(!$("."+theClass).hasClass("active"))
		{
			//STOP THE TIMER
			clearInterval(rotation);
			
			//SET CURRENT NAVIGATION DOT AND SET CURRENT SLIDE
			$("#slide_wrapper li").fadeOut(fadeSpeed);
			$("#carousel_nav li").removeClass("active");
			$("#slide_wrapper li.slide_"+theItemNumber[2]).fadeIn(fadeSpeed);
			$("#carousel_nav li.carousel_nav_"+theItemNumber[2]).addClass("active");
			
			//RESTART THE TIMER
			rotation = setInterval("rotateCarouselForward()",timerFrequency)
		}
		//STOP DEFAULT ACTION OF "A" TAG
		return false;
	});
});
