I was wondering if anyone can help me figure out why this site isn't working.

here is my code:
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   	<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">   			
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="content-Type" content="cache"  />
	<meta name="robots" content="INDEX,FOLLOW" />
	<meta name="keywords" content="Enter Keywords" />
    <meta name="description" content="Description Here" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more


<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [750, 500], //width/height of gallery in pixels. Should reflect dimensions of largest image
		imagearray: [
		["/images/allimages/vdance750x500.png", "", "", "Caption"],
		["/images/allimages/vpoca750x500.png",  "", "", ""],
		["/images/allimages/vhat750x500.png", "", "", "" ],
		["/images/allimages/vstairs750x500.png", "", "", ""] //<--no trailing comma after very last image element!
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""

<title>Vanadia's Site</title>




<div id="fadeshow1"></div>

<br />

<div id="mainbox">  </div> 
<div id="footer">