function aboutLoad()
{
	StateManager.initialize();
	StateManager.onstatechange = function(e, args)
	{
		var selEl = document.getElementById(e.id);
		if (selEl != null && selEl.className == 'question' && !selEl.contentVisible)
			toggleSection(selEl);
	};
/*
	// Apply icons to questions
	var els = getElementsByClassName('question');
	for (var i = 0; i < els.length; ++i)
	{
		var head = els[i];
		head.qId = i;
		
		var img = document.createElement('img');
		img.src = static_uri + 'images/collapsed.gif';
		img.style.marginRight = '5px';
		img.style.verticalAlign = 'middle';
		img.alt = '[Hidden]';
		head.insertBefore(img, head.childNodes[0]);
		
		head.contentVisible = 0;
		head.title = 'Toggle details';
		head.onclick = function() { toggleSection(this); };
	}

	// Hide answers
	var els = getElementsByClassName('answer');
	for (var i = 0; i < els.length; ++i)
	{
		els[i].id = 'a' + i;
		els[i].old_height = els[i].offsetHeight;
		els[i].style.height = '0px';
		els[i].style.display = 'none';
	}
*/
	// Go to section in hash
	if (typeof document.location.hash != 'undefined' && document.location.hash.length > 1)
	{
		var hash = '' + document.location.hash.substring(1);
		var selEl = document.getElementById(hash);
		if (selEl != null && selEl.className == 'question' && !selEl.contentVisible)
			toggleSection(selEl);
	}
}
addToOnload(aboutLoad);

function toggleSection(head)
{
	var vis = (head.contentVisible != 0);
	head.contentVisible = (vis ? 0 : 1);
	
	// Show/hide answer
	var qId = head.qId / 1;
	var answer = document.getElementById('a' + qId);
	if (answer != null && vis)
		hideElement(answer, 250, 1);
	else if (answer != null)
		showElement(answer, 250, function() { scrollSection(answer, head); });
	
	// Change icon
	for (var i = 0; i < head.childNodes.length; ++i)
	{
		var sub = head.childNodes[i];
		if (sub.nodeName && sub.nodeName.toLowerCase() == 'img')
		{
			sub.src = vis ? static_uri + 'images/collapsed.gif' : static_uri + 'images/expanded.gif';
			sub.alt = vis ? '[Hidden]' : '[Showing]';
			break;
		}
	}
}

/** Scroll section in to view */
function scrollSection(answer, head)
{
	/*var qId = head.id.substring(1) / 1;
	var next_head = document.getElementById('q' + (qId + 1));
	
	var vis = (head.contentVisible == 0);
	if (!vis)
	{
		var scrollBottom = document.body.scrollTop + window.innerHeight;
		if (next_head == null)
		{
			if (document.body.scrollTop > head.offsetTop || scrollBottom < head.offsetTop)
			head.scrollIntoView(true);
		}
		else if (scrollBottom < next_head.offsetTop)
		{
			window.scroll(document.body.scrollLeft, next_head.offsetTop - window.innerHeight);
		}
	}*/
}