var uid = 1;
function addAnchor(el) {
	if (document.all) {
		new Insertion.Before(el, '<a name="faq_' + uid + '"></a>'); // because of annoying IE bug where .name doesn't make anchor reachable
	} else {
		var a = document.createElement('a');
		a.name = 'faq_' + uid;
		el.parentNode.insertBefore(a, el);
	}
	uid++;
	return 'faq_' + (uid-1);
}

function addTopLink(e) {
	var toplink = document.createElement('a');
	toplink.href = '#top';
	toplink.className = 'top';
	toplink.innerHTML = 'top';
	if (!e.firstChild)
		e.appendChild(toplink);
	else
		e.insertBefore(toplink, e.firstChild);
}

function boxSection(startingElement) {
	var e = $(startingElement);
	var s = '';
	do {
		if (e.nodeName.toUpperCase() == 'H3') {
			var anchor = addAnchor(e);
			s += '<li><a href="#' + anchor + '" class="question">' + e.innerHTML + '</a></li>';
			addTopLink(e);
		}
		e = e.nextSibling;
	} while (e && e.nodeName.toUpperCase() != 'H2');
	if (s) s = '<ul>' + s + '</ul>';
	return s;
}

function configureFAQ() {
	var top = $('faq');

	var topanchor = document.createElement('a');
	topanchor.setAttribute('name', 'top');
	//topanchor.name = 'top';
	top.parentNode.insertBefore(topanchor, top);

	var ul = $(document.createElement('ul'));
	ul.id = 'faq_toc';
	top.parentNode.insertBefore(ul, top);

	var sections = top.getElementsByTagName('h2');
	var s = '';
	for (var i = 0; i < sections.length; i++) {
		var questions = boxSection(sections[i]);
		var anchor = addAnchor(sections[i]);
		s += '<li><a href="#' + anchor + '" class="section">' + sections[i].innerHTML + '</a>' + questions + '</li>';
	}
	ul.update(s);
}

Event.observe(window, 'load', configureFAQ);