/**
 * Utility to enable banner switching on the traxx pages.
 */

var BannerHandler = {

  init: function()
  {
    var images = $('#banner img');
    if (images.length > 1) {
      $('#banner h1').css('left','50px').css('width','680px');
      var i=0;
      $('#banner').append('<ul class="b-switch"></ul>')
      images.each(function() {
          var link = $('<a id="'+i+'" href="#">'+i+'</a>');
          link.click(BannerHandler.switchTo);
          if (i==0) link.addClass('active');
          $('ul.b-switch').append($('<li></li>').append(link));
          i++;
        });
    }
  },

  switchTo: function()
  {
    var id = parseInt($(this).attr('id'));
    $('#banner h1').fadeOut('slow');
    $('ul.b-switch li a').removeClass('active');
    $(this).addClass('active');
    $('#banner img').hide().eq(id).show();
    return false;
  }

};

$(document).ready(BannerHandler.init);