$(function() {
  $('div.tabme').each(function() {
    var i = 0;
    var starttab = null;
    if (location.hash && location.hash.substr(0, 1) == '#')
      starttab = location.hash.substr(1);
    var $tabme = $(this);
    var $tabbar = $('<ul class="tabbar"></ul>');
    $('div.tab', this).each(function() {
      var tabid = this.id;
      var $tab = $(this);
      var selected = starttab?starttab==tabid:i==0;
      if (selected) {
        $tab.addClass('selected');
      } else {
        $tab.addClass('screenhide');
      }
      $('<li' + (selected?' class="selected"':'')  + '>' + $('h2', $tab).addClass('screenhide').html() + '</li>').appendTo($tabbar).click(function() {
	location.href = '#'+tabid;
	$('div.tab.selected', $tabme).removeClass('selected').addClass('screenhide');
	$('li.selected', $tabbar).removeClass('selected');
	$tab.addClass('selected').removeClass('screenhide');
	$(this).addClass('selected');
        return false;
      });
      i += 1;
    });
    $tabme.prepend('<br style="clear: both;" class="printhide" />').prepend($tabbar);
  }).addClass('tabbed');
});