


function onLoaded(sender, eventArgs)
{
    token = sender.addEventListener("MouseLeftButtonDown", toggle_fullScreen);
		}

function canvas_loaded(sender, args)
{  
    var plugin = sender.getHost();
    plugin.content.onfullScreenChange = onFullScreenChanged;  

}

function toggle_fullScreen(sender, args)
{
    var canvas = sender.getHost();
    canvas.content.fullScreen = !canvas.content.fullScreen;  
   
}

function onFullScreenChanged(sender, args)
{
    var canvas = sender.getHost();		
    var buttonPanel = sender.findName("ButtonPanel");
		var status = sender.findName("Status");
		var current = sender.findName("Current");
		var load = sender.findName("Load");
		var set = sender.findName("set");		
    var mediaPlayer = sender.findName("vid");
		mediaPlayer.width = canvas.content.actualWidth;
    mediaPlayer.height = canvas.content.actualHeight;
		
    if (canvas.content.fullScreen == true)
    {
      buttonPanel.opacity = 0;
			load.opacity = 0;
			set.opacity = 0;	
			mediaPlayer.setValue("Canvas.Left",0);
			mediaPlayer.setValue("Canvas.Top",0);
			status.setValue("Canvas.Left",40);
			status.setValue("Canvas.Top",1);				
			current.setValue("Canvas.Left",120);
			current.setValue("Canvas.Top",3);
			
    }
    else 
    {
      buttonPanel.opacity = 1;
			load.opacity = 1;
			set.opacity = 1;			
			mediaPlayer.width = 640;
      mediaPlayer.height = 360;								
			mediaPlayer.setValue("Canvas.Left",5);
			mediaPlayer.setValue("Canvas.Top",5);
			status.setValue("Canvas.Left",320);
			status.setValue("Canvas.Top",380);	      			
			current.setValue("Canvas.Left",420);
			current.setValue("Canvas.Top",381);		
    }     
	}
	
	
	
function Play1(sender, args)
{
	var meVid = sender.findName("vid");
	if(meVid.CurrentState == "Playing")
	{
		meVid.Pause();
		sender.findName("Arrow").Opacity=1;
		sender.findName("roundArrow").Opacity=1;
	}
	else if(meVid.CurrentState != "Closed")
	{
		meVid.Play();
		sender.findName("Arrow").Opacity=0;
		sender.findName("roundArrow").Opacity=0;
	}
}



function doPlay(sender, args)
{
	var meVid = sender.findName("vid");
	mediaElement.Play();
	sender.findName("Arrow").Opacity=0;
	sender.findName("roundArrow").Opacity=0;
}

function doStop(sender, args)
{
	var mediaElement = sender.findName("vid");
	mediaElement.Stop();
	sender.findName("Arrow").Opacity=1;
	sender.findName("roundArrow").Opacity=1;
}

function doPause(sender, args)
{
	var meVid = sender.findName("vid");
	mediaElement.Pause();
	sender.findName("Arrow").Opacity=1;
	sender.findName("roundArrow").Opacity=1;
}


function doState(sender, args)
{
	var meVid = sender.findName("vid");
	var currentStat = sender.findName("currentStat");
	durationString = meVid.CurrentState;
	currentStat.Text = durationString.toString();	
}

function onMediaOpened(sender, args)
{
mediaElement = sender;
positionText = sender.findName("positionText");
// Start updating the position text every second
handle = setInterval(updatePosition, 1000);
// Variable to hold the MediaAttribute.
		var theText = sender.findName("dataText");
		//var rightText = sender.findName("copyText");
		//var descText = sender.findname("absText");		
    //var meVid = sender.findName("vid");
		var attribute;
   
    // Get the MediaAttribute named Title
    try
    {
        var attributesCollection = sender.Attributes;
        attribute = attributesCollection.getItemByName("title");
				//copy = attributesCollection.getItemByName("copyright");
				//detail = attributesCollection.getItemByName("abstract");
    }
    catch(errorObj)
    {
        alert(errorObj.message);
    }
    
    // Display the Value of the MediaAttribute
    if(attribute != null)
    {
    var attributes = attribute.value;
		theText.Text = attributes.toString();
		//var copyright = "©" + copy.value;
		//rightText.Text = copyright.toString();
		//var describe = detail.value;
		//descText.Text = describe.toString();
    }
}

function updatePosition()
{
// Format both the Position and NaturalDuration for display
positionText.Text = formatSeconds(mediaElement.Position.Seconds) + " | " +
formatSeconds(mediaElement.NaturalDuration.Seconds);
}
function formatSeconds(seconds)
{
// Convert seconds into mm:ss
return Math.floor(seconds / 60) + ":" + (seconds % 60 < 10 ? "0" : "") +
Math.floor(seconds % 60);
}


function onMediaEnded(sender, args)
{
// Stop updating the position text
	var mediaElement = sender.findName("vid");
	mediaElement.Stop();
	sender.findName("Arrow").Opacity=1;
	sender.findName("roundArrow").Opacity=1;
	clearInterval(handle);
}


function RollIntoPlay(sender, args){
sender.findName("Play").Foreground="#FF333333";
}
function RollOutofPlay(sender, args){
sender.findName("Play").Foreground="#FFFFFFFF";
}

function RollIntoPause(sender, args){
sender.findName("Pause").Foreground="#FF333333";
}
function RollOutofPause(sender, args){
sender.findName("Pause").Foreground="#FFFFFFFF";
}

function RollIntoStop(sender, args){
sender.findName("Stop").Foreground="#FF333333";
}
function RollOutofStop(sender, args){
sender.findName("Stop").Foreground="#FFFFFFFF";
}


function RollIntoFull(sender, args){
sender.findName("toFull").Fill="#99333333";
sender.findName("toFullLine").Stroke="#99333333";
sender.findName("toFullLine").Fill="#88FFFFFF";
}
function RollOutofFull(sender, args){
sender.findName("toFull").Fill="#88FFFFFF";
sender.findName("toFullLine").Stroke="#88FFFFFF";
sender.findName("toFullLine").Fill="#33000000";
}

function RollIntoArrow(sender, args){
sender.findName("Arrow").Fill="#FFFFFFFF";
sender.findName("roundArrow").Stroke="#FFFFFFFF";
}
function RollOutofArrow(sender, args){
sender.findName("Arrow").Fill="#77FFFFFF";
sender.findName("roundArrow").Stroke="#77FFFFFF";
}





