No me funciona el carrusel de imágenes de Doodleo

No se en qué me estoy equivocando, pero el carrusel no me funciona, ni subiendolo al servidor. Os dejo mi página para que le echeis un vistazo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<div id="wrapper">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>fotos</title>
<meta name="description"content="Aquí encontrarás fotos de todos los senderos, la sierra, la playa, amigos y la familia"/>
<meta name="keywords"content="fotos, imagenes, senderismo, senderos, caminos, andar, caminar, montaña, monte, sierra, playa, amigos, familia, atrochito, mascota"/>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>

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

<script type="text/javascript">

$(document).ready(function() {

$('.carruseldeimagenes').cycle({

fx: 'fade'

});

});

</script>

</head>
<body bgcolor="#FFFFF0">
<div id="global">
<div id="curva-superior"></div>
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="cabecera">
<div id="logotipo"><a href="../index.html"><img src="../objetos/logotipo.jpg"
width="270" height="100"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad"><img alt="Sierra_Nevada (25K)" src="../objetos/Sierra_Nevada.jpg" height="97" width="500" /></div>
</div>
<div id="navegacion">
<ul><li><a href="../index.html">Portada</a></li><li><a href="../sierra-gador/sierra-gador.html">Sierra de Gador</a>
</li><li><a href="../sierra-nevada/sierra-nevada.html">Sierra Nevada</a>
</li><li><a href="../cabo-gata/cabo-gata.html">Cabo de Gata</a>
</li><li><a href="../fotos/fotos.html">Fotos</a></li><li><a href="../otroseventos/otroseventos.html">Otros eventos</a>
</li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<h1>Fotos</h1>
<ul>
<li><a href="fuentealta.html">Fuente Alta</a>
</li><li>
<a href="nuevomundo.html">Nuevo Mundo</a>
</li><li>
<a href="abrucena.html">Abrucena</a>
</li><li>
<a href="cabodegata.html">Cabo de Gata</a>
</li><li>
<a href="chullo.html">Chullo</a>
</li><li>
<a href="mulhacen.html">Mulhacén</a>
</li><li>
<a href="sietelagunas.html">Siete Lagunas</a>
</li>
</ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>Fotos de Atrochacerros</h1>
<div class="carruseldeimagenes">
<img src="objetos/atrochito.JPG"class="izquierda" height="225px" width="300px" alt="Foto mascota Atrochito" />
<img src="objetos/fauna01.jpg" class="derecha"height="225px" width="300px" alt="Foto cabra montés" />
<!--<img src="URL DE LA IMAGEN" alt="TEXTO" />
<img src="URL DE LA IMAGEN" alt="TEXTO" />
<img src="URL DE LA IMAGEN" alt="TEXTO" />-->
</div>

<p><img alt="Atrochito (34K)" src="objetos/atrochito.JPG"class="izquierda" height="225px" width="300px">
<img alt="Cabra montés (44K)" src="objetos/fauna01.jpg" class="derecha"height="225px" width="300px"></p>
<!--<p><img alt="Atrochacerros (30K)" src="objetos/foto07-2007.jpg"class="izquierda"height="225px" width="300px">
<img alt="Reponiendo energías (46K)" src="objetos/foto06-2009.JPG" class="derecha"height="225px" width="300px"></p>-->
<p>Aqui podeis disfrutar de una selección de las mejores fotos de los
Atrochacerros, de su mascota "Atrochito", de momentos inolvidables y otras
curiosidades.</p>
</div>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">

<ul>
<!--<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li>
<li><a href="#">Nos Enlazan</a></li>-->
</ul>
</div>
<div id="piedos"><img alt="Sierra_Nevada0 (15K)" src="../objetos/Sierra_Nevada0.jpg" height="105" width="500" /></div>
<div id="pietres">
<ul>
<!--<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li>
<li><a href="#">Mapa de la Web</a></li>-->
</ul>
</div>
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
<div id="curva-inferior"></div>
</div>
</body>
</html>
</div>
NO funciona directamente? O te sale algñun mensaje de error

Por cierto, la 2ª linea tiene:
<div id="wrapper">

NO se debe poner nada de código de "diseño" fuera de las etiquetas body.

PD: En la última linea, ya al cerrar body y html, se cierra un div, eso, también se considera un error :P
Nose por que sospecho que no tienes jquery o cycle.js en tu web... podrias por favor pasarme el link a tu web, o verificar tu mismo que tienes EN LA MISMA CARPETA la pagina y jquery (y cycle)...


PD: lo estuve revisando y a mi me funciona perfectamente con el mismo codigo que me diste!
"<div id="wrapper"> y </div> " lo puse porque leí en algún lugar de este foro que poniendo eso que englobara toda la web, esta quedaría centrada en todos los navegadores.