(function(window, document){

addEvent(window, 'load', function(evt) {
  Init();
});

function Init() {
  jsonRequest( 'post', 'http://www.albert2005.co.jp/i/data/json.cgi?file=ALBERT2005', 'ALBERT2005', function(data){
    dispTwit('twitter1_update_list',data);
  });
  jsonRequest( 'post', 'http://www.albert2005.co.jp/i/data/json.cgi?file=ygiske', 'ygiske', function(data){
    dispTwit('twitter2_update_list',data);
  });
  jsonRequest( 'post', 'http://www.albert2005.co.jp/i/data/json.cgi?file=t_uemura', 't_uemura', function(data){
    dispTwit('twitter3_update_list',data);
  });
}

function dispTwit (id,twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push('<li><span>'+status+'</span> <a style="font-size:95%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>');
  }
  document.getElementById(id).innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

function jsonRequest(method, url, name, callback) {
  var json = new JSONLoader();
  url += '&time=' + new Date().getTime();
  json.config = {
    uri: url, name: name, onstart: function(){}, onfinish: function(){}
  };
  json.callback = callback;
  json.load();
}

function addEvent(node, type, handler, useCapture){
  if( node.addEventListener ) {
    node.addEventListener(type, handler, useCapture);
  } else if( node.attachEvent ) {
    node.attachEvent('on'+type, handler);
  } else {
    var _type = 'on' + type;
    if( typeof node[_type] === 'function' ) {
      var _handler = node[_type], __handler = handler;
      handler = function(evt) {
        _handler(evt);
        __handler(evt);
      };
    }
    node[_type] = handler;
  }
};
var JSONLoader = function(){
};
JSONLoader.prototype.load = function(){
  var o = this;
  var call_jsonp = function(config){
    var uri = config.uri;
    var jsonp_callback_name = config.name + new Date().getTime();
    uri += '&callback=' + jsonp_callback_name;
    if(config.onstart) config.onstart();
    window[jsonp_callback_name] = function(result){
      if(config.onfinish) config.onfinish();
      o.callback(result);
    };
    var script = document.createElement('script');
    script.setAttribute('src', uri );
    script.setAttribute('type', 'text/javascript' );
    document.getElementsByTagName('head')[0].appendChild(script);
  };
  call_jsonp(o.config);
};
})(window, document);

