$(document).ready(function() {
(function($){
var
contents = $('#ph'),
sep = '<span>&nbsp;|&nbsp;</span>',
lnks = [];

$('div.hd > h2').each(function(){
$(this).attr('tabindex', '-1');
var lnk = $('<a href="#">' + $(this).text() + '</a>');
lnk.data('heading', this).click(function(ev){
$(this).data('heading').focus();
ev.preventDefault();
});
lnks[lnks.length] = lnk;
});

contents.attr('tabindex', '-1');

jQuery.each(lnks, function(i, o){
if (i)
contents.append(sep).append(o);
else
contents.append(o);
});

})($);
});