Thanks this worked i moded it to allow me to do 2 separate rotating images placed in ap-div boxes on either side of the header.

<script language="javascript" type="text/javascript">

img2 = new Image()


seconds = "2";
//-----new load function-----

function start()
{
imgOne(),imgOne2();
}
//-----end load function----

// Image Set One

function imgOne()
{
setTimeout("imgTwo()", seconds * 1000);
}
function imgTwo()
{
document.myimg.src = './images/header/2.jpg';
setTimeout("imgThree()", seconds * 1000);
}
function imgThree()
{
document.myimg.src = './images/header/3.jpg';
setTimeout("imgFour()", seconds * 1000);
}
function imgFour()
{
document.myimg.src = './images/header/4.jpg';
setTimeout("imgOne()", seconds * 1000);
}


// second set of images
// You can rename the functions if you would like to be more creative just
// just make sure you change the function call in start()

function imgOne2()
{
setTimeout("imgTwo2()", seconds * 1000);
}
function imgTwo2()
{
document.myimg2.src = './images/header/2.jpg';
setTimeout("imgThree2()", seconds * 1000);
}
function imgThree2()
{
document.myimg2.src = './images/header/3.jpg';
setTimeout("imgFour2()", seconds * 1000);
}
function imgFour2()
{
document.myimg2.src = './images/header/4.jpg';
setTimeout("imgOne2()", seconds * 1000);
}
</script>


</head>

<body onload="start();">
<!-- both img src codes placed into ap div boxes for proper placement-->
<!--image one-->

<img src="./images/header/1.jpg" name="myimg" height="150">
<!--Image Two-->
<img src="./images/header/1.jpg" name="myimg2" height="150">