var pageNums = new Array(0,0,0,0);
var recNums = new Array(0,0,0,0);
var jitems = new Array(4);
var offset = 5;

var cnames = new Array('life','work','comm','blog');

$.getJSON("http://navi.tasuc.com/rss_items.php?cid=0",null,setItems);
$.getJSON("http://navi.tasuc.com/rss_items.php?cid=1",null,setItems);
$.getJSON("http://navi.tasuc.com/rss_items.php?cid=2",null,setItems);
$.getJSON("http://navi.tasuc.com/rss_items.php?cid=3",null,setItems);

function setItems(items){
  var cid = items[0].cid;
  recNums[cid] = parseInt((items.length-1)/offset);
  jitems[cid] = new Array(items.length);
  for(var i=0; i < items.length; i++) {
    jitems[cid][i] = new Array(4);
    jitems[cid][i][0] = items[i].url;
    jitems[cid][i][1] = items[i].title;
    jitems[cid][i][2] = items[i].newitem;
    jitems[cid][i][3] = items[i].sitetitle;
    jitems[cid][i][4] = items[i].date;
  }
  if(items.length <= offset) {
    $('#pagebute_' + cnames[cid] + '-next').replaceWith("<div class=\"pagebute_next\" id=\"pagebute_"+cnames[cid]+"-next\"><img src=\"./common/img/page-link_next.gif\" alt=\"next\" width=\"145\" height=\"19\" /></div>");
  }
  ItemsDisp(cid);
}

function ItemsDisp(cid) {
  var str,url,title,isnew;
  $('#main-' + cnames[cid] + '-list li').remove();
  for(var i=pageNums[cid]*offset; i < (pageNums[cid]+1)*offset; i++) {
    url = jitems[cid][i][0];
    title = jitems[cid][i][1];
    isnew = jitems[cid][i][2];
    sitetitle = jitems[cid][i][3];
    date = jitems[cid][i][4];
    if(isnew > 0) {
    str = "<li class=\"page-link\"><a href=\"" + url + "\" target=\"_blank\">" + title + "</a><span class=\"item-new\"><img src=\"./common/img/mark-new.gif\" alt=\"new\" width=\"26\" height=\"11\" /></span><br /><nobr>"+ sitetitle +"<span class=\"entry-date\">"+ date +"</span></nobr></li>\n";
    } else {
    str = "<li class=\"page-link\"><a href=\"" + url + "\" target=\"_blank\">" + title + "</a><br /><nobr>" + sitetitle + "<span class=\"entry-date\">"+ date +"</span></nobr></li>\n";
    }
    $('#main-' + cnames[cid] + '-list').append(str);
    if(i == jitems[cid].length-1) break;
  }
}

function PrevEvent(cid){
  if (pageNums[cid]>0) pageNums[cid]--;

  if (pageNums[cid]==0) {
    $('#pagebute_' + cnames[cid] + '-prev').replaceWith("<div class=\"pagebute_prev\" id=\"pagebute_"+cnames[cid]+"-prev\"><img src=\"./common/img/page-link_prev.gif\" alt=\"prev\" width=\"145\" height=\"19\" /></div>");
  }

  if (pageNums[cid]==recNums[cid]-1) {
    $('#pagebute_' + cnames[cid] + '-next').replaceWith("<div class=\"pagebute_next\" id=\"pagebute_"+cnames[cid]+"-next\"><a href=\"#\" id=\""+cnames[cid]+"-next\"><img src=\"./common/img/page-link_next_active.gif\" alt=\"next-active\" width=\"145\" height=\"19\" /></a></div>");
    $("#"+cnames[cid]+"-next").click(function(){
      NextEvent(cid);
      ItemsDisp(cid);

      return false;
    });
  }
}

function NextEvent(cid) {
  if (pageNums[cid]<recNums[cid]) pageNums[cid]++;

  if (pageNums[cid]==1) {
    $('#pagebute_' + cnames[cid] + '-prev').replaceWith("<div class=\"pagebute_prev\" id=\"pagebute_"+cnames[cid]+"-prev\"><a href=\"#\" id=\""+cnames[cid]+"-prev\"><img src=\"./common/img/page-link_prev_active.gif\" alt=\"prev-active\" width=\"145\" height=\"19\" /></a></div>");
    $("#"+cnames[cid]+"-prev").click(function(){
      PrevEvent(cid);
      ItemsDisp(cid);
      return false;
    });
  }

  if (pageNums[cid]==recNums[cid]) {
    $('#pagebute_' + cnames[cid] + '-next').replaceWith("<div class=\"pagebute_next\" id=\"pagebute_"+cnames[cid]+"-next\"><img src=\"./common/img/page-link_next.gif\" alt=\"next\" width=\"145\" height=\"19\" /></div>");
  }
}

$(function(){
$("#life-prev").click(function(){
  PrevEvent(0);
  ItemsDisp(0);

  return false;
});

$("#life-next").click(function(){
  NextEvent(0);
  ItemsDisp(0);
  
  return false;
});

$("#work-prev").click(function(){

  PrevEvent(1);
  ItemsDisp(1);

  return false;
});

$("#work-next").click(function(){
  NextEvent(1);
  ItemsDisp(1);
  
  return false;
});

$("#comm-prev").click(function(){

  PrevEvent(2);
  ItemsDisp(2);

  return false;
});

$("#comm-next").click(function(){
  NextEvent(2);
  ItemsDisp(2);
  
  return false;
});

$("#blog-prev").click(function(){

  PrevEvent(3);
  ItemsDisp(3);

  return false;
});

$("#blog-next").click(function(){
  NextEvent(3);
  ItemsDisp(3);
  
  return false;
});

});