function showMetadata( id, url ) {
	document.getElementById( "metadataDisplay"+id ).innerHTML = "Loading...";
	document.getElementById( "metadataDisplay"+id ).style.display = "block";
	document.getElementById( "expandMetadataButton"+id ).innerHTML = "Hide metadata";
	document.getElementById( "expandMetadataButton"+id ).onclick = function(){hideMetadata( id, url);};
	var bindArgs = {
	    url:        url,
	    mimetype:   "text/html",
	    error:      function(type, errObj){
	    	alert( "Error reading metadata content." );
			document.getElementById( "metadataDisplay"+id ).innerHTML = "";
			document.getElementById( "metadataDisplay"+id ).style.display = "none";
			document.getElementById( "expandMetadataButton"+id ).innerHTML = "Expand metadata";
			document.getElementById( "expandMetadataButton"+id ).onclick = function(){showMetadata(id,url);};
	    },
	    load:      function(type, data, evt){
			document.getElementById( "metadataDisplay"+id ).innerHTML = evt.responseText;
	    }
	};
    var requestObj = dojo.io.bind(bindArgs);	
}
  
function hideMetadata( id, url ) {
	document.getElementById( "metadataDisplay"+id ).innerHTML = "";
	document.getElementById( "metadataDisplay"+id ).style.display = "none";
	document.getElementById( "expandMetadataButton"+id ).innerHTML = "Expand metadata";
	document.getElementById( "expandMetadataButton"+id ).onclick = function(){showMetadata(id,url);};
}

function showDocument( id, url ) {
	document.getElementById( "documentDisplay"+id ).innerHTML = "Loading...";
	document.getElementById( "documentDisplay"+id ).style.display = "block";
	document.getElementById( "expandDocumentButton"+id ).innerHTML = "Hide document";
	document.getElementById( "expandDocumentButton"+id ).onclick = function(){hideDocument( id, url);};
	var bindArgs = {
	    url:        url,
	    mimetype:   "text/html",
	    error:      function(type, errObj){
	    	alert( "Error reading document content." );
			document.getElementById( "documentDisplay"+id ).innerHTML = "";
			document.getElementById( "documentDisplay"+id ).style.display = "none";
			document.getElementById( "expandDocumentButton"+id ).innerHTML = "Expand document";
			document.getElementById( "expandDocumentButton"+id ).onclick = function(){showDocument(id,url);};
	    },
	    load:      function(type, data, evt){
			document.getElementById( "documentDisplay"+id ).innerHTML = evt.responseText;
	    }
	};
    var requestObj = dojo.io.bind(bindArgs);	
}
  
function hideDocument( id, url ) {
	document.getElementById( "documentDisplay"+id ).innerHTML = "";
	document.getElementById( "documentDisplay"+id ).style.display = "none";
	document.getElementById( "expandDocumentButton"+id ).innerHTML = "Expand document";
	document.getElementById( "expandDocumentButton"+id ).onclick = function(){showDocument(id,url);};
}