Javascript-форум - Автоматически, листающиеся картинки

Здравствуйте уважаемые форумчане
Я новичок в программировании Сделал себе совсем простенький сайт на php
Сейчас хочу немножко его оживить - сделать автоматически меняющиеся картинки. Нашел в нете script и хочу вставить его в свою php страничку, но к сожалению у меня ничего не получается, а точнее получалась галиматья, картинка начала листаться в header
Опробовал script автономно - работает нормально
Помогите, пожалуйста.
Спасибо, Александр
Вот мой скрипт

<!-- Данный скрипт поместил в заголовке документа -->
<script language="JavaScript">
<!--
i=0;
img_a=new Array();   
img_a[0]=new Image();
img_a[1]=new Image();
img_a[2]=new Image();
img_a[3]=new Image();
img_a[4]=new Image();
img_a[5]=new Image();

img_a[0].src="PreView/11.jpg";  
img_a[1].src="PreView/12.jpg";  
img_a[2].src="PreView/13.jpg"; 
img_a[3].src="PreView/21.jpg";
img_a[4].src="PreView/22.jpg";
img_a[5].src="PreView/23.jpg";

function img_b()     
                     
{
document.images[1].src=img_a[i].src;

i++;
if(i>5) i=0;
setTimeout("img_b()", 1000);  
                             
                              
                             
}
//-->
</SCRIPT>
<!-- Скрипт закончен -->


<!-- В теге <body> эту часть скрипта я вставил в БД на одну из своих страничек-->

<body bgcolor="#ffffff" onLoad=img_b()>
<!-- А вот тут и будут листаться наши картинки -->
<img src="PreView/11.jpg">
<script language="JavaScript">
i=0;
img_a=new Array()
img_h=new Array()
img_a[0]=new Image()
img_a[1]=new Image()
img_a[2]=new Image()
img_a[3]=new Image()
img_a[4]=new Image()

img_a[0].src="1.jpg"
img_a[1].src="2.jpg"
img_a[2].src="3.jpg"
img_a[3].src="4.jpg"
img_a[4].src="5.jpg"


function img_b()
{
document.images[0].src=img_a[i].src
document.images[0].src=img_a[i].src
document.images[0].src=img_a[i].src
document.images[0].src=img_a[i].src
document.images[0].src=img_a[i].src
i++
if(i>4) i=0;
setTimeout("img_b()", 1000)
}

</script>

А вот сюда я вставил первую часть кода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
<!--
i=0;
img_a=new Array();   
img_a[0]=new Image();
img_a[1]=new Image();
img_a[2]=new Image();
img_a[3]=new Image();
img_a[4]=new Image();
img_a[5]=new Image();

img_a[0].src="img/exp/PreView/11.jpg" width="95" height="107";  
img_a[1].src="img/exp/PreView/12.jpg" width="95" height="107";  
img_a[2].src="img/exp/PreView/13.jpg" width="95" height="107"; 
img_a[3].src="img/exp/PreView/21.jpg" width="95" height="107";
img_a[4].src="img/exp/PreView/22.jpg" width="95" height="107";
img_a[5].src="img/exp/PreView/23.jpg" width="95" height="107";

function img_b()     
                     
{
document.images[1].src=img_a[i].src;

i++;
if(i>5) i=0;
setTimeout("img_b()", 1000);  
                             
                              
                             
}
//-->
</SCRIPT>
<!-- Скрипт закончен -->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title><?php echo $myrow["title"] ?></title>
<link href="style.css" rel="stylesheet" type="text/css">