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

fssp.Page = function() 
{
}

fssp.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/forefront/edgesecurity/isaserver/en/us/RichMedia/hero/fssp.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("bg_red");
 // theImage1.setSource(sender, "images/bg.jpg");

// var theImage2 = theContent.findName("frame_main");
  // theImage2.setSource(sender, "images/bg.png");

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

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

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

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

var theImage7 = theContent.findName("steel");
  theImage7.setSource(sender, "images/steel.png");

var theImage8 = theContent.findName("logoLarge");
  theImage8.setSource(sender, "images/logoLarge.png");

var theImage9 = theContent.findName("LogoSmall");
  theImage9.setSource(sender, "images/logoSmall.png");

//var theImage10 = theContent.findName("blocks");
  //theImage10.setSource(sender, "images/blocks.png");

var theImage11 = theContent.findName("buttonOff_WP");
  theImage11.setSource(sender, "images/buttonOff.png");

var theImage12 = theContent.findName("buttonOn_WP");
  theImage12.setSource(sender, "images/buttonOn.png");

var theImage13 = theContent.findName("buttonOff_Dwnld");
  theImage13.setSource(sender, "images/buttonOff.png");

var theImage14 = theContent.findName("buttonON_Dwnld");
  theImage14.setSource(sender, "images/buttonOn.png");

var theImage15 = theContent.findName("buttonOff_CS");
  theImage15.setSource(sender, "images/buttonOff.png");

var theImage16 = theContent.findName("buttonOn_CS");
  theImage16.setSource(sender, "images/buttonOn.png");

var theImage17 = theContent.findName("CS_IconOFF");
  theImage17.setSource(sender, "images/cs_iconOFF.png");

var theImage18 = theContent.findName("CS_IconON");
  theImage18.setSource(sender, "images/cs_iconON.png");

var theImage19 = theContent.findName("Dwnld_IconOFF");
  theImage19.setSource(sender, "images/dwnld_iconOFF.png");

var theImage20 = theContent.findName("Dwnld_IconON");
  theImage20.setSource(sender, "images/dwnld_iconON.png");

var theImage21 = theContent.findName("WP_IconOFF");
  theImage21.setSource(sender, "images/wp_iconOFF.png");

var theImage22 = theContent.findName("WP_IconON");
  theImage22.setSource(sender, "images/wp_iconON.png");

var theImage23 = theContent.findName("DownloadLink_Over");
  theImage23.setSource(sender, "images/download_over.png");

var theImage24 = theContent.findName("DownloadLink_Normal");
  theImage24.setSource(sender, "images/download_normal.png");

var theImage25 = theContent.findName("WhitePaperLink_Over");
  theImage25.setSource(sender, "images/learn_over.png");

var theImage26 = theContent.findName("WhitePaperLink_Normal");
   theImage26.setSource(sender, "images/learn2.png");

var theImage27 = theContent.findName("CaseStudiesLink_Over");
  theImage27.setSource(sender, "images/learn_over2.png");

var theImage28 = theContent.findName("CaseStudiesLink_Normal");
  theImage28.setSource(sender, "images/learn.png");

var theImage29 = sender.findName("WhitePaperBlurb");
  theImage29.setSource(sender, "images/WhitePaperBlurb.png");

var theImage30 = sender.findName("WP_buttonLabel_black");
  theImage30.setSource(sender, "images/WP_buttonLabel_black.png"); 

var theImage30a = sender.findName("WP_buttonLabel");
  theImage30a.setSource(sender, "images/WP_buttonLabel.png");    

var theImage31 = sender.findName("Intro_blurb");
  theImage31.setSource(sender, "images/Intro_blurb.png"); 

var theImage32 = sender.findName("Download_buttonLabel");
  theImage32.setSource(sender, "images/Download_buttonLabel.png"); 

var theImage33 = sender.findName("Download_buttonLabel_Black");
  theImage33.setSource(sender, "images/Download_buttonLabel_Black.png"); 

var theImage34 = sender.findName("CS_buttonLabel_Black");
  theImage34.setSource(sender, "images/CS_buttonLabel_Black.png"); 

var theImage35 = sender.findName("CS_buttonLabel");
  theImage35.setSource(sender, "images/CS_buttonLabel.png"); 

var theImage36 = sender.findName("DownloadBlurb");
  theImage36.setSource(sender, "images/DownloadBlurb.png"); 

var theImage37 = sender.findName("CaseStudiesBlurb");
  theImage37.setSource(sender, "images/CaseStudiesBlurb.png"); 


  
//var Intro_blurb = sender.findName("");
  //Intro_blurb.setFontSource(sender);
  //Intro_blurb.fontFamily = "Segoe UI"



}