// -----------------------------------------------------------------------
// TINAMI Comike Map System Ver 2010.06.30
// (c) 2006 TINAMI. All rights reserved.
// near.js: トラックバックの表示
// -----------------------------------------------------------------------
function showNearCircle(id)
{
  $("near-circle").innerHTML =
        '<h2>近郊サークル情報 <img src="/img2/twitcomike/close.gif" onclick="clearNearCircle();" /></h2>'
      + '検索しています…';

  var url = '/comike/map/api/getnear';
  var param = 'id=' + id;
  Element.show('loading');
  var myAjax = new Ajax.Request( url, { method: 'get', parameters: param, onComplete: _showNearCircleComplete });
}

function _showNearCircleComplete(Request)
{
  var circles;
  try {
    circles = eval('(' + Request.responseText + ')');
  }  catch(e) {
    _InternalErrorMsg('データ解析時に異常が発生しました', e, Request.responseText, '_showNearCircleComplete');
    return ;
  }

  var html = '';
  var is_searched = Element.empty('search-circle');
  if (circles.length) {
    // リストを生成して表示
    for (i=0; i<circles.length; ++i) {
      // もし検索結果が存在した場合、最初から5件のみを表示する
      if (!is_searched && i>=5) {
          break;
      }
      var data = circles[i];
      var comments = data.comment.split("<br />"); // 最初の行をポップアップ表示

      var circle_link;
      if (data.url.length > 0) {
        circle_link = '<a href="' + data.url + '" target="_blank">' + data.name + '</a>';
      } else {
        circle_link = data.name;
      }

      var line = '<li>'
               + '<img src="' + data.image_url + '" />&nbsp;'
               + '<strong><a href="#map" onClick="viewTragetCircle(\'' + data.id + '\');" title="' + comments[0] + '...">' + data.space + '</a></strong>&nbsp;'
               + circle_link + '&nbsp;'
               + '(' + data.owner + ' さん)'
               + '</li>';
      html += line;
    }
    html = '<ul>' + html + '</ul>';
  } else {
    html = '見つかりませんでした。';
  }

  $("near-circle").innerHTML = '<h2>近郊サークル情報 <img src="/img2/twitcomike/close.gif" onclick="clearNearCircle();" /></h2>' + html;
  Element.hide('loading');
}

function clearNearCircle()
{
  Element.update('near-circle', '');
}