shop.php

<?php
session_start();
include_once("toplinks.php");
?>

<html xmlns="http://www.w3.org/1999/xhtml">
<link href='http://fonts.googleapis.com/css?family=Macondo+Swash+Caps' rel='stylesheet' type='text/css'>
<head>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-25954850-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Chimpinabox.com</title>

<link rel="stylesheet" href="./resources/style.css" />

<script type="text/javascript" >
var selectedhead = 0;
var headids = [];
var headdescriptions = [];
var headcosts = [];

var selectedbody = 0;
var bodyids = [];
var bodydescriptions = [];
var bodycosts = [];
<?php
$headids = mysql_query("SELECT * FROM headids where hidden = '0'");
$bodyids = mysql_query("SELECT * FROM bodyids where hidden = '0'");
while($headrow = mysql_fetch_array($headids)){
    echo 'headids.push("'. $headrow["id"] .'");

    headdescriptions.push("'. $headrow["description"] .'");

    headcosts.push("'. $headrow["cost"] . '");

    ';
    }

while ($bodyrow = mysql_fetch_array($bodyids)){
    echo 'bodyids.push("'. $bodyrow["id"] .'");

    bodydescriptions.push("'. $bodyrow["description"] .'");

    bodycosts.push("'. $bodyrow["cost"] .'");


    ';
    }
    ?>
    function right(){
        selectedhead += 1;
        if(selectedhead == headids.length){
            selectedhead = 0;
        }
        document.images('HeadImage').src = "./resources/chimp/head/" + headids[selectedhead] + ".png";

    }
</script>

</head><body>
<table border="0" cellpadding="12" width="100%">
  <tbody><tr>
    <td width="78%"><h1>Chimpinabox.com</h1></td>
    <td width="22%"><?php echo $toplinks; ?><br />
</td>
  </tr>
</tbody></table>
<center><img src="./resources/images/shoplogo.png" alt="Shop Logo" ></center>
<!--<h2>Consumables</h2>
<form method="POST" action="itembuy.php?itemid=1"><input type="submit" value="Buy"><img src="resources/item/bunchofban.jpg" alt="Banana" /></form><br>
<form method="POST" action="itembuy.php?itemid=2"><input type="submit" value="Buy"><img src="resources/item/nuts.jpg" alt="" /></form> -->
<center>

<table>
<tr>
<td><div id="headcontainer" align='center' style='width:333px; height:500px; background-image:url(resources/chimp/body/1.png)'>
<img name="HeadImage" src="resources/chimp/head/1.png"/>
</div></td>
<td>
<a onClick="right();"><img src="resources/images/right.png" alt="Right" ></a>
</td>
</tr>
<tr>

<td><div id="description" align="center" style='width:333px; height:30px;'>Default</div></td>
<td></td>
</tr>
<tr>
<td>
<div align="center"><a href="#" id="purchase">Buy Headgear</a></div>
<div align="center"><a href="#" id="purchase2">Buy Bodygear</a></div>
</td>
<td></td>
</tr>
</table>
</center>


</body></html>
</html>