Slideshow In DIV Through SetInterval Function

I am new in web development. I think this problem is related to javascript, I have write script which will change images after 2sec, through setInterval function. Script is as follows.

<script>
var images = new Array ("img/1.jpg", "img/2.jpg", "img/3.jpg");
var currentIndex = 0;
function Start(){
setInterval("ChangeImage()", 2000);
}function ChangeImage(){
currentIndex++;
if(currentIndex == images.length){
currentIndex = 0;
}
document.images[0].src = images[currentIndex];
}
</script>

But when I place in img tag which is in third row div and reload page, these series of images show in first row div. It does not show where I have specified area for it in css.

First row div:
<div id="menu">
<img src="header/menu.png" name="menuImg"/>
</div>
My series of images show in this div when I load page.

3rd row div:
<div id="slideshow-img">
<img src="img/3.jpg" name="myimg" onclick="Start()"/>
</div>

I have checked there is no size issue in my images.