var items;
var slider;

function doSlider(){
	var maxLeft = (items.length-2)* items.innerWidth() * -1;

	var currentIndex = Math.floor(Math.abs(parseFloat(slider.css("left")))/980)+1;
	/*console.log(currentIndex);*/
	$('.sliderControls li a.current').removeClass("current");
	
	if (currentIndex == (items.length-1))
		currentIndex = 0;

	$('.sliderControls li:nth-child('+(currentIndex+1)+') a').addClass("current");

	
	if (parseFloat(slider.css("left")) == maxLeft) 
		slider.animate({
			left: '-=980' },
			1000, 'easeOutQuint', function() {
				slider.css("left","0");		
			});		
	else
		slider.animate({
			left: '-=980' },
			1000, 'easeOutQuint', function() {
				
			});
}

$(document).ready(function() {
	items = $('#headline .headlineList li');
	slider = $('#headline .headlineList');

	slider.css("position","relative");
	slider.css("left","0px");
	slider.css("top","0px");
	
	items.first().clone(true).appendTo(slider);
	items = $('#headline .headlineList li');
	
	slider.css("width", items.innerWidth()*items.length);
	
	$('.sliderControls a').click(function() {
	  //alert('Handler for .click() called.');
	  console.log($(this).parent().index());

	  var newLeft = $(this).parent().index() * -980;

	  $('.sliderControls li a.current').removeClass("current");
	  $(this).addClass("current");


	  slider.stop().animate({
		  left: newLeft },
		  1000, 'easeOutQuint', function() {
		  });	  
	  return false;
	});
	
	interval = setInterval(doSlider,7000);
});