/* Auto Tabs
 * Required: http://jquery.com/
 * Written by: Brad Holland
 * License: LGPL
 */
(function($) { 
 $(document).ready(function(){
    var list = '<div id="autotab-list-container"><ul class="autotab-list">';
    $("div.autotab").each(function(index) {
        list += '<li><a href="#">' + $(this).attr("id").replace(/-/g, " ") + '</a></li>';
      });
    list += '</ul></div>';
    
    
    $("div.autotab").wrapAll( '<div class="autotabs-container" />');
    
    $("div.autotabs-container").before(list).append('<br class="clear" />');
    $("div.autotab").css("display", "none");
    $("div.autotab").first().css("display", "block").addClass("active-autotab-panel");
    $("ul.autotab-list li").first().addClass("active-autotab");
    
    $("ul.autotab-list a").click(function(){
      $("ul.autotab-list li").removeClass("active-autotab");
      $(this).parent().addClass("active-autotab");
      $("div.autotab").css("display", "none").removeClass("active-autotab-panel");
      $("div#" + $(this).text().replace(/\s+/g, "-")).addClass("active-autotab-panel").fadeIn(600);
      return false;
    });
    
    // scrolling tabs functionality 
    var liWidth = 0;
    $("ul.autotab-list li").each(function(index) {
        liWidth += $(this).outerWidth();
    })
    
    if (liWidth > $("ul.autotab-list").innerWidth()) 
      {
        $("div#autotab-list-container").prepend('<p id="left">&laquo; BACK</p>');
        $("p#left").addClass('disappear'); 
        $("div#autotab-list-container").prepend('<p id="right">MORE &raquo;</p>');
        $("ul.autotab-list").addClass('padRight');
      }

    $("p#right").click(function() {$("ul.autotab-list").animate({scrollLeft: "+=200"}, 1000);
      if (($("ul.autotab-list").scrollLeft() + $("ul.autotab-list").width() + 200) >= liWidth) {
        $("p#right").slideUp('slow');
        $("ul.autotab-list").removeClass('padRight');
      }
      $("p#left").slideDown('slow');
      $("ul.autotab-list").addClass('padLeft');
    });
   
    $("p#left").click(function() {$("ul.autotab-list").animate({scrollLeft: "-=200"}, 1000)
      if (($("ul.autotab-list").scrollLeft() - 200) <= 0) {
       $("p#left").slideUp('slow');
       $("ul.autotab-list").removeClass('padLeft');
      }
      $("p#right").slideDown('slow');
      $("ul.autotab-list").addClass('padRight');
    });

 });
 })(jQuery);