<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs 
    title="del.icio.us with pagination" 
    directory_title="del.icio.us"
    description="del.icio.us with pagination"
    author="Kishore Senji"
    author_email="ksenji@gmail.com"
    screenshot="http://myjavaserver.com/~ksenji/del.icio.us.ig.gif"
    author_location=""
    author_affiliation="none"
    title_url="http://del.icio.us/__UP_userid__"
    render_inline="optional">
    <Locale lang="en" country="us" />
  </ModulePrefs>
  <UserPref name="userid" display_name="User ID" required="true" datatype="string" default_value="chiru"/>
  <UserPref name="tag" display_name="Tag" required="false" datatype="string" default_value=""/>
  <UserPref name="count" display_name="Count (Per page)" required="false" 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"/>
    <EnumValue value="25" display_value="25"/>
    <EnumValue value="30" display_value="30"/>
    <EnumValue value="35" display_value="35"/>
    <EnumValue value="40" display_value="40"/>
    <EnumValue value="45" display_value="45"/>
    <EnumValue value="50" display_value="50"/>
    <EnumValue value="100" display_value="100"/>

  </UserPref>
  <Content type="html">
    <![CDATA[
      <div id="del.icio.us___MODULE_ID__"></div>
      <div id="del.icio.us.navigator___MODULE_ID__"><table cellpadding="2" width="100%"><tr><td width="90%" align="right"><div id="prev___MODULE_ID__" style="display:none;white-space:nowrap" nowrap></div></td><td width="10%"><div id="next___MODULE_ID__" style="display:none;white-space:nowrap" nowrap></div></td></tr></table></div>
      <script type="text/javascript" id="del.icio.us.js___MODULE_ID__"></script>
      <script type="text/javascript" language="JavaScript">
        var DELICIOUS_JSON_REST_URL___MODULE_ID__ = 'http://del.icio.us/feeds/json/';
        var prefs___MODULE_ID__ = new _IG_Prefs(__MODULE_ID__);	
        var userid___MODULE_ID__ = prefs___MODULE_ID__.getString("userid");
        var tag___MODULE_ID__ = prefs___MODULE_ID__.getString("tag");
        var count___MODULE_ID__ = prefs___MODULE_ID__.getInt("count");
        var delicious___MODULE_ID__ = _gel('del.icio.us___MODULE_ID__');
        var deliciousnavigator___MODULE_ID__ = _gel('del.icio.us.navigator___MODULE_ID__');
        var deliciousjs___MODULE_ID__ = _gel('del.icio.us.js___MODULE_ID__');
        deliciousjs___MODULE_ID__.src = DELICIOUS_JSON_REST_URL___MODULE_ID__ + userid___MODULE_ID__ + (tag___MODULE_ID__ != "" ? "/" : "") + tag___MODULE_ID__ + "?count=100";	
        var page___MODULE_ID__ = 1;
        var Delicious___MODULE_ID__ = null;
        var prev___MODULE_ID__ = _gel('prev___MODULE_ID__');
        var next___MODULE_ID__ = _gel('next___MODULE_ID__');

        function showImage___MODULE_ID__(img) { 
          return (function() { 
            img.style.display='inline'; 
          }); 
        }
        
        function showDeliciousPosts___MODULE_ID__() {
          delicious___MODULE_ID__.innerHTML = '';
          var ul = document.createElement('ul');
          var ub = (page___MODULE_ID__*count___MODULE_ID__);
          ub = (ub > Delicious___MODULE_ID__.posts.length) ? Delicious___MODULE_ID__.posts.length : ub;
          for (var i = ((page___MODULE_ID__-1)*count___MODULE_ID__); i < ub;i++) {
            var post = Delicious___MODULE_ID__.posts[i]
            var li = document.createElement('li');
            li.style.listStyleType = "none";
            li.style.marginLeft="-35px";
            var img = document.createElement('img');
            img.style.position = 'absolute';
            img.style.display = 'none';
            img.height = img.width = 16;
            img.src = post.u.split('/').splice(0,3).join('/')+'/favicon.ico';
            img.onload = showImage___MODULE_ID__(img);
            var a = createHref___MODULE_ID__(post.u);
            a.style.marginLeft = '20px';
            a.target= '_blank';
            a.appendChild(document.createTextNode(post.d));
            li.appendChild(img);
            li.appendChild(a);
            ul.appendChild(li);
          }
          delicious___MODULE_ID__.appendChild(ul);
	  prev___MODULE_ID__.style.display = (page___MODULE_ID__ > 1) ? '' : 'none';
          next___MODULE_ID__.style.display = ((page___MODULE_ID__ * count___MODULE_ID__) < Delicious___MODULE_ID__.posts.length) ? '' : 'none';               
        }
        function createHref___MODULE_ID__(href) {
	  var a = document.createElement("a");
          a.setAttribute('href', href);
          a.style.fontSize='10px';
          a.style.fontFamily= 'Verdana';
          a.style.color = 'black'; 
          return a;
        }
        (function(){
          var a = createHref___MODULE_ID__('#');
          a.onclick = function(){page___MODULE_ID__--;showDeliciousPosts___MODULE_ID__();return false;};
          a.appendChild(document.createTextNode('Previous ' + count___MODULE_ID__ + ' posts'));
          prev___MODULE_ID__.appendChild(a);
        })();
	(function(){
          var a = createHref___MODULE_ID__('#');
          a.onclick = function(){page___MODULE_ID__++;showDeliciousPosts___MODULE_ID__();return false;};
          a.appendChild(document.createTextNode('Next ' + count___MODULE_ID__ + ' posts'));
          next___MODULE_ID__.appendChild(a);
        })();                
      </script>
      <script type="text/javascript" language="JavaScript">_IG_RegisterOnloadHandler(function(){Delicious___MODULE_ID__ = Delicious;showDeliciousPosts___MODULE_ID__();});</script>
      ]]>
    </Content>
</Module>
