MediaElement issue in WPF

Question

Hello all, I have 3 treeviews which looked like this:

1. Header 1

2. Header 2                  
    a) sub header 1
    b) sub header 2

3. Header 3
    a) sub header 1
    b) sub header 2

So I have three images which already at there. So when I mouse over on 1. Header 1 it will highlight my 1. Header 1 and also opacity my image. So when selected, the 3 images will be gone and plays my video.

private void oneHover(object sender, MouseEventArgs e)
        {
            one.Background = Brushes.Gray;
            img1_1.Opacity = 0.50;
        }

        private void oneLeave(object sender, MouseEventArgs e)
        {
            one.Background = null;
            img1_1.Opacity = 1;
        }

        private void one_Selected(object sender, RoutedEventArgs e)
        {
            img1_1.Visibility = Visibility.Hidden;
            img2_1.Visibility = Visibility.Hidden;
            img3_1.Visibility = Visibility.Hidden;
            Video.Source = new Uri(@".\Videos\Basic\step_1.wmv", UriKind.Relative);
            Video.Play();
        }

So now what I want is, if i click on 2. Header 2, 2 images will show up IF VIDEO IS NT PLAYING and IF VIDEO STOP PLAYING, and i also dun want the images to show up IF THE VIDEO IS PLAYING.

if (Video.HasVideo == true)
            {
                img1_2.Visibility = Visibility.Hidden;
                img2_2.Visibility = Visibility.Hidden;
            }
            else if (Video.HasVideo == false)
            {
                Video.Visibility = Visibility.Hidden;
                img1_2.Visibility = Visibility.Visible;
                img2_2.Visibility = Visibility.Visible;
            }

I've done the following but doesn't seem to be a workable for the 2 images to be shown IF VIDEO IS NT PLAYING and IF VIDEO STOP PLAYING...

Really needed help on this =) thanks!