﻿

// ［設定］タイムアウト時間
var dft_timeout = 30000;

// ［設定］テンプレート
var dft_itemstr = "\
<dl class=\"list-block dtsize-m\">\
<dt><a href=\"[[linkurl]]\" name=\"jupiter_tv_community-003\" type=\"custom\" onclick=\"cto.tracklink(this)\"><img src=\"[[thumburl]]\" alt=\"[[blogtitle]]\" width=\"72\" height=\"60\" /></a></dt>\
<dd class=\"thread\"><a href=\"[[linkurl]]\" name=\"jupiter_tv_community-003-thread\" type=\"custom\" onclick=\"cto.tracklink(this)\">[[blogtitle]]</a></dd>\
<dd class=\"title\"><a href=\"[[linkurl]]\" name=\"jupiter_tv_community-003\" type=\"custom\" onclick=\"cto.tracklink(this)\">[[comment]]</a></dd>\
<dd class=\"user\">By：[[username]]</dd>\
<dd class=\"date\">[[date]]</dd>\
</dl>\
";

// ［設定］読み込み中画像
var dft_loadimgpath = "ugc/dft_loading.gif";

// ［設定］読み込みエラー画像
var dft_erroimgpath = "ugc/dft_error.gif";

// ［設定］ターゲットコンテナ
var dft_target_container = document.getElementById("mod-community");

// ［設定］ターゲットリスト
var dft_target_list = dft_target_container.getElementsByTagName("ul").item(0);




// タイムアウトステータス
var dft_displayTimeout;

// 読み込み中表示
dft_displayLoading();


// コメント表示
function dft_displayFTComment(items) {
	
	// タイムアウト処理削除
	clearTimeout(dft_displayTimeout);
	
	// 置換・Array化
	var arrItems = new Array();
	for(var i = 0; i < items.length; i++) {
		var elem = items[i];
		var dft_itemstrwk = dft_itemstr;
		dft_itemstrwk = dft_itemstrwk.replace(/\[\[username\]\]/g, elem["username"]);
		dft_itemstrwk = dft_itemstrwk.replace(/\[\[comment\]\]/g, elem["comment"]);
		dft_itemstrwk = dft_itemstrwk.replace(/\[\[date\]\]/g, elem["date"]);
		dft_itemstrwk = dft_itemstrwk.replace(/\[\[blogtitle\]\]/g, elem["blogtitle"]);
		dft_itemstrwk = dft_itemstrwk.replace(/\[\[linkurl\]\]/g, elem["linkurl"]);
		dft_itemstrwk = dft_itemstrwk.replace(/\[\[thumburl\]\]/g, elem["thumburl"]);
		// エレメント作成
		var elem_li = document.createElement("li");
		elem_li.className = "dft_item";
		elem_li.innerHTML = dft_itemstrwk;
		// Arrayに追加
		arrItems.push(elem_li);
	}
	
	// 読み込み中<li>を削除
	var elem_li_loading = document.getElementById("dft_loading");
	dft_target_list.removeChild(elem_li_loading);
	
	// 2重呼び出し対策
	var arItems = dft_target_list.getElementsByTagName("li");
	for (var j = 0; j < arItems.length; j++) {
		if (arItems[j].className.match(/dft_item/)) {
			dft_target_list.removeChild(arItems[j]);
		}
	}

	// Arrayから出力
	for(var i = 0; i < arrItems.length; i++) {
		dft_target_list.appendChild(arrItems[i]);
	}
}

// 読み込み中表示
function dft_displayLoading() {
	
	// 10秒後にエラー表示
	dft_displayTimeout = setTimeout("dft_displayError()", dft_timeout);
	
	// <li>タグを作成
	var elem_li = document.createElement("li");
	elem_li.id = "dft_loading";
	elem_li.innerHTML = "<img src=\"" + dft_loadimgpath + "\" alt=\"読み込み中\" />";
	
	// ターゲット<ol>に<li>タグを付加
	dft_target_list.appendChild(elem_li);
}

// 読み込みエラー表示
function dft_displayError() {
	
	// 出力処理
	document.getElementById("dft_loading").innerHTML = 
		"<img src=\"" + dft_erroimgpath + "\" alt=\"読み込みエラー\" />";
}

