var current_image = 0;
var image_width = 206;
var delay = 4000;
var interval =0;

$(document).ready(function() 
{ 

	//$(".carousel .images a img:eq(1)").hide();
	//$(".carousel .images a img:eq(2)").hide();
	
	$(".carousel .right-btn").css("cursor","pointer").click(function()
	{
		nextImage();
	});
	$(".carousel .left-btn").css("cursor","pointer").click(function()
	{
		previousImage();
	});
	// events for left/right navigation

	$(document).keydown(function(e)
	{
			  if(e.keyCode == 37) 
			  { // left
				previousImage();
			  }
			  else if(e.keyCode == 39) 
			  { // right	  
				nextImage();
	}});
	interval = setInterval("nextImage()", delay);
	//image_width = $(".carousel .images a img:eq(0)").width();
	
});


function nextImage()
{
		// reset the interval
		clearInterval(interval);
		interval = setInterval("nextImage()", delay);
		
		if(current_image<getImgCount()-1)
		{
			$(".carousel .images").animate({opacity:0.5,"left":"-="+image_width+""}, 500, "swing");
			$(".carousel .images").animate({opacity:1}, 250, "swing").delay(250);
			current_image++;
		}else
		{
			$(".carousel .images").animate({"left":"0"}, 500, "swing");
			current_image =0;
		}
}
function previousImage()
{
		// reset the interval
		clearInterval(interval);
		interval = setInterval("nextImage()", delay);
		
		if(current_image>0)
		{
			$(".carousel .images").animate({opacity:0.5,"left":"+="+image_width+""}, 500, "swing");
			$(".carousel .images").animate({opacity:1}, 250, "swing").delay(250);
			current_image--;
		}else
		{
			var endPosition = image_width*(getImgCount()-1);
			$(".carousel .images").animate({"left":"-="+endPosition}, 500, "swing");
			current_image =getImgCount()-1;
		}
		
		
		
}


function getNextImg()
{
		if(current_image>= getImgCount()-1)
		{
			return $(".carousel .images a:eq(0)");
		}
		
		return $(".carousel .images a:eq("+(current_image +1)+")");
}

function getPreviousImg()
{
		if(current_image<=0)
		{
			return $(".carousel .images a:eq("+(getImgCount()-1)+")");
		}
		
		return $(".carousel .images a:eq("+(current_image -1)+")");;
}
function getCurrentImage()
{
	return 	$(".carousel .images a:eq("+current_image+")")
}

/**
* Returns then number of images in the html for this
* carousel element
*/
function getImgCount()
{
	return 	$(".carousel .images a").size();
}