Javascript-форум - Два javascript перебивают друг друга

Приветствую Вас!
У меня два одинакових скрипта для слайд шоу (нашол в нете).
Нужно что бы на странице были обе картинки с разной скоростью смены, но чо бы я не делал работает только первая.
Возможно id пресвоить? Но как?
Помогите пожалуйста!

<?php header('Content-type: text/html; charset=windows-1251');?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>


<title>Слайдшоу.</title>

 
 <script language="JavaScript1.1">
<!-- 
var slidespeed=5000;
//Изображения, которые будут переключаться между собой
var slideimages=new Array("widjinsekt/Untitled.jpg",
	"widjinsekt/Untit2.jpg",
	"widjinsekt/Untit3.jpg",
	"widjinsekt/Untit4.jpg");
//URL которые будут загружаться, при нажатии на картинках
var slidelinks=new Array("index1.php",
"index1.php",
"index1.php",
"index1.php");
var imageholder=new Array();
var ie55=window.createPopup;
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image();
imageholder[i].src=slideimages[i];
}
function gotoshow(){
window.location=slidelinks[whichlink];
}
//-->
 </script>
 
 <script language="JavaScript1.2">
<!--
 var slidespeed=2000;
//Изображения, которые будут переключаться между собой
var slideimages=new Array("widjinsekt/Untitled.jpg",
	"widjinsekt/Untit2.jpg",
	"widjinsekt/Untit3.jpg",
	"widjinsekt/Untit4.jpg");
//URL которые будут загружаться, при нажатии на картинках
var slidelinks=new Array("index1.php",
"index1.php",
"index1.php",
"index1.php");
var imageholder=new Array();
var ie55=window.createPopup;
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image();
imageholder[i].src=slideimages[i];
}
function gotoshow(){
window.location=slidelinks[whichlink];
}
//-->
 </script>
 
</head>

<body>

<div id="one">
<a href="javascript:gotoshow()"><img width="300" src="widj/Untitled.jpg" name="slide" border="1" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=10,Duration=1)"></a>

<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
//-->
</script>
</div>


<div id="two">
<a href="javascript:gotoshow()"><img width="300" src="widj/Untitled.jpg" name="slide" border="1" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=10,Duration=1)"></a>

<script language="JavaScript1.2">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
//-->
</script>
</div>

</body>
</html>