/*
  Script: TabBox
  Author: Faisal Syafei Lutter
  Date: 29-01-2010
  
  Use this HTML markup:
    .tab_box
      .tb-menu
        ul
          li= link_to ...
          li= link_to ...

      .tb-content
        .item
          Foo
        .item
          Bar
        .item
          ...
*/

function tabBox() {
  $(document).ready(function(){

    // Initialize
    $(".tab-box").each(function(b, box){
       if($(box).attr('id') === ""){
       // Set all boxes with unqiue ids
       $(box).attr("id", "tab-box-" + (++b));

       // Set all tab buttons with unique ids
       $(box).find(".tb-menu ul li a").each(function(bb,btn){
         $(btn).attr("id", "tb-btn-" + b + "_" + (++bb));
         if(bb===1){
           $(btn).addClass("current");
         }
       });

       // Set all contents
       $(box).find(".tb-content .item:not(:first)").addClass('hide');
       $(box).find(".tb-content .item").each(function(i,item){
         $(item).attr("id", "tb-item-" + b + "_" + (++i));
       });

       // Event Handler
       $(box).find(".tb-menu ul li a").each(function(i, btn){
         var btn_id = $(btn).attr('id').split('-').pop();
         $(btn).click(function(){
           // Show current item
           $(box).find(".tb-content .item:not(.hide)").addClass('hide');
           $(box).find(".tb-content #tb-item-" + btn_id).removeClass('hide');

           // Show current button
           $(box).find(".tb-menu .current").removeClass('current');
           $(btn).addClass('current');
           Cufon.refresh();
           return false;
         });
       });
      }
    });
    $(".picture a").fancybox();
    Cufon.refresh();
  });
}