// 結果を受け取るコールバック関数
function topsyResult(data){
  // data.response.list[] に最大10件分
  //  .trackback_total　：Tweet数
  //  .title　：引用された記事のタイトル
  //  .url　：引用された記事のURL
  //  などが入ります

  var Rcount = data.response.list.length;
  var ary =  new Array(Rcount);
  for (i = 0; i < Rcount; i++) {
    ary[i] = [data.response.list[i].trackback_total, data.response.list[i].url, data.response.list[i].title];
  }
  ary = ary.sort(function(a,b){ 
    var a_s = a[0].toString().toLowerCase();
    var b_s = b[0].toString().toLowerCase();
    // if(a[0]-b[0]){		//昇順
    // return a[0]-b[0];	//昇順
    if(b[0]-a[0]){		//降順
      return b[0]-a[0];	//降順
    }else if(a_s > b_s){ 
      return 1;
    }else if(a_s < b_s){ 
      return -1;
    }else{ 
      return 0;
    }
  });
  // alert(ary);

  var html = "";
  html += "<ul>";
  for (i = 0; i < Rcount; i++) {
    var Rtitle = ary[i][2];
    var splitRtitle = Rtitle.split("｜");
    html += "<li><span class=\"num\">" + ary[i][0] + " tweets</span> <a href=\""+ ary[i][1] +"\">" + splitRtitle[0] + "</a></li>";
  }
  html += "</ul>";

  if (data.response.list.length == 0) {
    html = "<p>つぶやかれはありません。</p>";
  }
  else {
    document.getElementById("tweets").innerHTML = html;
  }
}

// リクエスト呼び出し
function topsyScript(){
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.charset = 'UTF-8';
  script.src = 'http://otter.topsy.com/search.js?q=site:gangan-metallic.jp&window=a&callback=topsyResult';
  document.body.appendChild(script);
}

if (window.addEventListener) {
  window.addEventListener("load", topsyScript, false);
} else if (window.attachEvent) {
  window.attachEvent("onload", topsyScript);
} else {
  topsyScript();
}