Javascript problem

by Dark_Jak_999 July 15th 2010, 6:44 pm

I was trying to put this code in an html page of my forum. The java scripts work perfectly in the preview, but when I try to see the page in normal conditions the java part doesn't work right :S
The code is this:

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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="generator" content="WordPress 3.0" />  <meta name="keywords" content="" /> <meta name="description" content="" /> <title>Fairytail RPG</title> <link rel="stylesheet" href="http://agnarson.com/wp-content/themes/v9/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Agnarson.com – Design, Typography & Structure RSS Feed" href="http://agnarson.com/feed/" /> <link rel="alternate" type="application/atom+xml" title="Agnarson.com – Design, Typography & Structure Atom Feed" href="http://agnarson.com/feed/atom/" /> <link rel="pingback" href="http://agnarson.com/xmlrpc.php" /> <link rel='archives' title='March 2009' href='http://agnarson.com/2009/03/' /> <link rel="alternate" type="application/rss+xml" title="Agnarson.com - Design, Typography & Structure » Intro Comments Feed" href="http://agnarson.com/intro/feed/" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://agnarson.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://agnarson.com/wp-includes/wlwmanifest.xml" /> <link rel='index' title='Agnarson.com – Design, Typography & Structure' href='http://agnarson.com/' /> <link rel='prev' title='Webbstjärnan' href='http://agnarson.com/works-web/webbstjarnan-elevforum/' /> <link rel='next' title='WPBandit' href='http://agnarson.com/works-branding/wpbandit/' /> <meta name="generator" content="WordPress 3.0" /> <link rel='canonical' href='http://agnarson.com/' /> <link rel='shortlink' href='http://wp.me/Pllrr-eA' />  <script type="text/javascript" src="http://agnarson.com/wp-content/plugins/cforms/js/cforms.js"></script>  <style type="text/css"> .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;} #petas { background: url('http://img94.imageshack.us/img94/1508/logospx.png') no-repeat; width: 533px; height: 121px; display: block; text-indent: -9999px; border: 0; position: absolute; top: 22px; } #contacta { background: url('http://img441.imageshack.us/img441/5852/contactag.png') no-repeat top; height: 109px; width: 108px; display: block; text-indent: -9999px; position: absolute; top: 0; left: 640px; border: 0; } #contacta:hover { background: url('http://img713.imageshack.us/img713/8960/contacta1.png') no-repeat top; height: 109px; width: 108px; display: block; text-indent: -9999px; position: absolute; top: 0; left: 640px; border: 0; } #titulo { background: url('http://img692.imageshack.us/img692/1165/registate.png') no-repeat; position: absolute; top: 129px; height: 115px; width: 958px; display: block; } .caixas { width:310px; height:210px; background: #fff; border: 1px solid #eaeaea; } .partedefora { margin-bottom: 20px; } #topzinho { background: #2e7278 url('http://img38.imageshack.us/img38/7058/cribblealphasubheader.png') repeat-x top; height: 579px;} </style> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" type="image/ico" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" media="all" href="http://agnarson.com/wp-content/themes/v9/css/master.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://agnarson.com/wp-content/themes/v9/js/jquery.cycle.all.min.js"></script> <script type="text/javascript" src="http://agnarson.com/wp-content/themes/v9/js/jquery.easing.1.1.1.js"></script> <script type="text/javascript" src="http://agnarson.com/wp-content/themes/v9/js/smoothscroll.js"></script> <script type="text/javascript"> $(function() { $('#featured_image').cycle({ fx: 'fade', speed: 400, timeout: 7000, delay: -2000, next: '#featured_btn_next', prev: '#featured_btn_prev', pause: 1 }); }); </script> </head> <body id="intro"> <div id="header_full"> <div id="header"> <a id="petas" href="/">Back to Home</a> <h1 class="title" id="titulo">Olá {USERNAME},bem-vindo ao melhor forum de Fairytail em portugues! Esperamos que te divirtas e que votes no top 30</h1> <a id="contacta" href="#scrollto">Contact me</a> <div id="featured_btn_prev"></div> <div id="featured_btn_next"></div> <div id="featured"> <div id="featured_image"> <a href="#"><img src="http://img31.imageshack.us/img31/6150/eventosd.jpg" width="780" height="322" alt="Fairytail Eventos" /></a> <a href="#"><img src="http://img19.imageshack.us/img19/9096/divertete.jpg" width="780" height="322" alt="Fairytail RPG" /></a> <a href="#"><img src="http://img153.imageshack.us/img153/2358/downloadzu.jpg" width="780" height="322" alt="Fairy Tail Episodios Mangas Download" /></a> <a href="#"><img src="http://img190.imageshack.us/img190/8859/rpgs.jpg" width="780" height="322" alt="Fairytail RPG" /></a> <a href="/works-web/royal-mag"><img src="http://img686.imageshack.us/img686/9207/top30q.jpg" width="780" height="322" alt="Fairytail Top30" /></a> <a href="#"><img src="http://img205.imageshack.us/img205/4208/guilds.jpg" width="780" height="322" alt="Fairytail Guilds" /></a> <a href="#"><img src="http://img192.imageshack.us/img192/6468/informaos.jpg" width="780" height="322" alt="Fairytail Informação" /></a> <a href="#"><img src="http://img189.imageshack.us/img189/8345/tutorialce.jpg" width="780" height="322" alt="Fairytail tutorial" /></a> </div> </div> </div> </div> <div id="content_full"> <div id="content"> <div id="intro_content"> <div id="col_1"> <h2 class="title">Sobre <em>o</em> Forum</h2> <div class="clear"></div> <h5>Depois do Shinobi Society RPG, um forum que alcançou grande exito no mundo dos RPG's de naruto, é agora a hora de um novo projecto. Fairytail Society é um forum que tem como encarregues admins experientes e que têm como principal objectivo a divulgação de Fairytail e o divertimento dos membros.</h5> <p>Neste forum podes encontrar todos os<a href="#">Episodios</a> e <a href="#">Mangas</a> de Fairytail. Em breve vamos ter outros conteudos para download, fica atento!<br /> Não te esqueças de participar no nosso <a href="#">RPG</a>(roleplay game).</p> <p><strong>Anuncio: Estamos á procura de pessoas interessadas em fazer parte do Staff do forum. Queres ajudar? Contacta-nos!</strong></p> </div> <div id="col_2"> <blockquote> <p class="first">"Quisemos apostar na inovação. A começar pelo design. Criamos um sistema de jogo facil para que todos possam participar no nosso RPG"</p> <p><cite>Administração - Yuki<span><a href="http://wpbandit.com">Fairytail </a></span></cite></p> </blockquote> <h5>Atalhos</h5> <ul> <li><a href="#">Episodios</a></li> <li><a href="#">Mangas</a></li> <li><a href="#">Roleplay game</a></li> <li><a href="#">Parcerias</a></li> </ul> </div> <div id="col_3"> <h2 class="title_blue">Novidades<em>Fairytail</em></h2> <div class="clear"></div> <div class="partedefora" id="post-1008"><div class="caixas"> <div class="pad_10"><a href="#"><img src="http://img686.imageshack.us/img686/6974/novidades.png" width="300" height="200" alt="WPBandit 3" /></a></div> </div></div> <div class="partedefora" id="post-575"><div class="caixas"> <div class="pad_10"><a href="#"><img src="http://img97.imageshack.us/img97/1466/staffprocurase.png" width="300" height="200" alt="Webbstjärnan" /></a></div> </div></div> <a id="goto" href="/works-web/">Ver mais</a> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <div id="footer_full"> <div id="footer"> <div id="fcol_1"> <h5>Copyright(c)</h5> <p>Fairytail Society. Todos os direeitos reservados | 2010-2011</p> </div> <div id="fcol_2"> <h5>Conecta-te</h5> <p><a href="#">Twitter</a></p> <p><a href="#">Facebook</a></p> <p><a href="#">YouTube</a></p> <p><a href="#">Hi5</a></p> </div> <div id="fcol_3"> <form enctype="multipart/form-data" action="/#usermessage" method="post" class="cform" id="cformsform"> <fieldset class="cf-fs1"> <legend>contacta-nos</legend> <ol class="cf-ol"> <li id="li--2" class=""><label for="cf_field_2"><span>Mensagem</span></label><textarea cols="30" rows="8" name="cf_field_2" id="cf_field_2" class="area fldrequired"></textarea><span class="reqtxt">(required)</span></li> <li id="li--3" class=""><label for="cf_field_3"><span>Nome</span></label><input type="text" name="cf_field_3" id="cf_field_3" class="single fldrequired" value="" onfocus="clearField(this)" onblur="setField(this)"/><span class="reqtxt">(required)</span></li> <li id="li--4" class=""><label for="cf_field_4"><span>Email</span></label><input type="text" name="cf_field_4" id="cf_field_4" class="single fldemail fldrequired" value=""/><span class="emailreqtxt">(valid email required)</span></li> <li id="li--5" class=""><label for="cf_field_5"><span>Site/forum</span></label><input type="text" name="cf_field_5" id="cf_field_5" class="single" value="http://"/></li> </ol> </fieldset> <fieldset class="cf_hidden"> <legend> </legend> <input type="hidden" name="cf_working" id="cf_working" value="One%20moment%20please..."/> <input type="hidden" name="cf_failure" id="cf_failure" value="Please%20fill%20in%20all%20the%20required%20fields."/> <input type="hidden" name="cf_codeerr" id="cf_codeerr" value="Please%20double-check%20your%20verification%20code."/> <input type="hidden" name="cf_customerr" id="cf_customerr" value="yyycf_field_2%24%23%24%20%5C%27Have%20nothing%20to%20say%3F%7Ccf_field_3%24%23%24Please%20provide%20your%20name.%7Ccf_field_4%24%23%24A%20valid%20email%20address%20is%20required%21%7C"/> <input type="hidden" name="cf_popup" id="cf_popup" value="yy"/> </fieldset> <p class="cf-sb"><input type="submit" name="sendbutton" id="sendbutton" class="sendbutton" value="Enviar" onclick="return cforms_validate('', false)"/></p> </form> <p class="linklove" id="ll"><a href="http://www.deliciousdays.com/cforms-plugin"><em>cforms</em> contact form by delicious:days</a></p> <div class="clear"></div> </div> <div class="clear"></div> <div id="mail_option">E-Mail: <a href="ft_society@hotmail.com">ft_society@hotmail.com</a></div> <a id="top_btn" href="#">topo</a> </div> </div> <div id="scrollto"></div> <script src="http://stats.wordpress.com/e-201028.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5087313',v:'ext',post:'904'}); var load_cmc = function(){linktracker_init(5087313,904,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-11738594-1"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>

The part that does not work is the slideshow. Can somebody please help me on this?