// Dartbank Homepage Banner
// copyright blohmcreative.com
// web@blohmcreative.com
// 3/2011

var slideTime = 8500;
var fadeSpeed = 500;
var bannerNavCount = 0;
var bannerSlideCount = 0;

$(document).ready(function() {

  var playSlides = setInterval("rotateSlides()", slideTime);  
  // build the slide navigation 

  $('.slides li').each(function(){
    bannerNavCount++;
    
    $('.slideNav').append('<li>'+bannerNavCount+'</li>');
    // loop through slides and see if match
    $('.slides li').each(function(){
      
      bannerSlideCount++;
      // new stuff?
      if (bannerNavCount == bannerSlideCount) {
        var linkTitle = $(this).find('h2').html();
        $('.slideNav li').append('<a>'+linkTitle+'</a>');
      }
      // end new stuff
    });
    
    
    
  });
  
  // set first list item to active
  $('.slideNav li:first').addClass('current');

  // set width of list items
  var totalWidth = $('#HomepageBanner2011 .slideNav').width();
  var listWidth = (totalWidth / bannerNavCount);
  $('.slideNav li').width(listWidth);

  // add linking to list items
  // add class first
  bannerNavCount = 0;
  bannerSlideCount = 0;
  
  $('.slideNav li').each(function() {
    bannerNavCount++;
    $(this).addClass('part'+bannerNavCount);
  });
  $('.slides li').each(function() {
    bannerSlideCount++;
    $(this).addClass('part'+bannerSlideCount);
  });

  // compare classes
  $('.slideNav li').click(function() {
    var listClass = $(this).attr("class");
    //alert(listClass);
    $('.slides li').each(function() {
     var slideClass = $(this).attr('class').split(' ').slice(-1);
     if (slideClass == listClass){
       $('.slides li').removeClass('current');
       $(this).addClass('current');
       }
    });
    $('.slideNav li').removeClass('current');
    $(this).addClass('current');
    clearInterval(playSlides);
    //playSlides = setInterval("rotateSlides()", slideTime);
    // reset timer  
  }); 
  
  // add pause  
  $('#HomepageBanner2011').hover(function(){
      clearInterval(playSlides);
    },
    function() {
      playSlides = setInterval("rotateSlides()", slideTime);
      //alert(playSlides);
  });
// end function
});
  
// animate function  
function rotateSlides() {
  var oCurSlide = $('.slides li.current');
  var oNxtSlide = oCurSlide.next();
  if (oNxtSlide.length == 0)
    oNxtSlide = $('.slides li:first');
  
  oCurSlide.removeClass('current').addClass('previous');
  oNxtSlide.css( {opacity:0.0} ).addClass('current').animate( {opacity:1.0} ,fadeSpeed, function() {
      oCurSlide.removeClass('previous');
    }); 
  
  // toggle the nav stuff
  var oCurNav = $('.slideNav li.current');
  var oNxtNav = oCurNav.next();
  if (oNxtNav.length ==0)
    oNxtNav = $('.slideNav li:first');  
    oCurNav.removeClass('current');
    oNxtNav.addClass('current');
}