Miscellany

<?

?>

<!-- This file contains the testing code for the seiyuu database; -->

<html>
<head>
<title>Seiyuu Testing Page</title>

<style type="text/css">


#navbarwrapper
{
width: 100%;
text-align: center;

}
.navbar
{
margin-left: auto;
margin-right: auto;
//float: left;
width: auto;
//text-align: center;
height: 55px;
background: blue;
overflow: auto;
}


.navimage
{

border: 0px;
margin: 0px;
padding: 0px;
float: left;
display: inline;
}


</style>

<script>


seriesoff = new Image();
serieson = new Image();
seriesoff.src = "navpictures/seeallseries.gif";
serieson.src = "navpictures/seeallseriesHover.gif";
searchoff = new Image();
searchon = new Image();
searchoff.src = "navpictures/search.gif";
searchon.src = "navpictures/searchHover.gif";
aboutsiteoff = new Image();
aboutsiteon = new Image();
aboutsiteoff.src = "navpictures/aboutsite.gif";
aboutsiteon.src = "navpictures/aboutsiteHover.gif";


function switchImages(picName,imgName)
{
var newimage = eval(imgName + ".src");
document[picName].src = newimage;
}



</script>

</head>

<body bgcolor="black">

<center>
<h2>
<hr>
<img src="mainlogo.gif">
<hr>
</h2>

<br/>
<br/>
<br/>
<br/>

<div id="navbarwrapper">
<div class="navbar">
<a href="displayseries.php"><img  class="navimage" src="navpictures/seeallseries.gif" onMouseOver="switchImages('series','serieson')"  onMouseOut="switchImages('series','seriesoff')" name="series"></a>
<a href="search.php"><img class="navimage" src="navpictures/search.gif" onMouseOver="switchImages('search','searchon')"  onMouseOut="switchImages('search','searchoff')" name="search"></a>
</div>
</div>
 <!-- #navigation a:hover, #navigation a:focus { background: #f8f8f8 url(../images/nav.png) middle repeat-x; color: #555; border: 1px solid #78a2d1; }-->
<br/>
<a href="displayseries.php">Display Series Page</a>
<br/>








</center> 















</body>
</html>