javascript - innerHtml ループを含む Javascript スライドショーが機能しない

Question

innerHtml を使用して、配列要素のリストをループし、div 内のループに書き込む JavaScript コードを作成しようとしています。JQueryではなく、純粋なjavascriptソリューションを探しています。私は行き詰まっています。

ここに私の関連コードとこのjsFiddleがあります: http://jsfiddle.net/j3XD5/

<div id="slideshow">&nbsp;</div>

-

var url=new Array('im01.jpg', 'im02.jpg', 'im03.jpg', 'im04.jpg');
    var pause=2000;
    var p=0;
    function sl()
    {
    if (p<=url.length-1)
        {
        document.getElementById('slideshow').innerHtml = '<img name="pic" src='+url[p]+' border=0>';
        p++;
        var t=setTimeout(sl(),pause);
        }
        else
        {
        p=0;sl()
        }

    }

    window.onload=sl();