问如何在一个页面上使用两个javascript幻灯片？html

EN

var i = 0; 
		var image = new Array();   
		// LIST OF IMAGES 
		image[0] = "strawberrypancakes.jpg" 
		image[1] = "chickenbroth.jpg"; 
		image[2] = "noodlesalad.jpg";   
		var k = image.length-1;    

		var caption = new Array(); 
		// LIST OF CAPTIONS 
		caption[0] = "Strawberry buckwheat pancakes"; 
		caption[1] = "Hot chicken broth"; 
		caption[2] = "Pepper and noodle salad"; 

		var link= new Array();   
		// LIST OF LINKS 
		link[0] = "http://www.jamieoliver.com/recipes/breakfast/"; 
		link[1] = "http://www.jamieoliver.com/recipes/chicken/"; 
		link[2] = "http://www.jamieoliver.com/recipes/vegetables/";   
					    

		function swapImage(){ 
		var el = document.getElementById("mydiv"); 
		el.innerHTML=caption[i]; 
		var img = document.getElementById("slide"); 
		img.src= image[i]; 
		var a = document.getElementById("link"); 
		a.href= link[i]; 

		if(i < k ) { i++;}  
		else  { i = 0; } 
                setTimeout("swapImage()",5000); 
					} 
		function addLoadEvent(func) { 
		var oldonload = window.onload; 
		if (typeof window.onload != 'function') { 
		window.onload = func; 
		} else  { 
		window.onload = function() { 
		if (oldonload) { 
		oldonload(); 
		} 
		func(); 
		} 
		}
		} 
		addLoadEvent(function() { 
		swapImage(); 
		});  

		<table style="border:none;background-color:transparent;"> 
		<tr> 
	        <td> 
         <a name="link" id="link" href="http://www.siteforinfotech.com/"       target="_blank"><img name="slide" id="slide" alt 

	="my images" height="250" width="590" src="image-1.png"/></a> 
		</td> 
		</tr> 
		<tr> 
		<td align="center"style="font:small-caps bold 15px georgia; color:blue;"> 
		<div id ="mydiv"></div>
		</td> 
		</tr>  
		</table>