background1 = new Image();
background1.src="images/fullback1.gif";
background2 = new Image();
background2.src="images/fullback2.gif";
background3 = new Image();
background3.src="images/fullback3.gif";


function showSolutionsContent(id){
	//hide all content
	for($i=1;$i<=3;$i++){
	document.getElementById('content'+$i).style.visibility="hidden";
	}
	//show the required content
	document.getElementById('content'+id).style.visibility="visible"; 
	document.getElementById('solutionsConsole').style.backgroundImage= 'url("images/fullback'+id+'.gif")';
}