Set DIV tag using javascript function

[mjwoodford]

Hi,

I have a jsp, the relevant piece as follows:

<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ page session="false" %>
<%@ taglib uri="/WEB-INF/tld/portlet.tld" prefix="portletAPI" %>
<portletAPI:init /><%
String welcomeImage=portletResponse.encodeURL("/images/welcome_image.jpg");
%>
<div id="welcome_img_div" style="margin-left:5px;width:715px;height:190px;background-image:url('<%=welcomeImage%>');background-repeat:no-repeat;">

I want to rotate the 'background-image'. I have a js function:

<script language="JavaScript">
var ImageArr1 = new Array("/images/Trucks0024/Trucks0024.jpg","/images/Trucks0024/Trucks0006.jpg");
var ImageHolder1 = document.getElementById('Rotating1');


function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
window.setTimeout("RotateImages("+whichHolder+","+ (Start+1)+")",1500);
}

RotateImages(1,0);
</script>

...but it is not clear to me how to adapt and also fit into the jsp. Please can anyone help?

many thanks!

Matt

[mrmatt1111]

You do realize that javascript is not java, right? Don't expect an answer to a javascript question in a java forum. :)