// Tabs
$("#tabs").tabs();

// This is the click behavior of tabs
$("#tabs").bind("tabsselect",function(event, ui) {
   switch(ui.index){
        case 1:
            $("body").removeClass('bodyHome , bodyBreeders , bodyTerms , bodyContact').addClass("bodyAvailable");
        break;
        case 2:         
            $("body").removeClass('bodyHome , bodyAvailable , bodyTerms , bodyContact').addClass("bodyBreeders");
        break;
        case 3:         
            $("body").removeClass('bodyHome , bodyAvailable , bodyBreeders , bodyContact').addClass("bodyTerms");
        break;
        default:    
            $("body").removeClass('bodyAvailable , bodyBreeders , bodyTerms , bodyContact').addClass("bodyHome");
        break;
    }
});

// Create the available tab contents
function createTable(tableName){
   $.ajax({
      url: tableName + '.html',
      dataType: "html",
      cache: false,
      success: function(data){
         $('#' + tableName + 'Tab').html(
            '<table cellpadding="0" cellspacing="0" border="0" class="display" id="' + tableName + '">' +
            '<thead><tr><th>Photo</th><th>Description</th><th>Price</th></tr></thead><tbody>' +
            data + '</tbody></table>');
         // setup the datatable
         $('#' + tableName).dataTable({
            "bSort": false,
            "bJQueryUI": true
         });
         // Select all links that contains lightbox class
         $('a.lightbox').lightBox(); 
      }
   });
}

// Create the available tab contents
function createBreedersTable(){
   $.ajax({
      url: 'breeders.html',
      dataType: "html",
      cache: false,
      success: function(data){
         $('#breedersTab').html(
            '<table cellpadding="0" cellspacing="0" border="0" class="display" id="breeders">' +
            '<thead><tr><th>Photo</th><th>Description</th></tr></thead><tbody>' +
            data + '</tbody></table>');
         // setup the datatable
         $('#breeders').dataTable({
            "bSort": false,
            "bJQueryUI": true
         });
         // Select all links that contains lightbox class
         $('a.lightbox').lightBox(); 
      }
   });
}

$(document).ready(function(){
   createTable("available");
   createBreedersTable();
});