imgout=new Image(9,9);
imgin=new Image(9,9);

/////////////////BEGIN USER EDITABLE///////////////////////////////
	imgout.src="images/8208u.gif";
	imgin.src="images/8208d.gif";
///////////////END USER EDITABLE///////////////////////////////////

//this switches expand collapse icons
function filter(imagename,objectsrc){
	if (document.images){
		document.images[imagename].src=eval(objectsrc+".src");
	}
}

//show OR hide funtion depends on if element is shown or hidden
function shoh(id) { 
	
	if (document.getElementById) { // DOM3 = IE5, NS6
		if (document.getElementById(id).style.display == "none"){
			document.getElementById(id).style.display = 'block';
			filter(("img"+id),'imgin');
		} else {
			filter(("img"+id),'imgout');
			document.getElementById(id).style.display = 'none';			
		}	
	} else { 
		//for older browswers?
		if (document.layers) {	
			if (document.id.display == "none"){
				document.id.display = 'block';
				filter(("img"+id),'imgin');
			} else {
				filter(("img"+id),'imgout');	
				document.id.display = 'none';
			}
		} else {
			if (document.all.id.style.visibility == "none") {
				document.all.id.style.display = 'block';
			} else {
				filter(("img"+id),'imgout');
				document.all.id.style.display = 'none';
			}
		} //end
	}
}
function showAll() {
	document.getElementById('first').style.display = 'block';
	filter('imgfirst','imgin');
	document.getElementById('second').style.display = 'block';
	filter('imgsecond','imgin');
	document.getElementById('third').style.display = 'block';
	filter('imgthird','imgin');
	document.getElementById('fourth').style.display = 'block';
	filter('imgfourth','imgin');
	document.getElementById('fifth').style.display = 'block';
	filter('imgfifth','imgin');
	document.getElementById('sixth').style.display = 'block';
	filter('imgsixth','imgin');
	document.getElementById('seventh').style.display = 'block';
	filter('imgseventh','imgin');
	document.getElementById('eighth').style.display = 'block';
	filter('imgeighth','imgin');
}