function autoSlide() {
  if($slider.find("#slide-"+(currentSlide+1)).length == 0) {
    nextSlide = 0;
  } else {
    nextSlide = currentSlide+1;
  }
  
  gotoSlide(nextSlide);
 
}



function gotoSlide(slide) {
  currentSlide = slide;
	$slider.find(".slide").fadeOut(500).delay(500);
	
	// .slider left: -(720*slide) (animate)
	//slideLeft = -720 * slide
	//$sliderPull.animate({left:slideLeft});
	
	$slider.find("#slide-"+slide).fadeIn(600);
	
	// remove .current from all slidercontrols li
	$slideControls.find("li").removeClass("current");
	// set .current for "slide-*slide*"
	
	$slideControls.find('li a[href="#slide-' + slide + '"]').parent().addClass("current");

	return 0;
}

$(document).ready(function() {
  // Define the Slider
	$slider = $("#featured > .slider").parent();
	$sliderPull = $slider.find(".slider");
	$slideList = $slider.find("ul");
	$slideControls = $slider.find(".slider-controls");
  

  currentSlide = 0;


  autoNext = setInterval("autoSlide()",5000);


	$(".slider-controls a").click(function(event) {
    clearInterval(autoNext);
    
		var slide = $(this).attr("href");
		slide = slide.replace("#slide-", "");

   
    
		gotoSlide(slide);
		event.preventDefault();
		return 0;
	});
});