Please tell me what I have done wrong in the following code.
It all works except when I attempt to display images.
Code:
<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;
function GraphicOdo(Nommer)
    {
    d = Nommer.toString();
    for (i=0; i<d.length; i++)
            {
            var image="<IMG SRC=c"+d[i]+".gif>";
            alert(image+c2.gif);
            document.getElementById('GraphicCounter').innerHtml=image;
            }
    }

function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
GraphicOdo(c);
t=setTimeout("timedCount()",1000);
}

function doTimer()
{
if (!timer_is_on)
  {
  timer_is_on=1;
  timedCount();
  }
}
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onclick="doTimer()">
<input type="text" id="txt" /><br /><br />
<div id="GraphicCounter">
<img src="c0.gif" alt="zero"/>
</div>
</form>
</body>
</html>

The images are in the same folder as the script and when I use alert to display the generated image URL it looks fine.