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

MicrosoftSlagfactorImageViewer.Page = function() 
{
}
var Jsender;
var imgFadeOut;
var intervalID = setInterval("fadeNext()", 5000);

MicrosoftSlagfactorImageViewer.Page.prototype =
{
	handleLoad: function(control, userContext, rootElement) 
	{
		this.control = control;
		Jsender = rootElement;
		imgFadeOut = "image1";
		rootElement.findName("FadeIn").Stop();
		rootElement.findName("FadeInKeyframe")["Storyboard.TargetName"] = "image1";
		rootElement.findName("FadeIn").Begin();
		changeButton(imgFadeOut)
		// Sample event hookup:	
		rootElement.findName("button1").addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleButton1));
		rootElement.findName("button2").addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleButton2));
		rootElement.findName("button3").addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleButton3));
	},
	handleButton1: function(sender, eventArgs) 
	{
		clearInterval(intervalID); 
		fade(sender,"image1");
		intervalID = setInterval("fadeNext()", 5000);
	},
	handleButton2: function(sender, eventArgs) 
	{
		clearInterval(intervalID);
		fade(sender,"image2");
		intervalID = setInterval("fadeNext()", 5000);
	},
	handleButton3: function(sender, eventArgs) 
	{
		clearInterval(intervalID);
		fade(sender,"image3");
		intervalID = setInterval("fadeNext()", 5000);
	}
}

function fadeNext()
{
	// added by WH, Feeder Media: if no SL installed don't try fade
	if (!imgFadeOut)
		return;
	var num = imgFadeOut.substring(5,6);
	switch(num)
	{
		case "1": fade(Jsender,"image2");break;
		case "2": fade(Jsender,"image3");break;
		case "3": fade(Jsender,"image1");break;
		default:break;
	}
}

function fade(sender, imgFadeIn)
{
	//alert(sender.findName("FadeOutKeyframe")["Storyboard.TargetName"]);
	if(imgFadeOut != imgFadeIn)
	{
		sender.findName("FadeIn").Stop();
		sender.findName("FadeOut").Stop();
		sender.findName("FadeOutKeyframe")["Storyboard.TargetName"] = imgFadeOut;
		sender.findName("FadeInKeyframe")["Storyboard.TargetName"] = imgFadeIn;
		sender.findName("FadeOut").Begin();
		sender.findName("FadeIn").Begin();
		imgFadeOut = imgFadeIn;
		changeButton(imgFadeIn)
	}
}
function changeButton(imgFadeIn)
{
	switch(imgFadeIn)
	{
		case "image1":Jsender.findName("text1").Foreground = "#000";
					  Jsender.findName("text2").Foreground = "#FFF";
					  Jsender.findName("text3").Foreground = "#FFF";
					  break;
		case "image2":Jsender.findName("text1").Foreground = "#FFF";
					  Jsender.findName("text2").Foreground = "#000";
					  Jsender.findName("text3").Foreground = "#FFF";
					  break;
		case "image3":Jsender.findName("text1").Foreground = "#FFF";
					  Jsender.findName("text2").Foreground = "#FFF";
					  Jsender.findName("text3").Foreground = "#000";
					  break;
	}
}