Random Div Background Images
I know absolutely no java and I am trying to set random background images in my masthead. I have been searching and trying all day and can't figure this out. I've pasted some of my code below, can someone please tell me what I'm doing wrong and how to fix it.
<head>
<title>WELCOME TO ONWA</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
var backgroundSrcs = new Array("banner1.png","banner2.png","banner3.png","b anner4.png","banner5.png","banner6.png","banner7.p ng")
function pickimage()
{
var bgimage=backgroundSrcs[(Math.round(Math.random()*(backgroundSrcs.length-1)))]
document.getElementById("masthead").style.backgrou ndIimage = "url('" + bgimage + "')
}
</script>
<link rel="stylesheet" type="text/css" title="CSS" href="styles/style3.css" media="screen" />
</head>
<body onload="pickimage()">
