$(function() {
    var wrapperSel = '#ShopOBBCWrapper';
    function maketabs() {
      var $h2s = $(wrapperSel + ' > li > div.Block > h2');
      var $tablabels = $h2s.children();
      var $tabs = $('<ul></ul>').insertBefore(wrapperSel).addClass('tabs').append($tablabels);
      $tablabels.wrap('<li/>');
      $h2s.remove();
      return $tabs;
    }
    function make_tabbed_scollables() {
      var i, actions = '<div class="actions"><a class="prev">Back</a><a class="next">Forward</a></div>';
      $tabpanels = $(wrapperSel + ' > li');
      $tabpanels.each(function(idx) {
	  var $lis = $('.Block .ProductList > li', $(this));
	  var len = $lis.length
	  if (len > 4)  {
	    $lis.unwrap();
	    for (i=0;i < len;i=i+4) {
	      $lis.slice(i,i+4).wrapAll('<ul class="ProductList"></ul>');
	    }
	    $(this).append(actions);
	    $('.Block', $(this)).scrollable({items: '.BlockContent', circular: false, keyboard: 'static'});
	  }
	});      
    }
    function initjtools() {
      $('#scrollable-images').scrollable({circular: true}).navigator().autoscroll(4000).click(function() {$(this).data("scrollable").next();});
      var $tabs = maketabs();
      $tabs.tabs(wrapperSel + ' > li');
      make_tabbed_scollables()
    }
    function obbc_home_init() {
	$('html').addClass('js');
	initjtools();
    }
    obbc_home_init();
  });