<?xml version="1.0" encoding="UTF-8" ?>
<Module>
	<ModulePrefs
		title="__UP_username__'s Del.icio.us: __UP_tag__"
		title_url="http://del.icio.us/__UP_username__/__UP_tag__"
		directory_title="Del.icio.us Bookmarks"
		render_inline="optional"
		author="Timothy Dresser"
		author_email="tdresser@gmail.com"
		author_location="Ontario, Canada"
		description="Displays del.icio.us bookmarks, based on username and tags."
		screenshot="http://www3.sympatico.ca/mjdresser/deliciousscreen.gif"
	/>
	<UserPref name="username" display_name="Username" required="true"/>
	<UserPref name="tag" display_name="Tag"/>
	<UserPref name="count"
		display_name="Show [ -- ] items"
		datatype="enum"
		default_value="5">
		<EnumValue value="5" display_value="5"/>
		<EnumValue value="10" display_value="10"/>
		<EnumValue value="15" display_value="15"/>
		<EnumValue value="20" display_value="20"/>

	</UserPref>
	<UserPref name="images" display_name="Hide Icons?" datatype="bool"/>
	<Content type="html"> <![CDATA[
	
<div id='delicious__MODULE_ID__'></div>
	<style type="text/css">
		#delicious__MODULE_ID__ * {
			margin:0;
			padding:0;
			text-decoration:none;
			font-family:"Arial",sans-serif;
			font-size:10pt;
			list-style:none;
		}
		#delicious__MODULE_ID__ li{
			position:relative;
			margin:0.1em;
		}
		#delicious__MODULE_ID__ li a, #delicious__MODULE_ID__ li a:hover{
			color:#000;
			display:block;	
		}
		#delicious__MODULE_ID__ li a:hover{
			background-color:#eef;
		}
		#delicious__MODULE_ID__ li a:visited{
			color:#888;
		}
		#delicious__MODULE_ID__ img{position:absolute;height:16px;width:16px;background-color:white;margin:0.1em}
		#delicious__MODULE_ID__ ul{margin-top:0.5em; margin-right:0.2em; margin-bottom:3px;}
		#delicious__MODULE_ID__ div{overflow:auto; height:100%}
	
	</style>

	<script type="text/javascript">
		function stopError() {
  			return true;
		}

		window.onerror = stopError;
		var prefs= new _IG_Prefs(__MODULE_ID__)
		var username= prefs.getString("username")
		var tag= prefs.getString("tag")
		var count= prefs.getInt("count")
		var hideimages= prefs.getBool("images")

		document.write("\n<script type='text/javascript' src='http://del.icio.us/feeds/json/"+username+"/"+tag+"?count="+count+"a=Math.floor(Math.random()*11)'><\/script>");
	</script>

	<script type="text/javascript">
		function showImage(img){return (function(){img.style.display='inline'})}
		var div__MODULE_ID__ = document.createElement('div')
		var ul__MODULE_ID__ = document.createElement('ul')
		div__MODULE_ID__.appendChild(ul__MODULE_ID__)
		for (var i=0, post; post= Delicious.posts[i]; i++) {
			var li = document.createElement('li')
			if (hideimages== false) {
				var defimage= document.createElement('img')
				defimage.src='http://del.icio.us/favicon.ico'
				li.appendChild(defimage)	
				var img = document.createElement('img')
				img.onload = showImage(img);
				img.style.display = 'none'
				img.src = post.u.split('/').splice(0,3).join('/')+'/favicon.ico'
				li.appendChild(img)
			}
			var a = document.createElement('a')
			a.setAttribute('href', post.u)
			a.setAttribute('target','_blank')
			if (hideimages==false){a.style.padding='0px 0px 0px 20px'}	
			//if (post.d.length>20){post.d=post.d.slice(0, 20)+"..."}
			a.appendChild(document.createTextNode(post.d))
			if (post.n!=undefined){a.title=post.n}
			li.appendChild(a)
			ul__MODULE_ID__.appendChild(li)
		}
		_gel('delicious__MODULE_ID__').appendChild(div__MODULE_ID__)
	
	</script>
	]]> </Content>
</Module>  

