<!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="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />

<!-- Site JavaScript -->
		<script type="text/javascript"
			src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#one').ContentSlider({
					width : '300px',
					height : '300px',
					speed : 800,
					easing : 'easeOutQuad'
				});
			});
			
		</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' ,

);

?>
<div class="frame">

<h2>ADA 388 students</h2>

<div id="one" class="contentslider">


			<div class="cs_wrapper">
				<div class="cs_slider">


<?php

for ($i = 0; $i <= 10; $i++) {
echo "<div class=\"cs_article\">";
echo "<h2>$studentnames[$i]</h2>";
echo "<img src=\"$studentphotos[$i] \" >";

echo "</div>";
}
?>


 </div>
 </div>
 </div>


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