function showstuff(boxid){
   document.getElementById(boxid).style.visibility="visible";
}

function hidestuff(boxid){
   document.getElementById(boxid).style.visibility="hidden";
}

 // This is what makes it Fade on over and out
 function lite(obj) {
  if(document.all&&!window.opera) {
   obj.filters.blendTrans.apply();
   obj.filters.blendTrans.play();
  }
 }
 
 function showOrHide(eId, thisImg, state) {
	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..., sets an image to act as the +/- idea from previous...
		if (state == true){				
			document.getElementById(thisImg).src="images/minus.gif";
		}
		if (state == false){
			document.getElementById(thisImg).src="images/plus.gif";
		}
	}
}
//function to hide all "boxes", this is called from the onload of the page...
function showProfile1(){
	document.getElementById('profile2').style.display = 'none';
	document.getElementById('profile3').style.display = 'none';
	document.getElementById('profile4').style.display = 'none';
}
function showProfile2(){
	document.getElementById('profile1').style.display = 'none';
	document.getElementById('profile3').style.display = 'none';
	document.getElementById('profile4').style.display = 'none';
}
function showProfile3(){
	document.getElementById('profile1').style.display = 'none';
	document.getElementById('profile2').style.display = 'none';
	document.getElementById('profile4').style.display = 'none';
}
function showProfile4(){
	document.getElementById('profile1').style.display = 'none';
	document.getElementById('profile2').style.display = 'none';
	document.getElementById('profile3').style.display = 'none';
}