// ----------------------------------
var downloader;
function onLoaded(sender, eventArgs)	{
	var slPlugin = sender.getHost();
	downloader = slPlugin.createObject("downloader");
	downloader.addEventListener("downloadProgressChanged", onDownloadProgressChanged);
	downloader.addEventListener("completed", onCompleted);
	downloader.open("GET", "http://www.makoto3.net/xaml/silverlight0113/videos.zip");
	downloader.send();
}

//zipダウンロード中の処理
function onDownloadProgressChanged(sender, eventArgs)	{
    var percentage = Math.floor(sender.downloadProgress * 100);
    sender.findName("progressText").text = percentage + "%";
    sender.findName("progressRectangle").width = percentage*3; 
}

//zipダウンロード後の処理
function onCompleted(sender, eventArgs)	{
	sender.findName("LoadingBar").opacity = 0;

	sender.findName("myMediaElement001").setSource(downloader,"001.wmv");
	sender.findName("myMediaElement002").setSource(downloader,"002.wmv");
	sender.findName("myMediaElement003").setSource(downloader,"003.wmv");
	sender.findName("myMediaElement004").setSource(downloader,"004.wmv");
	sender.findName("myMediaElement005").setSource(downloader,"005.wmv");
	sender.findName("myMediaElement006").setSource(downloader,"006.wmv");
	sender.findName("myMediaElement007").setSource(downloader,"007.wmv");
	sender.findName("myMediaElement008").setSource(downloader,"008.wmv");
	sender.findName("myMediaElement009").setSource(downloader,"009.wmv");
	sender.findName("myMediaElement010").setSource(downloader,"010.wmv");
	sender.findName("myMediaElement011").setSource(downloader,"011.wmv");
	sender.findName("myMediaElement012").setSource(downloader,"012.wmv");
	sender.findName("myMediaElement013").setSource(downloader,"013.wmv");
	sender.findName("myMediaElement014").setSource(downloader,"014.wmv");
	sender.findName("myMediaElement015").setSource(downloader,"015.wmv");
	sender.findName("myMediaElement016").setSource(downloader,"016.wmv");
	sender.findName("myMediaElement017").setSource(downloader,"017.wmv");
	sender.findName("myMediaElement018").setSource(downloader,"018.wmv");
	sender.findName("myMediaElement019").setSource(downloader,"019.wmv");
	sender.findName("myMediaElement020").setSource(downloader,"020.wmv");

	sender.findName("anime7").begin();

}

// ロード後----------------------------------

//小さい画像が大きくなるとtrueになる
var animeFlag = false;

function onStatus(sender,args)	{
	if(animeFlag == false)	{
		sender.findName("anime6").stop();
		var tmp = sender.getValue("Name");
		sender.findName("anime5_01")["Storyboard.TargetName"]  = tmp;
		sender.findName("anime5_02")["Storyboard.TargetName"]  = tmp + "_render";
		sender.findName("anime5").begin();
	}
}
function offStatus(sender,args)	{
	if(animeFlag == false)	{
		sender.findName("anime5").stop();
		var tmp = sender.getValue("Name");
		sender.findName("anime6_01")["Storyboard.TargetName"]  = tmp;
		sender.findName("anime6").begin();
	}
}

//クリックしたときWMVファイルを格納するグローバル変数
var videoSource;
function onAnime(sender,args)	{
	videoSource = sender.fill.SourceName;

	if(animeFlag == false)	{

		// 最初にstopしないと、"Storyboard.TargetName"の再設定ができない
		sender.findName("anime2").stop();

		//マスク用のlayer1:1
		//クリックしたRectangle:2
		//他のRectangle:0(default)
		sender["Canvas.ZIndex"] = 2;
		sender.findName("layer1")["Canvas.ZIndex"] = 1;

		origin_top = sender.getValue("Canvas.Top");
		origin_left = sender.getValue("Canvas.Left");
		var tmp = sender.getValue("Name");
		sender.findName("anime1_01")["Storyboard.TargetName"] = tmp;
		sender.findName("anime1_02")["Storyboard.TargetName"] = tmp;
		sender.findName("anime1_03")["Storyboard.TargetName"] = tmp;
		sender.findName("anime1_04")["Storyboard.TargetName"] = tmp;
		sender.findName("anime1_05")["Storyboard.TargetName"] = tmp + "_render";
		sender.findName("anime1_06")["Storyboard.TargetName"] = tmp;
		sender.findName("anime1").begin();
		animeFlag = true;

		//動画制御用Canvasを表示するアニメ
		sender.findName("anime3").begin();

		//ビデオ再生スタート
		sender.findName(videoSource).play();

	} else 	{

		// 最初にstopしないと、"Storyboard.TargetName"の再設定ができない
		sender.findName("anime1").stop();

		//マスク用のlayer1:-1
		//クリックしたRectangle:0
		//他のRectangle:0(default)
		sender["Canvas.ZIndex"] = 0;
		sender.findName("layer1")["Canvas.ZIndex"] = -1;

		var tmp = sender.getValue("Name");
		sender.findName("anime2_01")["Storyboard.TargetName"] = tmp;
		sender.findName("anime2_02")["Storyboard.TargetName"] = tmp;
		sender.findName("anime2_03")["Storyboard.TargetName"] = tmp;
		sender.findName("anime2_04")["Storyboard.TargetName"] = tmp;
		sender.findName("anime2_05")["Storyboard.TargetName"] = tmp + "_render";
		sender.findName("anime2_06")["Storyboard.TargetName"] = tmp;
		sender.findName("anime2").begin();

		animeFlag = false;

		//動画制御用Canvasを非表示するアニメ
		sender.findName("anime4").begin();

		//ビデオ停止
		sender.findName(videoSource).stop();
	}
}

function ctrlBtnOn(sender,args)	{
	sender.Opacity = 1.0;
}

function ctrlBtnOff(sender,args)	{
	sender.Opacity = 0.7;
}

function ctrlBtnPlay(sender,args){
	sender.findName(videoSource).play();
}
function ctrlBtnStop(sender,args){
	sender.findName(videoSource).stop();
}
function ctrlBtnPause(sender,args){
	sender.findName(videoSource).pause();
}