function showarea(action){

	if(action==0){
		//document.getElementById("panel").style.position="absolute";
		
		//document.getElementById("panel").style.width="0px";
		//document.getElementById("panel").style.height="0px";
		document.getElementById("panel").style.visibility="hidden";
		document.getElementById("ima_panel").style.visibility="hidden";
		
	}


	if(action==1){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="100px";
	document.getElementById("panel").style.left="11px";
	document.getElementById("panel").style.width="98px";
	document.getElementById("panel").style.height="100px";
	document.getElementById("panel").innerHTML="Calculate the cost of college";
	
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/cost_of_college_1.gif>";
	document.getElementById("ima_panel").style.top="18px";
	document.getElementById("ima_panel").style.left="50px";
	
	
	}

	if(action==2){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="164px";
	document.getElementById("panel").style.left="79px";
	document.getElementById("panel").style.width="130px";
	document.getElementById("panel").style.height="100px";
	document.getElementById("panel").innerHTML="Saving for college";
	
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/piggy_bank.gif>";
	document.getElementById("ima_panel").style.top="90px";
	document.getElementById("ima_panel").style.left="130px";
	}

if(action==3){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="280px";
	document.getElementById("panel").style.left="77px";
	document.getElementById("panel").style.width="120px";
	document.getElementById("panel").style.height="100px";
	
	document.getElementById("panel").innerHTML="Paying for college";
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/efc_1.gif>";
	document.getElementById("ima_panel").style.top="200px";
	document.getElementById("ima_panel").style.left="105px";
	
	}
	
if(action==4){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="337px";
	document.getElementById("panel").style.left="206px";
		document.getElementById("panel").style.width="95px";
	document.getElementById("panel").style.height="100px";
	document.getElementById("panel").innerHTML="Scholarship";
	
	
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/scholarship.gif>";
	document.getElementById("ima_panel").style.top="300px";
	document.getElementById("ima_panel").style.left="145px";
	
	}
	
if(action==5){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="276px";
	document.getElementById("panel").style.left="306px";
		document.getElementById("panel").style.width="98px";
	document.getElementById("panel").style.height="100px";
	document.getElementById("panel").innerHTML="Aid and Loans";
	
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/handshake.gif>";
	document.getElementById("ima_panel").style.top="250px";
	document.getElementById("ima_panel").style.left="247px";
	}	
	
if(action==6){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="50px";
	document.getElementById("panel").style.left="300px";
	document.getElementById("panel").innerHTML="Compare";
	document.getElementById("panel").style.height="45px";
	document.getElementById("panel").style.width="100px";
	
	
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/compare.gif>";
	document.getElementById("ima_panel").style.top="131px";
	document.getElementById("ima_panel").style.left="307px";
	}
if(action==7){
	document.getElementById("panel").style.visibility="visible";
	document.getElementById("panel").style.position="absolute";
	document.getElementById("panel").style.top="244px";
	document.getElementById("panel").style.left="460px";
			document.getElementById("panel").style.width="85px";
	document.getElementById("panel").style.height="100px";
	document.getElementById("panel").innerHTML="Summary";
	
	document.getElementById("ima_panel").style.position="absolute";
	document.getElementById("ima_panel").style.visibility="visible";
	document.getElementById("ima_panel").innerHTML="<img src=images/done.gif>";
	document.getElementById("ima_panel").style.top="146px";
	document.getElementById("ima_panel").style.left="463px";
	}		
}