<div id="xcontainer">
<h2>my bookmarks</h2>
</div>

<script type="text/javascript"
src="http://del.icio.us/feeds/json/XXXXXXXXXXXXX/blogroll?count=100"></script>

<script type="text/javascript">
function xshowImage(img){ return (function(){ img.style.display='inline'; }) }

var ul = document.createElement('ul')
for (var i=0, post; post = Delicious.posts[i]; i++) {
var li = document.createElement('li');
var salto = document.createElement("div");
salto.id="idimg"+i;
salto.className = "donswitchcontent";
li.style.textAlign = 'left';
li.style.marginBottom = '5px';

var a = document.createElement('a');
a.style.marginLeft = '20px';
li.style.marginBottom = '6px';
a.style.marginLeft = '20px';
var img = document.createElement('img');
img.style.position = 'relative';
img.style.display = 'inline'; //'none';
img.height = img.width = 16;
img.alt = post.d;
img.title = post.d;
if (typeof(post.u) != "undefined") {a.style.marginLeft = '5px';img.style.position = 'relative';img.src = "http://images.websnapr.com/?url="+post.u+"&size=t"; img.height = 87; img.width = 128;}
else img.src = post.u.split('/').splice(0,3).join('/')+'/favicon.ico';
img.onload = xshowImage(img);
a.setAttribute('href', post.u);
a.appendChild(salto);
salto.appendChild(img);
li.appendChild(document.createTextNode(" "+post.d));
li.appendChild(a);
ul.appendChild(li);
}
document.getElementById('xcontainer').appendChild(ul)
</script>