<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>
<!--<link href="style.css" rel="stylesheet" type="text/css" />-->

<link type="text/css" href="styles/bottom.css" rel="stylesheet" />
		<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
		<script type="text/javascript" src="lib/jquery.pikachoose.js"></script>
		<script language="javascript">
		 
		$(document).ready(
				function (){
					$("#pikame").PikaChoose({carousel:true,carouselOptions:{wrap:'circular'}});
				});
		</script>
</head>

<body>

<?php 

$studentphotos = array (
0 => 'img/01_Andrea_Apuzzio.jpg', 
1=> 'img/02_Christine_Austin.jpg', 
2 => 'img/03_Anthony_Chin.jpg',
3 => 'img/04_Kyle_Czepiel.jpg',
4 => 'img/05_Ryan_Czepiel.jpg', 
5=> 'img/06_Mark_Dy.jpg', 
6 => 'img/07_Luke_Magri.jpg',
7 => 'img/08_Jessielyn_Palumbo.jpg',
8=> 'img/09_Samantha_Prowse.jpg', 
9=> 'img/10_Elizabeth_Swesey.jpg'
);
 



$studentnames = array ( 
0 => 'Andrea', 
1 => 'Christine', 
2 => 'Anthony' ,
3 => 'Kyle' ,
4 => 'Ryan', 
5 => 'Mark' ,
6 => 'Luke' ,
7 => 'Jessielyn', 
8 => 'Samantha' ,
9 => 'Elizabeth'  

);

?>
 

<h2>This is the slider example </h2>
using pikachoose plugin. http://www.pikachoose.com/
<div class="pikachoose">
<ul id="pikame" class="jcarousel-skin-pika">
<?php

for ($i = 0; $i <= 9; $i++) {
echo "<li><img src=\"$studentphotos[$i] \" width=\"366\" ></li>";
}
?>
 
 </ul>
</div>



 
 </body>
</html>