function showOrHide(eId, thisImg, state, callFromWithin) {
	if (e = document.getElementById(eId)) {
		if (state == null) {
			state = e.style.display == 'none';
			e.style.display = (state ? '' : 'none');
		}
		//...except for this, probably a better way of doing this, but it works at any rate...
		if (state == true){				
			document.getElementById(thisImg).src="images/minus.gif";
			e.style.display = '';
		}
		if (state == false){
			document.getElementById(thisImg).src="images/plus.gif";
			e.style.display = 'none';
		}

		if (!callFromWithin) {
			//CLOSE THE OTHERS
	
			if (eId != 'box2')
				showOrHide('box2','img2',false,true);
				
			if (eId != 'box3')
				showOrHide('box3','img3',false,true);
				
			if (eId != 'box4')
				showOrHide('box4','img4',false,true);
				
			//if (eId != 'box5')
			//	showOrHide('box5','img5',false,true);
			
		}
	}
}

//show hide without image!!!!
function showHide(eId, state, callFromWithin)
{
	if (e = document.getElementById(eId)) {
		if (state == null) {
			state = e.style.display == 'none';
			e.style.display = (state ? '' : 'none');
		}

		if (state == true){				
			e.style.display = '';
		}
		if (state == false){
			e.style.display = 'none';
		}

		if (!callFromWithin) {
			//CLOSE THE OTHERS
	
			if (eId != 'box1')
				showOrHide('box2',false,true);
		}
	}
}