Hej mam skrypt:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/slider.css" />
<!--[if IE 6]>
<link type="text/css" rel='stylesheet' href='css/ie6_only.css' />
<script type="text/javascript" src="js/dd_belated_png.min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('h1#logo a, div#b_img img, div#top_menu ul li a:hover, div#box_1, div#box_2, div.box_header, div.bb_h, div.box_top, div.box_content, div.box_bottom, div.bb_h');
</script>
<![endif]-->
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery_ui.js" type="text/javascript"></script>
<script src="js/cufon_yui.js" type="text/javascript"></script>
<script src="js/gill_sans_mt_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('div#top_menu ul li a', { hover: 'true' });
Cufon.replace('div#top_menu ul li a, div.banner_text h2, div.banner_text p.replaced, div#tabs span, div.box_header, div.bb_h');
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs({fx:{opacity: "toggle"}}).tabs("rotate",0, true);
});
</script>
<title>IQBATOR</title>
</head>
<body>
<div id="gl_1">
<div id="gl_2">
<div id="wrapper">
<div id="banner">
<div id="static_w">
<h1 id="logo"><a href="#"><span>SPEEDUP IQBATOR</span></a></h1>
<div id="searcher">
<form action="#" method="post">
<fieldset>
<input type="text" name="" value="" id="s_entry" />
<input type="submit" name="" value="" id="s_button" />
</fieldset>
</form>
</div>
<div id="top_menu">
<ul>
<li><a href="#">Oferta</a></li>
<li><a href="#">Nasze inwestycje</a></li>
<li><a href="#">Zgłoś projekt</a></li>
<li><a href="#">Zostań Aniołem Biznesu</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<a href="#" id="login_button"></a>
<div id="box_1"><a href="#"><span>Zgłoś projekt</span></a></div>
<div id="box_2"><a href="#"><span>Zostań aniołem biznesu</span></a></div>
</div>
<div id="dynamic_w">
<div id="item_1" class="ui-tabs-panel">
<img src="images/banner_img.jpg" alt="" />
<div class="banner_text" >
<h2>I-TRAFF</h2>
<p class="replaced">ROZPOZNAWANIE ZDJĘĆ<br />WYKONANYCH TELEFONAMI<br />TYPU SMARTFONE</p>
<p><span>Tworzymy technologię, która dostarczy użytkownikom smartphonów (iOS, Android) zupełnie nowych możliwości. Budujemy technologię, która opiera się na rozpoznawianiu zdjęć wykonanych telefonami typu smartphone.</span></p>
</div>
</div>
<div id="item_2" class="ui-tabs-panel ui-tabs-hide">
<img src="images/banner_img2.jpg" alt="" />
<div class="banner_text" >
<h2>BOOKLINES</h2>
<p class="replaced">ROZPOZNAWANIE ZDJĘĆ<br />WYKONANYCH TELEFONAMI<br />TYPU SMARTFONE</p>
<p><span>Tworzymy technologię, która dostarczy użytkownikom smartphonów (iOS, Android) zupełnie nowych możliwości. Budujemy technologię, która opiera się na rozpoznawianiu zdjęć wykonanych telefonami typu smartphone.</span></p>
</div>
</div>
<div id="item_3" class="ui-tabs-panel ui-tabs-hide">
<img src="images/banner_img3.jpg" alt="" />
<div class="banner_text" >
<h2>OKAZJUM</h2>
<p class="replaced">ROZPOZNAWANIE ZDJĘĆ<br />WYKONANYCH TELEFONAMI<br />TYPU SMARTFONE</p>
<p><span>Tworzymy technologię, która dostarczy użytkownikom smartphonów (iOS, Android) zupełnie nowych możliwości. Budujemy technologię, która opiera się na rozpoznawianiu zdjęć wykonanych telefonami typu smartphone.</span></p>
</div>
</div>
</div>
</div>
<div id="tabs">
chciałbym, żeby to tło zmieniało się w tym samym czasie co tekst oraz tak samo płynnie. Czy ktoś mi pomoże? Nic z java script i Jquery ui nie znam.