var gotResponse = function(o)
   {
      var json = eval("(" + o.responseText + ")") ;

      var list = json['l'];
      var page = json['p'];
      var num_pages = json['n'];

      var prev_page = (page<=0?0:page-1);
      var next_page = (page>=num_pages?num_pages:page+1);

      var lis="";
      var i=0;
      for(i=0; i<list.length; i++)
      {
         var cname="even";
         if(i%2)
            cname="odd";
         lis += "<li class=\"" + cname + "\">" + list[i] + "<" + "/li>\n";
      }
      for(; i<20; i++)
      {
         var cname="even";
         if(i%2)
            cname="odd";
         lis += "<li class=\"" + cname + "\"><" + "/li>\n";
      }

      var ol = document.getElementById('page').getElementsByTagName('ol')[0];
      ol.start=json['s'];
      ol.innerHTML = lis;

      var fl = document.getElementById('first-link');
      var pl = document.getElementById('prev-link');
      var nl = document.getElementById('next-link');
      var ll = document.getElementById('last-link');

      var url = fl.href.substr(0, fl.href.indexOf('pg=')+3);

      pl.href = url + prev_page;
      nl.href = url + next_page;
      ll.href = url + num_pages;

      fl.className = pl.className = (page<=1?'disabled':'');
      nl.className = ll.className = (page>=num_pages?'disabled':'');

   }

   var callback =
   {
      success: gotResponse,
      failure: function() {}
   }

   var navigationHandler = function(e)
   {
      var url = this.href + '&js=1';

      YAHOO.util.Connect.asyncRequest('GET', url, callback, null);

      YAHOO.util.Event.preventDefault(e);
      return false;
   }

   YAHOO.util.Event.addListener(['first-link', 'prev-link', 'next-link', 'last-link'], 'click', navigationHandler);