Manşet Haberde Hata

<script type="text/javascript">
var aktif = 1; var timer; var adet;
$(document).ready(function(){
$("#manset").show().animate({ opacity: 1 });
$("#manset div").hide().animate({ opacity: 1 });
$("#manset div:first").show();
adet = $("#manset div").length;
sayfalar();
renk(1);
timer = setInterval(degistir,3000);
});
function degistir()
{
$("#manset div:nth-child(" + aktif + ")").slideUp(100).animate({ opacity: 0.5 });
aktif = (aktif + 1) % adet;
if(aktif == 0) aktif = adet;
$("#manset div:nth-child(" + aktif + ")").slideDown(200).animate({ opacity: 1 });
renk(aktif);
}
function tikla(deger)
{
renk(deger);
$("#manset div:nth-child("+aktif+")").slideUp(100).animate({ opacity: 0.5 });
aktif = deger;
$("#manset div:nth-child("+aktif+")").slideDown(200).animate({ opacity: 1});
clearInterval(timer);
timer = setInterval(degistir,3000);
}
function renk(deger)
{
$("#sayfa_no span").css("background-color","#ccc")
$("#sayfa_no span:nth-child("+deger+")").css("background-color","#eee");
}
function sayfalar()
{
var sayfa_no = "";
for(var i = 1; i <= adet; i++)
{
sayfa_no += "<span class='sayfa' onclick=tikla("+i+")>"+i+"</span>"
}
$("#sayfa_no").html(sayfa_no);
}
</script>
Kodlarını head taglarını arasına yazdım.Sonra aşağıdaki style dea ilave ettim
<style type="text/css">
*{padding:0; margin:0;}
body{margin:10px;cursor:default;}
#manset {cursor:default;font-family:trebuchet ms; width:440px; height:355px; border:solid 1px #ccc; background-color:#eee; padding:5px;margin:0 0 5px 0;display:none;}
#manset div{font-family:trebuchet ms; width:440px; height:355px;opacity: .5; /* For IE 5-7 */filter: progidXImageTransform.Microsoft.Alpha(Opacity=50);/* For IE 8 */-MS-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.sayfa{float:left;padding:2px 0;margin:0 2px 0 0;color:#369;cursor:default;font-family:calibri;font-size:11pt;border:solid 1px #369; width:20px; text-align:center;}
.manset_f{float:left;border:0;}
.manset_h{float:left;background-color:#dcdcdc;color:#333;width:420px;margin:0 0 5px 0;height:20px;font-size:11pt;color:#800;font-weight:bold;padding:0 10px;}
#manset a{text-decoration:none; cursor:default;}
</style>
Veri tabanımı oluşturdum ve repeatırmı da aşağıdaki gibi bağladım
<asp:Repeater ID="RpManset" runat="server" DataSourceID="AccessDataSource1">
<HeaderTemplate><div id="manset"></HeaderTemplate>
<ItemTemplate>
<div><a href="<%# Eval("haberid", "haberayrinti.aspx?id={0}") %>"><span class="manset_h"><%#DataBinder.Eval(Container.DataItem, "haberbaslik")%></span> <img src="<%#DataBinder.Eval(Container.DataItem, "haberimg")%>" class="manset_f" alt="" /></a></div>
</ItemTemplate>
<FooterTemplate></div</FooterTemplate>
</asp:Repeater>
<div><span id="sayfa_no"></span></div>

<asp:AccessDataSource ID="AccessDataSource1" runat="server"
DataFile="~/App_Data/haber.mdb"

SelectCommand="SELECT TOP 10 haberbaslik, habericerik, habertarih, haberid, haberimg FROM haber where yayindurumu='AKTİF' and habermanset='1' ORDER BY haberid DESC"></asp:AccessDataSource>
Çalıştırınca
$(document).ready(function(){
$("#manset").show().animate({ opacity: 1 });
$("#manset div").hide().animate({ opacity: 1 });
$("#manset div:first").show();
adet = $("#manset div").length;
sayfalar();
Satırlarında hata verdi $ tanınmıyor diyor.Çözemedim gitti C# ta hazırlanmıştır.jquery.js lin adresihttp://www.erdalaksoy.net/download/jquery_manset.js Bir yardımcı olursanız sevinirim

<HeaderTemplate><div id="manset"></HeaderTemplate>

<FooterTemplate></div</FooterTemplate>

header etiketleri içinde div i sonlardırmamışsın.daha doğrusu footertemplate de sonlandırmışsın.Burda manset divini doğru tanımlamadığın için tanımıyor.Headertemplate'e eklediğin div i headertemlate de sonlandıracaksın.Headertemplatede tanımlayıp footertemplate de sonlandıramazsın.Div tanımlamada hatan var.İyi çalışmalar.

<FooterTemplate></div</FooterTemplate>içerisinde </div>dışarı taşıdım </header template>önüne hepten arıza yaptı
<FooterTemplate></div></FooterTemplate>
şeklinde düzenledim ama bu da çözüm olmadı.Aynı hata uyarısını alıyorum.