var animatedHomeBanners;
 
function makeNav(bannerContainer, banners) {
    var banners = $(banners);
    
    if (banners.size() > 1) {
        bannerNav = $('<ul id="slideshow-nav"></ul>');
        var j = 1;
        for (var i = 0; i < banners.size(); i++) {
            var currentId = $(banners[i]).attr('id');
            bannerNav.append('<li><a href="#' + currentId + '">' + j + '</a></li>');
            j++;
        }
        $(bannerContainer).append(bannerNav);
    }
}
 
function animateHomeBanners() {
    var banners = $('#home-banners .banner');
    var bannerNav = $('#home-banners ul#slideshow-nav a');
    
    var visibleBanner = banners.filter(':visible');
    var targetIndex = (banners.index(visibleBanner) == (banners.size() - 1)) ? 0 : banners.index(visibleBanner) + 1;
    var targetBanner = banners.eq(targetIndex);
    
    visibleBanner.fadeOut(600);
    targetBanner.fadeIn(600);
 
    bannerNav.removeClass('current');
    bannerNav.eq(targetIndex).addClass('current');
}
 
$(document).ready(function() {
  var bannerContainer = $('#home-banners');
  var banners = $('#home-banners .banner');
  
  makeNav(bannerContainer, banners);
  
  var bannerNav = $('#home-banners #slideshow-nav li a');
  
  banners.hide().filter(':first').show();
  bannerNav.filter(':first').addClass('current');
 
  bannerNav.click(function(event) {
    event.preventDefault();
    clearInterval(animatedHomeBanners);
    
    if (!$(this).hasClass('current')) {
      banners.filter(':visible').fadeOut(600);
      banners.filter(this.hash).fadeIn(600);
      bannerNav.removeClass('current');
      $(this).addClass('current');
    }
  });
  
  //Stop animated rotating if user clicks a form
  $('#home-banners form input[type="text"]').focus(function () {
  	clearInterval(animatedHomeBanners);
  });
  
  
  if (bannerNav.length > 1) animatedHomeBanners = setInterval('animateHomeBanners()', 8500);
 
});