index.php at PhpMySphere

<html>
  <head>
    <title>phpMySphere - Powers you to power your world!</title>

	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

    <style type="text/css">
	  iframe {
		background-color: #cccccc;
	  }

      #header {
        position: fixed;
        width: 100%;
        height: 50px;
        top: 0;
        right: 0;
        bottom: auto;
        left: 150px;
		text-align: center;
		font-size: 16px;
        background-color: #cccccc;
      }

<?php

	include_once("config.php");
	
	$iSel=0;

	if($_REQUEST["cat"]=="users")
		$iSel = 1;
	elseif($_REQUEST["cat"]=="sphere")
		$iSel = 2;
	elseif($_REQUEST["cat"]=="axis")
		$iSel = 3;

	for($i=0;$i <= 3;$i++) {
	?>
	  #tab<?php echo $i; ?> {
        position: fixed;
        width: 100px;
        height: 50px;
        top: 0;
        right: auto;
        bottom: auto;
        left: <?php echo (150+($i*100)); ?>px;
		text-align: center;
		font-size: 16px;
		border: solid 1px black;
		<?php
			if($i == $iSel)
				echo "background-color: gray;";
			else
				echo "background-color: light-gray;";
		?>
	  }
<?php } ?>

	  #navheader {
		position: fixed;
        width: 150px;
        height: 20px;
        top: 50px;
        right: auto;
        bottom: 30px;
        left: 0;
		foreground-color: white;
        background-color: gray;
		border: solid 1px black;
	  }
      #sidebar {
        position: fixed;
        width: 150px;
        height: auto;
        top: 75px;
        right: auto;
        bottom: 30px;
        left: 0;
        background-color: #cccccc;
      }
      #main {
        position: fixed;
        width: auto;
        height: auto;
        top: 50px;
        right: 0;
        bottom: 30px;
        left: 150px;
        overflow: auto;
        padding: 2px .5em;
		border: solid 1px black;
        background-color: gray;
      }
      #footer {
        position: fixed;
        width: 100%;
        height: 30px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        margin-top: auto;
        background-color: #cccccc;
      }
    </style>
  </head>
  <body>

	<div id="tab0"><br />
      <a href="index.php">Start</a>
    </div>
    <div id="tab1"><br />
      <a href="index.php?cat=users">Sphereusers</a>
    </div>
	<div id="tab2"><br />
	  <a href="index.php?cat=sphere">Sphere.ini</a>
	</div>
	<!--
	Deaktivate Axis for now !
	<div id="tab3"><br />
	  <a href="index.php?cat=axis">Axisserver</a>
	</div>
	-->
    <div id="sidebar">
	<?php
		if(!empty($_REQUEST["cat"])) {
			include("src/cats/".$_REQUEST["cat"]."/side_index.php");
		}
	?>
    </div>
    <div id="main">
	<!--
		<iframe width="100%" height="100%" src="dynamic.php?cat=<?php echo $_REQUEST["cat"]; ?>&subcat=<?php echo $_REQUEST["subcat"]; ?>">
			Leider kann ihr Browser keine iFrames darstellen
		</iframe>

		I returned to the DIVs even with the bugs in it !
	-->
		<?php
		if(empty($_REQUEST["cat"]))
		{
			echo "Welcome to <b>phpMySphere</b>!<br />Note that this software is still at ALPHA State<br />We also make usage of CSS2 which is supported by most newer browsers like Mozilla, Opera and the KHTML System";
		} else {
			if(empty($_REQUEST["subcat"]))
				include("src/cats/".$_REQUEST["cat"]."/index.php");
			else
				include("src/cats/".$_REQUEST["cat"]."/".$_REQUEST["subcat"].".php");
		}
		?>
    </div>
	<!-- Link to the Homepage -->
    <div id="footer"><a href="http://phpMySphere.sf.net" target="_blank">phpMySphere</a> - powers you to power a world</div>
  </body>
</html>