function toggle(id,header_image){
	ul = "ul_" + id;
	ulElement = document.getElementById(ul);
	if (ulElement){
		//close any open 'open2' class obects
		//hide anything in the right column
		//hide any other headers
		var allPageTags = document.getElementsByTagName("*");
		for ( i=0; i<allPageTags.length; i++) {
			if ( allPageTags[i].className == 'open2') {
				allPageTags[i].className = 'closed';
			}
			if ( allPageTags[i].className == 'rc_visible') {
				allPageTags[i].className = 'rc_hidden';
			}
			if ( allPageTags[i].className == 'header_visible') {
				allPageTags[i].className = 'header_hidden';
			}
			if ( (allPageTags[i].className == 'flexcroll flexcrollactive') || (allPageTags[i].className == 'flexcroll') ) {
				allPageTags[i].className = 'ps_hidden';
			}
		}
		//show the one we want to see
		ulElement.className = "open2";
		
		//show the header
		hd = "header_" + id;
		hdElement = document.getElementById(hd);
		hdElement.className = "header_visible";
		
		//display the text for the section description
		var rc = "rc_" + id;
		rcElement = document.getElementById(rc);
		rcElement.className = 'rc_visible';
		
	}
}

function toggle2(id,header_image){
	//close any open 'open2' class obects
	//hide any rc_visible divs
	//hide any header_visible divs
	var allPageTags = document.getElementsByTagName("*");
	for ( i=0; i<allPageTags.length; i++) {
		if ( allPageTags[i].className == 'open2') {
			allPageTags[i].className = 'closed';
		}
		if ( allPageTags[i].className == 'rc_visible') {
			allPageTags[i].className = 'rc_hidden';
		}
		if ( allPageTags[i].className == 'header_visible') {
			allPageTags[i].className = 'header_hidden';
		}
		if ( (allPageTags[i].className == 'flexcroll flexcrollactive') || (allPageTags[i].className == 'flexcroll') ) {
			allPageTags[i].className = 'ps_hidden';
		}
	}
	
	//display our header div.
	headerDiv = "header_" + id;
	headerElement = document.getElementById(headerDiv);
	headerElement.className = "header_visible";
	
	//display the text for the section description
	var rc = "rc_" + id;
	rcElement = document.getElementById(rc);
	rcElement.className = 'rc_visible';
}

//show information about the project
function showProject (project) {

	//close any open 'rc_visible' class obects
	//hide the flexscroll stuff also
	//hide the open header divs
	var allPageTags = document.getElementsByTagName("*");
	for ( i=0; i<allPageTags.length; i++) {
		if ( allPageTags[i].className == 'rc_visible') {
			allPageTags[i].className = 'rc_hidden';
		}
		if ( (allPageTags[i].className == 'flexcroll flexcrollactive') || (allPageTags[i].className == 'flexcroll') ) {
			allPageTags[i].className = 'ps_hidden';
		}
		if ( allPageTags[i].className == 'header_visible') {
			allPageTags[i].className = 'header_hidden';
		}
	}
	
	//show the area
	var rc = "rc_" + project;
	rcElement = document.getElementById(rc);
	rcElement.className = 'rc_visible';

	//show the new header scroll area for this project
	var ps = 'ps_' + project;
	psElement = document.getElementById(ps)
	psElement.className = 'flexcroll';
	
	CSBfleXcroll(ps);
}

//only used for the header.
function swapImage(name,src) {
	document[name].src = src;
	headerImg = document.getElementById('header_img');
	headerImg.style.display = 'block';

	//close any open 'ps_visible' class obects
	var allPageTags = document.getElementsByTagName("*");
	for ( i=0; i<allPageTags.length; i++) {
		if ( (allPageTags[i].className=='flexcroll flexcrollactive') || (allPageTags[i].className=='flexcroll') ) {
			allPageTags[i].className = 'ps_hidden';
		}
	}

}

//set the screen size
function setScreenSize (w, h) {
	window.resizeTo(w,h);
}

//preload images for headers
image7 = new Image();
image7.src = 'images/news.jpg';