var slPlugin;
var video;
var subtitle_box;
var ended;

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

mic_1085_singing.Page = function() 
{
}

mic_1085_singing.Page.prototype =
{
	handleLoad: function(control, userContext, rootElement) 
	{
		this.control = control;
		
	}
}

function canvasLoaded(sender, args) 	{

	// Retrieve a reference to the plug-in.
    slPlugin = sender.getHost();

	video = sender.getHost().content.findName("video");
	video.addEventListener("MarkerReached", "addSubtitles");
	
	subtitle_box = sender.findName("subtitles");
	
	ended = false;
	
	getFont(sender, args);
}


function playVideo(sender, eventArgs){
	if(ended == true){
		rewindVideo(sender, eventArgs);
	} else {
		video.Play();	
	}
}

function pauseVideo(sender, eventArgs){
	video.Pause();	
}

function rewindVideo(sender, eventArgs){
	video.Stop();
	subtitle_box.Text = "";
	video.Play();
	sender.getHost().content.findName("endMessageSB").Stop();
	ended = false;
}

function endVideo(sender, EventArgs){
	ended = true;
}

function sendToFriend(){
	document.location.href="mailto:?subject=Silverlight";	
}

function addSubtitles(sender, markerEventArgs)
{
	
	if(markerEventArgs.marker.text == "--trigger--"){
		
		sender.getHost().content.findName("endMessageSB").Begin();
		
		subtitle_box.Text = "";
		
	
	} else {
		
		boundary = sender.findName("Page");
		
		subtitle_box.Text = markerEventArgs.marker.text;	
		
		var newLeft = (boundary.Width - subtitle_box.ActualWidth) / 2;
		
		subtitle_box["Canvas.Left"] = newLeft;
		
	}
  
}

function handleMouseEnter(sender, eventArgs)
{
	for(i = 0; i < sender.children.count; i++){
		var obj = sender.children.getItem(i);
		if(obj == "Path"){
			obj.Fill = "#FF890303";
		}
	}
}

function handleMouseLeave(sender, eventArgs)
{
	for(i = 0; i < sender.children.count; i++){
		var obj = sender.children.getItem(i);
		if(obj == "Path"){
			obj.Fill = "#FF000000";
		}
	}	
}
function handleMouseDown(sender, eventArgs)
{
	if (sender.Name == "playBtn"){
		playVideo(sender, eventArgs);
	} else if (sender.Name == "pauseBtn"){
		pauseVideo(sender, eventArgs);
	} else if(sender.Name == "rewindBtn"){
		rewindVideo(sender, eventArgs);
	} else if(sender.Name == "sendBtn"){
		sendToFriend();
	}
}

function getFont(sender, eventArgs)    {
	var downloader = sender.getHost().createObject("downloader");
	downloader.addEventListener("Completed", onFontCompleted);
	downloader.open("GET","Grantham Roman.ttf");
	downloader.send();
}

function onFontCompleted(sender, eventArgs)    {

    subtitle_box.setFontSource(sender);
    subtitle_box.fontFamily = "Grantham";

}