if (!window.configMgr)
	window.configMgr = {};

configMgr.Page = function() 
{
}

configMgr.Page.prototype =
{
	handleLoad: function(control, userContext, rootElement) 
	{
		this.control = control;
		
		var downloader = control.createObject("downloader");
		
		downloader.addEventListener("downloadProgressChanged", "onDownloadProgressChanged");
    downloader.addEventListener("completed", "downloadCompleted");

	  downloader.open("GET", "/global/systemcenter/configurationmanager/en/us/RichMedia/demo/Body.xaml");
	  downloader.send();

	}
}

function onDownloadProgressChanged(sender, eventArgs)
{
    // Calculate the downloaded percentage.
    var percentage = Math.floor(sender.downloadProgress * 100);

    // Update the Rectangle and TextBlock objects of the visual progress indicator.
    var progressText = sender.findName("progressText");
var progressRectangle = sender.findName("progressRectangle");
progressText.text = percentage + "%";
    progressRectangle.width = percentage * 2; 
}

function downloadCompleted(sender, args)
{
  // Make sure the download was ok
  if (sender.status != 200) 
  {
    alert("download failed");
    return;
  }

  // Hide the Loading...
  sender.findName("progressText").opacity = 0;
  sender.findName("progressBar").opacity = 0;
sender.findName("Frame_Border").opacity = 0;

    // Build the XAML
  var theXaml = sender.getResponseText("");
  var theContent = sender.getHost().content.createFromXaml(theXaml);
  
  // Add to the Root
  var root = sender.findName("root");
  root.children.insert(0, theContent);
}