Проблем с галерия

[razor72]

Значи направих всичко от този урок http://www.huddletogether.com/projects/lightbox2/ обаче не ми изкарва така а на нова страница отваря без да има ефект явно не приема js и css кодовете сложил съм ги ама нестава тва е целия код може ли някой да ми оправи къде е грешката и защо като напиша кодовете

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

нищо нестава да кажа сайта ми е html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Mercedes-Benz: Екип</title>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language=JavaScript>
var message="Не копирай сайта!";
function clickIE4()
{
if (event.button==2)
{
alert(message);
return false;
}}
function clickNS4(e)
{
if (document.layers||document.getElementById&&!document.all)
{
if (e.which==2||e.which==3)
{
alert(message);
return false;
}}}
if (document.layers)
{
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById)
{
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>
</head>

<body>

<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:-165px; width:1271px; height:994px; z-index:0"><img src="../images/img1636984.png" alt="" border=0 width=1271 height=994></div>

<div id="image3" style="position:absolute; overflow:hidden; left:206px; top:0px; width:161px; height:56px; z-index:2"><a href="../index.html"><img src="../images/a_06.png" alt="" border=0 width=161 height=56></a></div>

<div id="image4" style="position:absolute; overflow:hidden; left:367px; top:0px; width:135px; height:56px; z-index:3"><a href="../modeli.html"><img src="../images/a_07.png" alt="" border=0 width=135 height=56></a></div>

<div id="image5" style="position:absolute; overflow:hidden; left:502px; top:0px; width:112px; height:56px; z-index:4"><a href="../slushai.html"><img src="../images/a_08.png" alt="" border=0 width=112 height=56></a></div>

<div id="image6" style="position:absolute; overflow:hidden; left:614px; top:0px; width:130px; height:56px; z-index:5"><a href="../kontakti.html"><img src="../images/a_09.png" alt="" border=0 width=130 height=56></a></div>

<div id="image7" style="position:absolute; overflow:hidden; left:744px; top:0px; width:138px; height:56px; z-index:6"><a href="../reklama.html"><img src="../images/a_10.png" alt="" border=0 width=138 height=56></a></div>

<div id="image8" style="position:absolute; overflow:hidden; left:882px; top:0px; width:235px; height:56px; z-index:7"><a href="../ekip.html"><img src="../images/a_11.png" alt="" border=0 width=161 height=56></a></div>

<div id="image9" style="position:absolute; overflow:hidden; left:140px; top:69px; width:976px; height:722px; z-index:8"><img src="../images/mercedes a-klas.png" alt="" border=0 width=976 height=722></div>

<div id="html1" style="position:absolute; overflow:hidden; left:169px; top:66px; width:1003px; height:753px; z-index:10">

<div id="text1" style="position:absolute; overflow:hidden; left:299px; top:110px; width:501px; height:466px; z-index:14"><div class="wpmd">
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
<a href="../images/mercedes a-klas1.jpg" rel="lightbox" title="my caption">http://mercedes.freebg.eu/files/2009/08/2008-mb-a-class-300x224.jpg</a>
</div></div>
<!DOCTYPE html>
<html>
<head>
  <style>
  p { width:824px; }
  </style>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<div id="text2" style="position:absolute; overflow:hidden; left:48px; top:350px; width:801px; height:466px; z-index:14"><div class="wpmd">
  <center><button>Покажи/Скрии</button></center>


  <p>
<font class="ws14" color="#F0F000"><B><font size="4">Мерцедес А-клас е малък автомобил, превърнал се в световен хит откакто започва неговото производство преди 7 години.
Последният модел е малко по-голям като размер и предлага 3 бензинови и 3 дизелови двигателя, базовите от които са бензинов А 150 с 95 конски сили, и дизелов А 162 CDI с 82 к.с.</font><B></font></p></div></div>
<script>
    $("button").click(function () {
      $("p").slideToggle("slow");
    });
</script>

</body>
</html>
<font class="ws12"><BR></font></div>
</div></div>