Problema no javascript não muda o slideshow

Eu estou criando um portal de noticia com slide show que faz busca no banco de dados as 4 mais recentes...

Meu problema é o seguinte ele não muda as fotos no slideshow, nem quando clicamos na foto pra mudar...

ele fica estático...

Embaixo da foto tem a tarja q é destinado para mostrar o titulo da noticia tbm não muda e nem mostra o titulo...

Eu acho q é um erro de javascript, mas não tenho certeza, pois a parte de php está correto...

a conexão com banco de dados está certo tbm...

Podem me ajudar

Desde já agradeço....

<? include("conecta_bd.inc");?>
<style type="text/css">
.transp {
 position: absolute;
 top: 540px;
 left: 200px;
 width: 515px;
 height: 50px;
 background: #000000;
 padding: 5px;
 -moz-opacity:0.5;
 opacity: .5;
 filter:alpha(opacity=50);
 -khtml-opacity: 0.5;
}
#tarja {
 position: absolute;
 top: 550px;
 left: 200px;
 width: 515px;
 height: 50px;
 padding: 5px;
 z-index: 1;
 font-family: Trebuchet MS;
 font-size: 0.8em;
 font-weight: bold;
 color: #ffffff;
}

img {

 border:#000000;
 margin-top:2px;
 margin-bottom:2px;
}

a {

 outline:0;
}

</style>

<?

 $res = mysql_query("SELECT * FROM noticia ORDER BY id DESC LIMIT 0, 4");

 $id0 = mysql_result($res,0,"id");
 $id1 = mysql_result($res,1,"id");
 $id2 = mysql_result($res,2,"id");
 $id3 = mysql_result($res,3,"id");
 $titulo0 = mysql_result($res,0,"titulo");
 $titulo1 = mysql_result($res,1,"titulo");
 $titulo2 = mysql_result($res,2,"titulo");
 $titulo3 = mysql_result($res,3,"titulo");
 $foto0 = mysql_result($res,0,"foto");
 $foto1 = mysql_result($res,1,"foto");
 $foto2 = mysql_result($res,2,"foto");
 $foto3 = mysql_result($res,3,"foto");

 mysql_close($conexao);
 ?>
<script>

var id = new Array(4)
var tit = new Array(4)
var foto = new Array(4)

// ID

id[0] = "<? print $id0 ;?>";
id[1] = "<? print $id1 ;?>";
id[2] = "<? print $id2 ;?>";
id[3] = "<? print $id3 ;?>";

// titulo

tit[0] = "<? print $titulo0 ;?>";
tit[1] = "<? print $titulo1 ;?>";
tit[2] = "<? print $titulo2 ;?>";
tit[3] = "<? print $titulo3 ;?>";

// Fotos

foto[0] = "<? print $foto0 ;?>";
foto[1] = "<? print $foto1 ;?>";
foto[2] = "<? print $foto2 ;?>";
foto[3] = "<? print $foto3 ;?>";

// Configuração

var timer = "5000";

var i = 1;

function animator(obj,pega) {
if (obj != "fecha") {
intervalo = window.setInterval("change()",timer);

}else {

window.clearInterval(intervalo);

	if (pega == id[0]) {
	document.getElementById("image").src = foto[0];
	document.getElementById('tarja').innerHTML=tit[0];
	}else if (pega == id[1]) {
	document.getElementById("image").src = foto[1];
	document.getElementById('tarja').innerHTML=tit[1];
	}else if (pega == id[2]) {
	document.getElementById("image").src = foto[2];
	document.getElementById('tarja').innerHTML=tit[2];
	}else {
	document.getElementById("image").src = foto[3];
	document.getElementById('tarja').innerHTML= tit[3];
	}
}
intervalo = window.setInterval("change()",timer);
}
}

function change() {
if (i < foto.length) {
document.getElementById("image").src = foto[i % foto.length];

if (i == 0) {
document.getElementById('tarja').innerHTML=tit[i];
}else if (i == 1) {
document.getElementById('tarja').innerHTML=tit[i];
}else if (i == 2) {
document.getElementById('tarja').innerHTML=tit[i];

}else {

document.getElementById('tarja').innerHTML=tit[i];
i = -1;
}
i++;

}else { i = 0; } }

window.onload=animator('go');

</script>

<?

print '<table cellpadding="0" cellspacing="0">';
print '<tr>';
print '<td bgcolor="#000000" nowrap="nowrap">';

print '<img id="'.$id0.'" src="'.$foto0.'" width="550" height="290" style="margin:0 10px 0px 0px;"></td>';

//<!-- //1) Em id use os valores que colocou na Array //2) Em src coloque o endereço das imagens //-->

print '<td bgcolor="#000000" style="width:68px;" nowrap="nowrap">';
print '<a href="javascript:;" ><img class="imgmenuone" src="'.$foto0.'" id="'.$id0.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '<br>';
print '<a href="javascript:;"><img class="imgmenu" id="'.$id1.'" src="'.$foto1.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '<br>';
print '<a href="javascript:;"><img class="imgmenu" id="'.$id2.'" src="'.$foto2.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '<br>';
print '<a href="javascript:;"><img class="imgmenu" id="'.$id3.'" src="'.$foto3.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '</td>';
print '</tr>';
print '</table>';
print '<div class="transp"></div>';
print '<div id="tarja">Titulo</div>';

?>