/*
Adapted from a script by Jeremy Keith (http://www.adactio.com).
This function loops through all the 'h3' headers in the element 'extra'.
An onclick behaviour is added to each header.
Clicking the header will toggle the 'display' property of all the block level elements under the header.
This is done using the toggleHeader function.

This function is triggered when the page loads.
The addLoadEvent.js file is required for this.
*/

addLoadEvent(selectedNews);

function selectedNews(){
	var sidebar = document.getElementById('selected_story');
	var headers = sidebar.getElementsByTagName('h3');
	for (var i = 0; i < headers.length; i++) {
		var header = headers[i];
		header.setAttribute('title','click to hide');
		header.parentNode.className='story selected';
		var container = header.parentNode;
		
		for (var j = 0; j < container.childNodes.length; j++) {
			var current_node = container.childNodes[j];
			if (current_node.nodeType == 1 && current_node.nodeName != 'h3' && current_node.nodeName != 'H3') {
				toggleDisplay(current_node);
			}
		}
	}
}
function toggleDisplay(element) {
	if (element.className == 'story_border') {
		if (element.style.display == 'none') {
			element.style.display = 'block';
		} else {
			element.style.display = 'none';	
		}
	}else{
		if (element.style.display != 'block') {
			element.style.display = 'block';
		} else {
			element.style.display = 'none';	
		}
	}

}