var BOXCLICKED = false;

function activate(id) {
	
	var container = document.getElementById("contentlinks");
	var lists = new Array();
	
	// loop through the parent container's children, find all the UL elements
	// and store them in the lists array
	for (var i=0; i<container.childNodes.length; i++){
		if (container.childNodes[i].nodeName == "UL")
			lists.push(container.childNodes[i].id);
	}
    
	// hide all the ul elements
	for (var i=0; i<lists.length; i++) 
		document.getElementById(lists[i]).style.display = "none";
	
	// activate the current element
	document.getElementById(id).style.display = "block";

}



function flyout(id) {
	document.getElementById(id).style.display = "block";
	document.getElementById(id).onmousedown = function() { BOXCLICKED = true; };
	document.onmousedown = hideBox;
}

function hide(id) {
	document.getElementById(id).style.display = "none";
}

function hideBox() {
	if(BOXCLICKED) {
		BOXCLICKED = false;
	}
	else{
		hide("recommendedreading");
		document.getElementById("recommendedreading").onmousedown = null;
		document.onmousedown = null;
	}
}

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};

function applyStyles() {
	var ulList = document.getElementsByClassName("invisible");
	for (var i=0; i<ulList.length; i++)
		ulList[i].style.display = "none";

	document.getElementById("recommendedreading").style.display = "none";
	document.getElementById("recommendedreading").style.position = "absolute";
}