function openAccountDisplay(){
	//change arrow to down.
	imgSourceName = this.lastChild.src;
	lastSlash = imgSourceName.lastIndexOf("/");
	imgSourceName = imgSourceName.substring(lastSlash+1);
	imgSourceName = imgSourceName.split(".");
	baseName = imgSourceName[0];
	extension = imgSourceName[1];
	//if down_ is at the begining of the name, remove down
	downPos = baseName.lastIndexOf("down_")
	if(downPos != "-1"){
		downPos = baseName.indexOf("_")+1
		baseName = baseName.substring(downPos, baseName.length)
	//else, add down_ to the begining of the name
	}else{
		baseName = "down_"+baseName;
	}
	//set the image's source
	this.lastChild.src = imageDir+baseName+"."+extension;
	
	//change border bottom from black to grey
	oaa = document.getElementById("open-acct-about")
	if(!oaa.className){
		oaa.className = "greyBottomBorder";
	}else{
		oaa.className = ""
	}
	//show the form
	oa = document.getElementById("open-acct")
	if(oa.className){
		oa.className = "";
	}else{
		oa.className = "hidden"
	}
}

function rollOverChild(){
	//get and parse the image's file name
	imgSourceName = this.lastChild.src;
	lastSlash = imgSourceName.lastIndexOf("/");
	imgSourceName = imgSourceName.substring(lastSlash+1);
	imgSourceName = imgSourceName.split(".");
	baseName = imgSourceName[0];
	extension = imgSourceName[1];
	//add _over
	baseName += "_over";
	//set the image's source
	this.lastChild.src = imageDir+baseName+"."+extension;
}
function rollOutChild(){
	//get and parse the image's file name
	imgSourceName = this.lastChild.src;
	lastSlash = imgSourceName.lastIndexOf("/");
	imgSourceName = imgSourceName.substring(lastSlash+1);
	imgSourceName = imgSourceName.split(".");
	baseName = imgSourceName[0];
	extension = imgSourceName[1];
	//find _over
	overPos = baseName.lastIndexOf("_over");
	//remove _over
	baseName = baseName.substring(0,overPos);
	//set the image's source 
	this.lastChild.src = imageDir+baseName+"."+extension;
}

