I cannot get my fancybox to work and I have no idea whats wrong!

It could possibly be that the links to my images aren't correct, it might be that the paths to the js-files are wrong. Or I've just missed some detail, since it's my first time using Jacascript.

Please help me!


Here is my code: (CODE)

<title>Mia's portfolio</title>
<script type="text/javascript" src="jquery.fancybox-1.3.4/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
<script type="text/javascript">
$(document).ready(function() {

$("a#single_image").fancybox();
});
</script>


and here is the code related to the image-files:

<li><a id="single_image" class="thumbnail" href="images/arts/sunset.png">
<img id="smabilder" src="images/arts/sunset.png" /><span>
<img src="images/arts/sunset.png" alt="Sunset"/><br />Sunset (2010)<br /><h6>Oil colour</h6></span></a></li>



PLEASE help, I'm in quite a hurry! :O :C