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

var mFromHereText;
var mToHereText;
biztalkHero.Page = function() 
{
}

biztalkHero.Page.prototype =
{
	handleLoad: function(control, userContext, rootElement) 
	{
		this.control = control;
		
	   //slPlugin = sender.getHost();

	   var downloader = control.createObject("downloader");
       downloader.addEventListener("completed", "DownloadContent");
       downloader.open("GET", "Content.xml");
       downloader.addEventListener("downloadProgressChanged", "onDownloadProgressChanged");
       downloader.send();

	}
}
function createControl(sender) {

    slPlugin = sender.getHost();
    var downloader = slPlugin.createObject("downloader");

    downloader.addEventListener("downloadProgressChanged", "onDownloadProgressChanged");
    downloader.addEventListener("completed", "downloadCompleted");

    downloader.open("GET", "biztalkHero.deploy");
    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("back").opacity = 0;
//sender.findName("progressBar").opacity = 0;

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

  // Set the Image
  var theImage1 = theContent.findName("Image1");
  theImage1.setSource(sender, "images/Image1.jpg");

var theImage2 = theContent.findName("Image2");
  theImage2.setSource(sender, "images/Image2.jpg");

 var theImage3 = theContent.findName("Image3");
  theImage3.setSource(sender, "images/Image3.jpg");

var theImage4 = theContent.findName("Image4");
  theImage4.setSource(sender, "images/Image4.jpg");

var theImage5 = theContent.findName("Image5");
  theImage5.setSource(sender, "images/Image5.jpg");

//var theImage6 = theContent.findName("Image6");
  //theImage6.setSource(sender, "images/Image6.jpg");

//var theImage7 = theContent.findName("Image7");
  //theImage7.setSource(sender, "images/Image7.jpg");

//var theImage8 = theContent.findName("Image8");
  //theImage8.setSource(sender, "images/Image8.jpg");

//var theImage9 = theContent.findName("Image9");
  //theImage9.setSource(sender, "images/Image9.jpg");

//var theImage10 = theContent.findName("Image10");
 // theImage10.setSource(sender, "images/Image10.jpg");


  //LoadXMLText();
 
 
      theContent.findName("FromHereText1").Text = mFromHereText;
      theContent.findName("FromHereText2").Text = mFromHereText;
      theContent.findName("fromHere_white").Text = mFromHereText;
      theContent.findName("fromHere_black").Text = mFromHereText;
     
  
      theContent.findName("ToHereText1").Text = mToHereText;
      theContent.findName("ToHereText2").Text = mToHereText;
      theContent.findName("toHere_white").Text = mToHereText;
      theContent.findName("toHere_black").Text = mToHereText; 
  
  
}
function DownloadContent(sender, args) {
    // get the response
    var xml = sender.responseText;

     
    // create appropiate XML document
    if (window.ActiveXObject) {
        // IE 6 (and 7)
        doc = new ActiveXObject("Microsoft.XMLDOM");
 
        if (!doc.loadXML(xml)){
            // handle parse error
            throw doc.parseError.reason;
        }
    }
    else {
        // Firefox and others
        var parser = new DOMParser();
        doc = parser.parseFromString(xml, "text/xml");
      
    }
    
    // this is where the content of the XML file is 
    // being assigned to an array
    var here = doc.getElementsByTagName("FromHereText");
    var to = doc.getElementsByTagName("ToHereText");
   
   for (var i=0; i<here.length; i++)
    {
        mFromHereText = here[i].firstChild.nodeValue;  
    }

    for (var i = 0; i < to.length; i++) {
        mToHereText = to[i].firstChild.nodeValue;
    } 

   
    
    createControl(sender);
}