﻿if (!window.ScriptWeb1)
	window.ScriptWeb1 = {};

ScriptWeb1.Scene = function() 
{
}

ScriptWeb1.Scene.prototype =
{
	handleLoad: function(plugIn, userContext, rootElement) 
	{
		this.plugIn = plugIn;
		
		this.textBlockHomeNoAnim = rootElement.FindName("textBlockHomeNoAnim");	
		this.textBlockMembersNoAnim = rootElement.FindName("textBlockMembersNoAnim");
		this.textBlockFeaturesNoAnim = rootElement.FindName("textBlockFeaturesNoAnim");
		this.textBlockSupportNoAnim = rootElement.FindName("textBlockSupportNoAnim");
		this.timeline1 = rootElement.FindName("Timeline1");
		this.timeline2 = rootElement.FindName("Timeline2");
		this.timeline3 = rootElement.FindName("Timeline3");
		this.timeline4 = rootElement.FindName("Timeline4");
		
		this.textBlockHomeNoAnim.addEventListener("MouseLeftButtonUp", Silverlight.createDelegate(this, this.handleMouseHome));
		this.textBlockMembersNoAnim.addEventListener("MouseLeftButtonUp", Silverlight.createDelegate(this, this.handleMouseMembers));
		this.textBlockFeaturesNoAnim.addEventListener("MouseLeftButtonUp", Silverlight.createDelegate(this, this.handleMouseFeatures));
		this.textBlockSupportNoAnim.addEventListener("MouseLeftButtonUp", Silverlight.createDelegate(this, this.handleMouseSupport));
		
		this.timeline1.addEventListener("Completed", Silverlight.createDelegate(this, this.timeline1Completed));
		this.timeline2.addEventListener("Completed", Silverlight.createDelegate(this, this.timeline2Completed));
		this.timeline3.addEventListener("Completed", Silverlight.createDelegate(this, this.timeline3Completed));
		this.timeline4.addEventListener("Completed", Silverlight.createDelegate(this, this.timeline4Completed));
	},
	
	handleMouseHome: function(sender, eventArgs) 
	{
	    this.timeline1.begin();
	},
	
	handleMouseMembers: function(sender, eventArgs)
	{
		this.timeline2.begin();
	},
	
	handleMouseFeatures: function(sender, eventArgs)
	{
		this.timeline3.begin();
	},
	
	handleMouseSupport: function(sender, eventArgs)
	{
		this.timeline4.begin();
	},
	
	timeline1Completed: function(sender, eventArgs) 
	{
	    document.getElementById("learnMoreDiv").style["display"] = "none";
        document.getElementById("featuresDiv").style["display"] = "none";
        document.getElementById("supportDiv").style["display"] = "none";
        document.getElementById("comingSoonDiv").style["display"] = "none";
        document.getElementById("homeDiv").style["display"] = "block";
	},
	
	timeline2Completed: function(sender, eventArgs) 
	{
	    document.getElementById("learnMoreDiv").style["display"] = "block";
        document.getElementById("featuresDiv").style["display"] = "none";
        document.getElementById("supportDiv").style["display"] = "none";
        document.getElementById("comingSoonDiv").style["display"] = "none";
        document.getElementById("homeDiv").style["display"] = "none";
	},
	
	timeline3Completed: function(sender, eventArgs) 
	{
	    document.getElementById("learnMoreDiv").style["display"] = "none";
        document.getElementById("featuresDiv").style["display"] = "block";
        document.getElementById("supportDiv").style["display"] = "none";
        document.getElementById("comingSoonDiv").style["display"] = "none";
        document.getElementById("homeDiv").style["display"] = "none";
	},
	
	timeline4Completed: function(sender, eventArgs) 
	{
	    document.getElementById("learnMoreDiv").style["display"] = "none";
        document.getElementById("featuresDiv").style["display"] = "none";
        document.getElementById("supportDiv").style["display"] = "block";
        document.getElementById("comingSoonDiv").style["display"] = "none";
        document.getElementById("homeDiv").style["display"] = "none";
	}
}