<Canvas
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Loaded="javascript:Piano"
  GotFocus="javascript:resetPiano"
  KeyDown="javascript:keyDown"
  KeyUp="javascript:keyUp">

  <Image Source="assets/images/bg.jpg" Height="530" Width="1024" Stretch="Fill"/>

  <Image x:Name="imgC" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/C.jpg" Opacity="0"/>
  <Image x:Name="imgC2" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/C2.jpg" Opacity="0"/>
  <Image x:Name="imgD" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/D.jpg" Opacity="0"/>
  <Image x:Name="imgD2" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/D2.jpg" Opacity="0"/>
  <Image x:Name="imgE" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/E.jpg" Opacity="0"/>
  <Image x:Name="imgF" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/F.jpg" Opacity="0"/>
  <Image x:Name="imgF2" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/F2.jpg" Opacity="0"/>
  <Image x:Name="imgG" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/G.jpg" Opacity="0"/>
  <Image x:Name="imgG2" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/G2.jpg" Opacity="0"/>
  <Image x:Name="imgA" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/A.jpg" Opacity="0"/>
  <Image x:Name="imgA2" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/A2.jpg" Opacity="0"/>
  <Image x:Name="imgB" Height="500" Width="1024" Canvas.Top="0" Source="assets/images/B.jpg" Opacity="0"/>

  <MediaElement x:Name="C" AutoPlay="false" Source="assets/media/C.wma"/>
  <MediaElement x:Name="C2" AutoPlay="false" Source="assets/media/C2.mp3"/>
  <MediaElement x:Name="D" AutoPlay="false" Source="assets/media/D.wma"/>
  <MediaElement x:Name="D2" AutoPlay="false" Source="assets/media/D2.mp3"/>
  <MediaElement x:Name="E" AutoPlay="false" Source="assets/media/E.wma"/>
  <MediaElement x:Name="F" AutoPlay="false" Source="assets/media/F.wma"/>
  <MediaElement x:Name="F2" AutoPlay="false" Source="assets/media/F2.mp3"/>
  <MediaElement x:Name="G" AutoPlay="false" Source="assets/media/G.wma"/>
  <MediaElement x:Name="G2" AutoPlay="false" Source="assets/media/G2.mp3"/>
  <MediaElement x:Name="A" AutoPlay="false" Source="assets/media/A.wma"/>
  <MediaElement x:Name="A2" AutoPlay="false" Source="assets/media/A2.mp3"/>
  <MediaElement x:Name="B" AutoPlay="false" Source="assets/media/B.wma"/>

</Canvas>