var animatedBanners;
 
function makeNav() {
  var slides = $('#home-featured ul li');
  if (slides.size() > 1) {
      slidesNav = $('<ol id="slide-nav"></ol>');
      var j = 1;
      for (var i = 0; i < slides.size(); i++) {
          var currentId = $(slides[i]).attr('id');
          slidesNav.append('<li><a href="#' + currentId + '">' + j + '</a></li>');
          j++;
      }
      $('#home-featured').append(slidesNav);
  }
}
 
function animateSlides() {
  var slides = $('#home-featured ul li');
  var slideNav = $('#home-featured ol#slide-nav a');
  var visibleSlide = slides.filter(':visible');
  var targetIndex = (slides.index(visibleSlide) == (slides.size() - 1)) ? 0 : slides.index(visibleSlide) + 1;
  var targetSlide = slides.eq(targetIndex);
  visibleSlide.fadeOut(900);
  targetSlide.fadeIn(900);
  slideNav.removeClass('current');
  slideNav.eq(targetIndex).addClass('current');
}
 
$(document).ready(function() {
  makeNav();

  var slideContainers = $('#home-featured ul li');
  var slideNav = $('#home-featured ol#slide-nav a');
  slideContainers.hide().filter(':first').show();
  slideNav.filter(':first').addClass('current');
  
  slideNav.click(function (event) {
    event.preventDefault();
    clearInterval(animatedSlides);    
    if (!$(this).hasClass('current')) {
      slideContainers.filter(':visible').fadeOut(900);
      slideContainers.filter(this.hash).fadeIn(900);
      slideNav.removeClass('current');
      $(this).addClass('current');
    }
  });
  if (slideNav.length > 1) animatedSlides = setInterval('animateSlides()', 8000);

});