<?php
session_start();
$username = $_SESSION['members'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Fixed Navigation - Codrops</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8"/>
        <script type="text/javascript" src="jquery-1.3.2.js"></script>
		<script type="text/javascript">
            $(function() {
                $('#navigation a').stop().animate({'marginLeft':'60px'},1000);

                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-45px'},200);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'60px'},200);
                    }
                );
            });
        </script>
   <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("div.content ul li a")
         .mouseover(function() {
             $(this).addClass('mouseover');
         })
         .mouseout(function() {
             $(this).removeClass('mouseover');
         });

        $("div.content ul li a").click(function(e) {
            e.preventDefault(); //prevent the link from actually navigating somewhere
            $(this).toggleClass("clicked");
            $("div.content ul li a").not(this).removeClass("clicked"); //remove the clicked class from all other elements
        });
    });
</script>
    <style>

		.body
		{
		margin-top:100px;
		margin-left:200px;
		}
		.footer
		{
		    background:#FFFFFF
		}
 
        .info{
            text-align:right;

        }
				.switchBox{
	
	
	width: 100%;
	height: 100%;

}

	
	</style>
	
	</head>
    <body>
    <table border=0 height=100% width="100%" style='position:static;margin-top:-8px' cellpadding=0 cellspacing=0 align=top>
	<tr>
		<td width="16%" rowspan=3><br></td>
	
	
	
    <td bgcolor=white class="info1"><?php include("loginlink.php"); ?></td>
	
		<td width="16%" rowspan=3><br></td>
	</tr>
	<tr>
	<td bgcolor=white >
	  <dl class="switchBox" >
	  <dt>
	  <table border=0 height='500'>
	  <tr>
	  <td width=1000 height=30 colspan=3>
	
		<ul id="menubar" >
			<li align=center><a href="info.php"  style='font-size:pt' >Introduction</a></li>
			<li align=center><a href="info_photo.php">Photo</a></li>
			<li align=center><a href="info_video.php" class=selected>Video</a></li>
			<li align=center><a href="info_game.php">Game Instruction</a></li>
	
		</ul>
	  </td>
	  </tr>
	  <tr>
		<td align=center valign=top colspan=3>
		<br>
			<object width="425" height="350" colspan=3>
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/t9z06G82nhw?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/t9z06G82nhw?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="415" allowscriptaccess="always" allowfullscreen="true"></embed></object><br><br>
		</td>
		</tr>
	  <tr>
		<td align=center><a href="info_video.php"><img src="image/video1.png" width=200 height=150 name='video1'  onMouseOver="document.images['video1'].src='image/video11.png'" onMouseOut="document.images['video1'].src='image/video1.png'" width=300 height=200><br><br></a></td>
		<td align=center><a href="info_video2.php"><img src="image/video2.png" width=200 height=150 name='video2'  onMouseOver="document.images['video2'].src='image/video22.png'" onMouseOut="document.images['video2'].src='image/video2.png'" width=300 height=200><br><br></a></td>
		<td align=center><a href="info_video3.php"><img src="image/video3.png" width=200 height=150 name='video3'  onMouseOver="document.images['video3'].src='image/video33.png'" onMouseOut="document.images['video3'].src='image/video3.png'" width=300 height=200><br><br></a></td>
	  </tr>
	  </table>
	  </dt>
	  </dl>
	  </td>
	  </tr>
	<!--webpage footer-->
	
	
	<tr>
	<td bgcolor=white class="info2">
	<?php include('footerlink1.php'); ?>

</td>
</tr>
</table>
<?php include("link.php"); ?>
	
	
	<!-- facebook like button -->




    </body>
</html>