i want to load some images using new image() object method.i can do the same thing using normal array indexing.but i want to do it in this way only for learning purpose.can anyone tell me where the mistakes here
HTML Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#this{
	width:500px;
	height:100px;
	border:1px solid blue;
}
#this img{
	width:100px;
	height:100px;
}
</style>
</head>

<body>
<div id="this"></div>
<script>load();</script>
<script>

	var imag = new array(4);
	imag[0] = new image();
	imag[0].src = "image1.jpg";
	imag[1] = new image();
	imag[1].src = "image2.jpg";
	imag[2] = new image();
	imag[2].src="image3.jpg";
	imag[3] = new image();
	imag[3].src ="image4.jpg";
	imag[4] =new image();
	imag[4].src="image5.jpg";
function load(){
	var m=document.getElementById("this");
	var i;
	for(i=0;i<imag.length;i++){
		m.innerHTML += '<img src="'+imag[i].src+'" id="'+i+'" onClick="show(this.id);" />';
	}
}
	</script>
</body>
</html>