function fetchContent( sPage )
{
	// place a load message and image
	oTitle = document.getElementById( 'title' );
	if( oTitle != null )
		oTitle.innerHTML = "Loading...";
	oContent = document.getElementById( 'content' );
	if( oContent != null )
		oContent.innerHTML = '<div style="width:100%; height:100%; border:none; vertical-align:middle; display:table;"><div style="width:100%; height:100%; border:none; text-align:center; vertical-align:middle; display:table-cell; #position:absolute; #top:50%"><div style="#margin-top:-20px;#position:relative;#top:-50%;"><img src="images/ajax-loader.gif" style="border: 0px;" /></div></div></div>';
	
	// remove old script, and add new
	oBody = document.getElementsByTagName( 'body' );

	oElement = document.getElementById( 'script' );
    if( oElement != null )
    	oBody[ 0 ].removeChild( oElement );
	
	oScript = document.createElement( 'script' );
	oScript.setAttribute( 'id', 'script' );
	oScript.setAttribute( 'type', "text/javascript" );
    oScript.setAttribute( 'src', 'rpc.php?page=' + sPage );
	
	oBody[ 0 ].appendChild( oScript );
}