
jQuery(document).ready(function(){

  jQuery("#cat-menu").tabs({
    fx:{opacity: "toggle"},
    selected : 0
  });

  jQuery("#slider-menu").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);

  var tabs = jQuery('.tablepicture-menu').tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);

  jQuery(".tablepicture").each(function(i, element){

    var totalSize =jQuery(element).find('.ui-tabs-panel').size();

    jQuery(element).find('.ui-tabs-panel').each(function(indexpanel, elementpanel) {

      if (indexpanel != 0) {
          prev = indexpanel;
          jQuery(elementpanel).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>");
      }

      if (indexpanel != totalSize - 1) {
          next = indexpanel + 2;
          jQuery(elementpanel).append("<a href='#' class='next-tab mover' rel='" + next + "'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>");
      }
    });

  });

  jQuery('.next-tab, .prev-tab').click(function() {
     tabs.tabs('select', jQuery(this).attr("rel"));
     return false;
  });
});

