//preload image
var collimg = new Image();
collimg.src = "blue_arrow_down.gif";
var expimg = new Image();
collimg.src = "blue_arrow_up.gif";

function ShowHideLayer(boxShowID,boxHideID1,boxHideID2) {
	/* Obtain reference for the selected boxID layer and its button */
	var val1 = boxShowID;
	var val2 = boxHideID1;
	var val3 = boxHideID2;
	
	var boxShow = document.getElementById("box"+val1);
	var boxbtnShow = document.getElementById("btn"+val1);
	
	var boxHideID1 = document.getElementById("box"+val2);
	var boxbtnHideID1 = document.getElementById("btn"+val2);
	
	var boxHideID2 = document.getElementById("box"+val3);
	var boxbtnHideID2 = document.getElementById("btn"+val3);
	
	/*show the requested layer*/
	boxShow.style.display = "block";
 	boxbtnShow.src = "/savings-calculator/images/blue_arrow_up.gif";

	/*hide other layers*/
	boxHideID1.style.display = "none";
	boxbtnHideID1.src = "/savings-calculator/images/blue_arrow_down.gif";
	
	boxHideID2.style.display = "none";
	boxbtnHideID2.src = "/savings-calculator/images/blue_arrow_down.gif";
	
}