﻿// JScript File
var player = "";
	player += "  <Canvas Canvas.Left='20' Canvas.Top='10'  x:Name='mediaCanvas1_$0'  Cursor='Hand'   MouseEnter='mouseStart'  MouseLeave='linkLeave' ><Canvas.Clip>";//239
    player += "  <RectangleGeometry Rect='0,0,400,315' RadiusX='10' RadiusY='10' />";
	player += "  </Canvas.Clip><Image  x:Name='mediaImagePlayerS_$0'  Source='assets/playerPageS.png' Opacity='0' /> <Image  x:Name='mediaImagePlayer_$0'  Source='assets/playerPage.png'  />  ";
	player += " <Canvas Width='390' Height='290' Canvas.Left='12' Canvas.Top='14'  x:Name='canv_$0' MouseLeftButtonUp='playPlayVideo'  ><Canvas.Clip><RectangleGeometry Rect='0,0,370,242' RadiusX='0' RadiusY='0' />";
	player += " </Canvas.Clip><MediaElement  Opacity='1' MediaEnded='videoEndFile' MediaOpened='videoOpenFile' x:Name='mediaVideoPlayer_$0'  Canvas.Top='1' Canvas.Left='0' Volume='1' Source='' AutoPlay='false' IsMuted='false'  Width='360' Height='240'/>";   
	
	player += " <Canvas  x:Name='mediaComment_$0'  Canvas.Left='20' Canvas.Top='80' Opacity='0' >";
	
	player += " <Canvas Canvas.Top='55' ";
    player += " ";
    player += "";
    player += "Width='400' Height='30'>";
    player += "<Canvas.Clip>";
    player += "<RectangleGeometry Rect='0,0, 330, 30'/>";
    player += "</Canvas.Clip>";
    player += "<Image x:Name='MyAnimatedImages_$0' Source='' >";//
    player += "<Image.RenderTransform>";
    player += "<TranslateTransform ";
    player += "x:Name='MyAnimatedTranslateTransform1_$0' ";
    player += "X='0' Y='0' />";
    player += "</Image.RenderTransform>";
    player += "<Image.Triggers>";
    player += "<EventTrigger RoutedEvent='Image.Loaded'>";
    player += "<BeginStoryboard>";
    player += "<Storyboard>";
    player += "<DoubleAnimationUsingKeyFrames x:Name='MyAnimatedTranslateTransform2_$0' ";
    player += " Storyboard.TargetName='MyAnimatedTranslateTransform1_$0' ";
    player += " Storyboard.TargetProperty='X' ";
    player += " Duration='0:0:6' ";
	player += " RepeatBehavior='Forever' >";//
    player += "<LinearDoubleKeyFrame Value='-335' KeyTime='0:0:6' />";
    player += "</DoubleAnimationUsingKeyFrames>";
    player += "</Storyboard>";
    player += "</BeginStoryboard>";
    player += "</EventTrigger>";
    player += "</Image.Triggers> ";
    player += "</Image>";
    player += "</Canvas>";


	player += " <TextBlock  x:Name='mediaAutor_$0' Canvas.Top='0' Text='' Foreground='white' FontSize='12' />";
	player += " <TextBlock  x:Name='mediaName_$0' Canvas.Top='20' Text='' Foreground='white' FontSize='14' />";
	player += " <TextBlock  x:Name='mediaTime_$0' Canvas.Top='0' Canvas.Left='295' Text='00:00' Foreground='white' FontSize='12' />";
	player += " </Canvas>";
	
  	player += "<Canvas.Resources>";
    player += "<Storyboard  x:Name='timer$0' Completed='timerTickVideo' >";
    player += "<DoubleAnimation Storyboard.TargetName='timerTarget$0' Storyboard.TargetProperty='(Canvas.Left)' From='0' To='1' AutoReverse='true' Duration='0:0:0.1' />";
    player += "</Storyboard>";
  	player += "</Canvas.Resources>";
 	player += "<Rectangle Opacity='0' x:Name='timerTarget$0'/>";	
	player += " </Canvas>";	
	
	player += " <Canvas  Canvas.Top='261'  Width='362' Height='5' Canvas.Left='16' >";	
	player += " <Canvas.Clip><RectangleGeometry Rect='0,0,362,5' RadiusX='2' RadiusY='2' /></Canvas.Clip>";
	player += " <Rectangle x:Name='MoviePosition$0' Fill='red' Width='0' Height='5' StrokeThickness='1' Opacity='1' /></Canvas>";	
	
	player += " <Canvas  x:Name='MoviePositionSound$0'  Canvas.Top='285'   Width='10' Height='7' Canvas.Left='323'    >";	
	player += " <Canvas.Clip><RectangleGeometry Rect='0,0,10,7' RadiusX='2' RadiusY='2' /></Canvas.Clip>";
	player += " <Rectangle Fill='#ffff00' Width='10' Height='7' StrokeThickness='1' Opacity='1' /></Canvas>";	
	
	player += " <Canvas  Canvas.Top='271'  x:Name='PositionSound_$0' MouseMove='moveSound'  MouseEnter='soundEnter' MouseLeftButtonDown='changeSoundDown' MouseLeftButtonUp='changeSound'  Width='30' Height='110' Canvas.Left='245' >";	
	player += " <Rectangle Fill='red' Width='110' Height='30' StrokeThickness='1' Opacity='0' /></Canvas>";	
	
	player += " <Canvas  Canvas.Top='275'>";
	player += " <Rectangle Fill='red'  x:Name='back_$0' Width='40' Height='30' StrokeThickness='1' Canvas.Left='25'  Cursor='Hand' Opacity='0.0'   MouseLeftButtonUp='playBackVideo' />";	  
	player += " <Rectangle Fill='red' x:Name='play_$0'  Width='40' Height='30' StrokeThickness='1' Canvas.Left='70'  Cursor='Hand' Opacity='0.0'  MouseLeftButtonUp='playPlayVideo' />";
	player += " <Rectangle Fill='red' Width='40' Height='30'  x:Name='stop_$0'  StrokeThickness='1' Canvas.Left='117'  Cursor='Hand' Opacity='0.0'  MouseLeftButtonUp='playStopVideo' />";
	player += " <Rectangle Fill='red'  x:Name='next_$0'  Width='40' Height='30' StrokeThickness='1' Canvas.Left='163'  Cursor='Hand' Opacity='0.0'   MouseLeftButtonUp='playNextVideo' />";
	player += " </Canvas>";
	
	player += " </Canvas>"; 
	//player = '';
	


