<?php
$Username = $_GET["Username"];
?>
<html>
<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<link rel="stylesheet" href="styles.css" type="text/css">
		<link rel="stylesheet" href="css1/galleriffic-2.css" type="text/css1" />
		<script type="text/javascript" src="js1/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="js1/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="js1/jquery.opacityrollover.js"></script>
		<!-- We only want the thunbnails to display when javascript is disabled -->
		<script type="text/javascript">
			document.write('<style>.noscript { display: none; }</style>');
		</script>
		<style type="text/css">
  #tabs {
      float:left;
      width:100%;
      background:purple;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0px 100px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 20px;
      color:#666;

      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }


	  
</style>
</head>
<?php
$login=mysql_connect('localhost', 'wauhaha_karaoke', 'cross123','wauhaha_karaoke');
	
mysql_selectDB("wauhaha_karaoke",$login);
$re = mysql_query("select * from regmember where Username='$Username'");
$r = mysql_fetch_array($re);

echo "<table align='center' class='header' >
	<tr>
		<td ><img src=banner1.gif width=700 height=120 style='margin-left:'></td>
		<td><fieldset><form method=post action='http://www.wauhaha.com/konline/LogonAction.php'>
		<table><tr><td>Username :</td><td>$Username</td></tr><tr><td></td></tr><tr><td colspan=2 align=center><a href=adminaccdetails.php?Username=$Username>Account Manage</a></td></tr><tr><td colspan=2 align=center><a href=index.php>Log Out</a></td></tr></table></form></fieldset></td>
	</tr>
	<tr>
		<td colspan=2><center><div id='tabs'>
  <ul>
    <li><a href='adminindex.php?Username=$Username'><span>Home</span></a></li>
    <li><a href='adminAbtUs.php?Username=$Username'><span>About Us</span></a></li>
    <li><a href='adminroom.php?Username=$Username'><span>Room</span></a></li>
    <li><a href='admin1.php?Username=$Username'><span>Member</span></a></li>

    <li><a href='adminsong.php?Username=$Username'><span>New Songs</span></a></li>
	<li><a href='adminprom.php?Username=$Username'><span>Promotion</span></a></li>
	<li><a href='adminjob.php?Username=$Username'><span>Job Application</span></a></li>
  </ul>
</div></center></td>
	</tr>
</table>
</div>";
?>
<div align=center>
<table align=center class="body" >
<tr>
	<td  width=150 align=center  ><div id="page">
			<div id="container">
				<!-- Start Advanced Gallery Html Containers -->
				<div id="gallery" class="content">
					<div id="controls" class="controls"></div>
					<div class="slideshow-container">
						<div id="loading" class="loader"></div>
						<div id="slideshow" class="slideshow"></div>
					</div>
					<div id="caption" class="caption-container"></div>
				</div>
				<div id="thumbs" class="navigation">
					<ul class="thumbs noscript">
			<?php 
			$result = mysql_query("select * from pic");
			
			while($row=mysql_fetch_array($result)){
			echo"			<li>
							<a class='thumb' name='leaf' href=".$row['picname']." title='Title #0'>
								<img src=".$row['picname']."  width=75 height=75/>
							</a>
				
						</li> ";
} ?>
					
					</ul>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div id="footer">&copy; 2009 Trent Foley</div>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 15,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
			});
		</script></td>
</tr>


</table>
</div>
<!--footer!-->
<div align=center>
<table align="center" class="footer" style="font-size:6pt" >
	 <td><hr></td>
	</tr>
   <tr>
      <td style="padding: 10px">
	  
	  <p align="center">FOOTER GOES HERE</p>
	  
	  <p align="center">
	  
	  <a href="contact.html">Contact us</a>&nbsp;&nbsp;&nbsp;
	  <a href="privacy.html">Disclaimers and Privacy Policy</a>&nbsp;&nbsp;&nbsp;
	  <a href="resources.html">Resources</a>&nbsp;&nbsp;&nbsp;
	  <br><br>
	  &copy; 2005 - www.yourwebsite.com</p>
	  
	  </td>
   </tr>

</table>
</div>
</body>
</html>