<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Rotating Quotes</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
//Rotating quotes on the homepage
jQuery('.quoteItemhp');
setInterval(function(){
jQuery('.quoteItemhp').filter(':visible').fadeOut(1000,function(){
if(jQuery(this).next('.quoteItemhp')){
jQuery(this).next().fadeIn(700);
}
else{
jQuery('.quoteItemhp').fadeIn(700);
}
});
},7000);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table align="center" cellpadding="0" cellspacing="0" class="quotesContentTablehp">
<tr class="quoteListhp">
<td align="left" class="quoteItemhp"><p>This is Quote 1.<span>-Caitlin</span></p></td>
<td align="left" class="quoteItemhp" style="display:none;"><p>This is Quote 2. The second quote.<span> -Shaunlee</span></p></td>
<td align="left" class="quoteItemhp" style="display:none;"><p>This is Quote 3. The third quote.<span> -Tammy</span></p></td>
<td align="left" class="quoteItemhp" style="display:none;"><p>This is Quote 4. The fourth quote.<span> -Kenya</span></p></td>
<td align="left" class="quoteItemhp" style="display:none;"><p>This is Quote 5. The fifth quote.<span> -Holly</span></p></td>
<td align="left" class="quoteItemhp" style="display:none;"><p>This is Quote 6. The sixth quote.<span> -Jennifer</span></p></td>
</tr>
</table>
<input name="ctl00$cphQuotes$ListSummary2$ctl00$cphQuotes$ListSummary2EktronClientManager" type="hidden" id="ctl00_cphQuotes_ListSummary2_ctl00_cphQuotes_ListSummary2EktronClientManager" value="EktronJS,EktronThickBoxJS,EktronDmsMenuJS,AjaxScript" />
</div>
</form>
</body>
</html>