<!doctype html>
<html lang="en">
<head>
<title>MiniRoll App</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="themes/bodyCss.css" type="text/css">
<link rel="stylesheet" href="themes/menuCss.css" type="text/css">
</head>
<body>
<div id=bg><img class="letterImg" src="backgrounds/boats.gif"/></div>
<ul><a href="#" onclick="location.reload(true); return false;"><li>Home</li></a>
<li>
Layout
<ul>
<a target="invisFrame" href="cgi-bin/listOnLeftTheme.cgi"><li>List On The Left</li></a>
<a target="invisFrame" href="cgi-bin/gridTheme.cgi"><li>Grid</li></a>
<a target="invisFrame" href="cgi-bin/centerList.cgi"><li>List Centered</li></a>
</ul>
</li>
<li>About</li>
<a href="cgi-bin/lastSearch.cgi"><li>Last Search</li></a>
<a href="cgi-bin/quit.cgi" style="float:right;"><li>Quit</li></a>
<a href="#" style="float:right;" onclick="location.reload(true); return false;"><li>Refresh</li></a>
</ul>
<div style="float:left;">
<form action="cgi-bin/crunchyScan.cgi" method="get">
<font color="#FFFFFF">Crunchy Search :</font> <br/>
<input type="text" name="anime"></input>
<input type="submit" name="subbtn" value="Submit">
</form>
</div>
<div style="clear:left;float:left;">
<form action="cgi-bin/animeNtwrkScan.cgi" method="get">
<font color="#FFFFFF">Anime Network Search :</font> <br/>
<input type="text" name="anime"></input>
<input type="submit" name="subbtn" value="Submit">
</form>
</div>
<div style="clear:left;z-index:0;">
<form action="cgi-bin/alphaList.cgi" method="get" style="color:#00E8FF;">
<div class="letters">
<center> <input type="image" name="letter" value="a" class="letterImg" src="./icons/a.png" /></center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="b" class="letterImg" src="./icons/b.png" /></center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="c" class="letterImg" src="./icons/c.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="d" class="letterImg" src="./icons/d.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="e" class="letterImg" src="./icons/e.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="f" class="letterImg" src="./icons/f.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="g" class="letterImg" src="./icons/g.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="h" class="letterImg" src="./icons/h.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="i" class="letterImg" src="./icons/i.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="j" class="letterImg" src="./icons/j.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="k" class="letterImg" src="./icons/k.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="l" class="letterImg" src="./icons/l.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="m" class="letterImg" src="./icons/m.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="n" class="letterImg" src="./icons/n.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="o" class="letterImg" src="./icons/o.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="p" class="letterImg" src="./icons/p.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="q" class="letterImg" src="./icons/q.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="r" class="letterImg" src="./icons/r.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="s" class="letterImg" src="./icons/s.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="t" class="letterImg" src="./icons/t.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="u" class="letterImg" src="./icons/u.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="v" class="letterImg" src="./icons/v.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="w" class="letterImg" src="./icons/w.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="x" class="letterImg" src="./icons/x.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="y" class="letterImg" src="./icons/y.png" /> </center> <br/>
</div>
<div class="letters">
<center> <input type="image" name="letter" value="z" class="letterImg" src="./icons/z.png" /> </center> <br/>
</div>
</form>
</div>
<iframe id="frame" frameborder="0"></iframe>
<iframe id="invisFrame" name="invisFrame" frameborder="0"></iframe>
</body>
</html>