openImage = "images/arrowDown.gif";
closedImage = "images/arrowBlue.gif";

var preloadImages1 = new Image(); preloadImages1.src = 'images/arrowDown.gif'
var preloadImages2 = new Image(); preloadImages2.src = 'images/arrowBlue.gif'
var preloadImages3 = new Image(); preloadImages3.src = 'images/arrow.gif'


function setAllMarkers(numLists) {

	document.getElementById('collapsibleList').style.listStyle="none"; // remove list markers

	//Set lists
	for(i=0;i<numLists;i++) {
		var Topic = new Object();
		Topic = 'Topic' + i + 'List';

		document.getElementById(Topic).style.display="none";        // collapse list
		document.getElementById(Topic).style.listStyle="none";      // clear markers

	}
}


function setMarkers(numList) {

	document.getElementById('collapsibleList').style.listStyle="none"; // remove list markers

	//Set lists

	var Topic = new Object();
	Topic = 'Topic' + numList + 'List';

	document.getElementById(Topic).style.display="none";        // collapse list
	document.getElementById(Topic).style.listStyle="none";      // clear markers

}


function refreshPage(numLists, dir) {
	for(i=0;i<numLists;i++) {

		TopicImage = 'Topic' + i;
		document.getElementById(TopicImage).src=dir;
	}
}



// full toggle
function toggle(image, arrow) {
	
	if (document.getElementById(image + 'List').style.display == "none") {
		toggleE(image, arrow);
		
	} else {		
		toggleC(image, arrow);
	}
}



// this function expands the list
function toggleE(image, arrow){
	var listElementStyle=document.getElementById(image + 'List').style;
	listElementStyle.display="block";
	if (arrow) document.getElementById(image + 'arrow').src=openImage ;
}



// this function collapses the list
function toggleC(image, arrow){
	var listElementStyle=document.getElementById(image + 'List').style;
	listElementStyle.display="none";
	if (arrow) document.getElementById(image + 'arrow').src=closedImage;
	
}




//this function will expand or collapse ALL lists
function expandCollapse(numLists, dir) {

	for(i=101;i<numLists+101;i++) {
		
		TopicImage = 'Topic' + i;
		TopicList = 'Topic' + i + 'List';
		
		if (dir == 'collapse') {
			toggleC(TopicImage, false)
		} else { 
			toggleE(TopicImage, false)
		}


	}

}