/**
 * @fileOverview 取得したデータを表示する関数群
 *
 * @author Nippon RAD Inc.
 * @version 1.0
 */

/**
 * 使用するスタイルシートの読み込み
 * @see _loadCss()
 */
function loadCss() {
    var href = '';

    if (_g_paginate_viewflag == 0) {
        //横表示
        href = '/css/format_arch_row.css';
        _loadCss(href);
    } else {
        //縦表示
        href = '/css/format_arch_column.css';
        _loadCss(href);
    }

    if (_g_css_id == 0) {
        href = '/css/format.css';
        _loadCss(href);
    } else {
        href = '/css/format.css';
        _loadCss(href);
        href = '/css/format_black.css';
        _loadCss(href);
    }

};

/**
 * 使用するスタイルシートの読み込み
 * @param {String} href css参照先
 * @see _g_css_id
 */
function _loadCss(href) {

    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = href;
    head.appendChild(link);

};

/**
 * ライブ画面にライブ動画情報を表示する。
 * 書き込み先は、<div id ="infoLiveFlg"></div>内である。
 * 
 * @param {Request} r GETリクエスト 
 * @return {void}
 */
//function displayProgramInfo(r) 
function displayProgramInfo(data) 
{

    var el = document.getElementById('infoLiveFlg');

    var html = "";

    if (data) {

        if (data.alt_info != null) {
            _g_live_alt_url = data.alt_info.flv_file_location;
        }
        if (data.program_info != null) {   
            _g_live_url = data.program_info.stream_cdn_path;
            if (data.program_info.on_air_flg == 1) {
                _g_live_onair = "onair";
            } else {
                _g_live_onair = "offair";
            }
        }


        var program_identifier = data.program_info.program_identifier;
        var asp_identifier     = data.program_info.asp_identifier;
        var program_name       = data.program_info.program_name;
        var program_comment    = data.program_info.program_comment;
        var live_start_date    = data.program_info.live_start_date;
        var live_end_date      = data.program_info.live_end_date;
        var stream_cdn_path    = data.program_info.stream_cdn_path;
        var stream_id          = data.program_info.stream_id;
        var public_url = "";
        var player_url = "";

        if (program_identifier && asp_identifier && stream_id) {

            if (_g_css_id == 0) {
                player_url =  _g_swf_url + "livePlayer2009101501_white.swf";
            } else {
                player_url =  _g_swf_url + "livePlayer2009101501_black.swf";
            }

            public_url = "<embed height=\"" + _g_height + "\" width=\"" + _g_width + "\""
                        + "flashvars=\"mediaURL=rtmp://imj.fc.llnwd.net/imj/_definst_/" + asp_identifier + "/" + stream_id
                        + "&altURL=" + _g_live_alt_url + "&streamName=livestream&buffer=0&imageURL=/themes/llnwnew/flash/players/AS3/llnwLogo.jpg&streamType=LiveStream&" + "autoPlay=true&"
                       + "playerWidth=" + _g_width + "&playerHeight=" + _g_pheight + "&autoHideControls=false&autoHideTime=5&initialVolume=50&autoRepeat=true&"
                       + "mode=" + _g_live_onair + "\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" quality=\"high\" bgcolor=\"#FFFFFF\" name=\"liveplayer\" id=\"liveplayer\" style=\"\""
                       + "src=\"" + player_url + "\" />";

        }

        var thumbnail_name     = "";
        var thumbnail_location = "";
        if (data.thumbnail_info) {
            var thumbnail_name     = data.thumbnail_info.thumbnail_name;
            var thumbnail_location = data.thumbnail_info.thumbnail_location;
        }

        // Top の Title
		  /*
        var div_2 =  document.createElement('div');
        div_2.innerHTML = program_name;
        $('topTitle').appendChild(div_2);
		  */
        // ↑20091021 truelyre：Topタイトルの取得の必要がない為コメントアウト
		  
        if (thumbnail_location) {
            html += "<img class='archThumbnail' src='" + thumbnail_location + "' alt='" + program_identifier + ":" + thumbnail_name + "' border=0 />";
        } else {
            html += "<img class='archThumbnail' src='" + _g_nothumbnail + "' alt='" + program_identifier + ":nothumbnail' border=0 />";
        }
        if (program_name) {
            html += "<div class='liveTitle'>" + program_name + "</div>";
        } else {
            html += "<div class='liveTitle'></div>";
        }
        if (program_comment) {
            html += "<div class='liveDetail'>" + program_comment + "</div>";
        } else {
            html += "<div class='liveDetail'></div>";
        }
        
		  /*
        html += "<div id='liveTTD'>";
        if (thumbnail_location) {
            html += "<img id='archThumbnail' src='" + thumbnail_location + "' alt='" + program_identifier + ":" + thumbnail_name + "' border=0>";
        } else {
            html += "<img id='archThumbnail' src='" + _g_nothumbnail + "' alt='" + program_identifier + ":nothumbnail' border=0>";
        }
        if (program_name) {
            html += "<div id='liveTitle'>" + program_name + "</div>";
        } else {
            html += "<div id='liveTitle'></div>";
        }
        if (program_comment) {
            html += "<div id='liveDetail'>" + program_comment + "</div>";
        } else {
            html += "<div id='liveDetail'></div>";
        }
        html += "</div>";
        html += "<div id='liveRec'>";
        if (live_start_date) {
            html += "<div id='liveRecDetail'>" + live_start_date + "</div>";
        } else {
            html += "<div id='liveRecDetail'></div>";
        }
        html += "</div>";

        html += "<div id='archUrl'>";
        html += "<div id='archUrlTitle'>動画URL：</div>";
        if (stream_cdn_path) {
            html += "<input id='archUrlDetail' type='text' value='" + stream_cdn_path + "'readOnly />";
        } else {
            html += "<input id='archUrlDetail' type='text' value=''readOnly />";
        }
        html += "</div>";
        html += "<div id='archUmekomi'>";
        html += "<div id='archUmekomiTitle'>埋込み：</div>";
        if (public_url) {
            html += "<input id='archUmekomiDetail' type='text' value='" + public_url + "'readOnly />";
        } else {
            html += "<input id='archUmekomiDetail' type='text' value=''readOnly />";
        }
        html += "</div>";
		  */

    } else {

        html += "<div id='liveTTD'>";
        html += "該当するデータは存在しません";
        html += "</div>";
    }

    el.innerHTML += html;   

    showLivePlayer();

};

/**
 * ライブ画面にライブ動画情報を表示できない場合、代わりにエラーメッセージを表示する。
 * 書き込み先は、&lt;div id ="infoFlg"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} r GETリクエスト 
 * @return {void}
 */
function displayProgramInfoErr(r)
{
    var el = document.getElementById('infoFlg');
    var html = "";
    html += "<div id='liveTTD'>";
    html += "Connection Failed (" + r.status + ":" + r.statusText + ")";
    html += "</div>";
    el.innerHTML += html;
};

/**
 * ライブ画面・アーカイブ画面にアーカイブ動画情報を表示する。
 * 書き込み先は、&lt;div id ="infoFlg"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} r GETリクエスト 
 * @return {void}
 */
function displayArchiveInfo(data)
{
    var el = document.getElementById('infoFlg');
    var html = "";
    
    if (data) {

        var archive_identifier   = data.archive_identifier;
        var asp_identifier       = data.asp_identifier;
        var program_identifier   = data.program_identifier;
        var archive_title        = data.archive_title;
        var archive_caption      = data.archive_caption;
        var record_start_time    = data.record_start_time;
        var stream_cdn_path      = data.flv_file_location;
        var public_url           = data.public_url;
        var keyword              = data.keyword;
        var play_count           = data.play_count;
        var thumbnail_name       = data.thumbnail_name;
        var thumbnail_location   = data.thumbnail_location;
        var record_start_unitime = data.record_start_unixtime;
        var record_end_unitime   = data.record_end_unixtime;      

        //Topタイトルの取得
		  /*
        var div_1 = document.createElement('div');
        div_1.innerHTML = archive_title;
        $('topTitle').appendChild(div_1);
		  */
		  // ↑20091021 truelyre：Topタイトルの取得の必要がない為コメントアウト
		  
		  var _g_php_url = ".";
        if (thumbnail_location) {
            html += "<img class='archThumbnail' src='" + thumbnail_location + "' alt='" + archive_identifier + ":" + thumbnail_name + "' border=0 />";
        } else {
            html += "<img class='archThumbnail' src='" + _g_nothumbnail + "' alt='" + archive_identifier + ":nothumbnail' border=0 />";
        }
        if (archive_title) {
            html += "<div class='archTitle'>" + archive_title + "</div>";
        } else {
            html += "<div class='archTitle'></div>";
        }
        if (archive_caption) {
            html += "<div class='archDetail'>" + archive_caption + "</div>";
        } else {
            html += "<div class='archDetail'></div>";
        }
        if (record_start_time) {
            html += "<div class='archRecDetail'>" + record_start_time + "</div>";
        } else {
            html += "<div class='archRecDetail'></div>";
        }
        html += "<div class='archKeyword'>";
        html += "<div class='archKeywordTitle'>キーワード：</div>";
        if (keyword) {
            var keyword_array = keyword.split(",");
				var keyword_str = "";
				for (var j = 0; j < keyword_array.length; j++) {
					keyword_str += "<a href='" + _g_php_url + "/imj_arch_list.html?program_identifier=o&asp_identifier=" + asp_identifier + "&keywords=" + encodeURI(keyword_array[j]) + "'>";
					keyword_str += keyword_array[j];
					keyword_str += "</a>　";
				}
            html += "<div class='archKeywordDetail'>" + keyword_str + "</div>";
            _g_search_keyword  = encodeURI(keyword);
        } else {
            html += "<div class='archKeywordDetail'></div>";
            _g_search_keyword  = null;
        }
        html += "</div>";
		  /*
        html += "<div class='archUrl'>";
		  html += "<div class='archUrlTitle'>URL</div>";
        if (stream_cdn_path) {
            html += "<input class='archUrlDetail' type='text' value='" + stream_cdn_path + "'readOnly />";
        } else {
            html += "<input class='archUrlDetail' type='text' value=''readOnly />";
        }
        html += "</div>";
        html += "<div class='archUmekomi'>";
		  html += "<div class='archUmekomiTitle'>埋込み</div>";
        if (public_url) {
            html += "<input class='archUmekomiDetail' type='text' value='" + public_url + "'readOnly />";
        } else {
            html += "<input class='archUmekomiDetail' type='text' value=''readOnly />";
        }
        html += "</div>";
		  */

        /*
        html += "<div id='archTTD'>";
        if (thumbnail_location) {
            html += "<img id='archThumbnail' src='" + thumbnail_location + "' alt='" + archive_identifier + ":" + thumbnail_name + "' border=0></a>";
        } else {
            html += "<img id='archThumbnail' src='" + _g_nothumbnail + "' alt='" + archive_identifier + ":nothumbnail' border=0></a>";
        }
        if (archive_title) {
            html += "<div id='archTitle'>" + archive_title + "</div>";
        } else {
            html += "<div id='archTitle'></div>";
        }
        if (archive_caption) {
            html += "<div id='archDetail'>" + archive_caption + "</div>";
        } else {
            html += "<div id='archDetail'></div>";
        }
        html += "</div>";
        html += "<div id='archRec'>";
        if (record_start_time) {
            html += "<div id='archRecDetail'>" + record_start_time + "</div>";
        } else {
            html += "<div id='archRecDetail'></div>";
        }
        html += "</div>";

        html += "<div id='archKeyword'>";
        html += "<div id='archKeywordTitle'>キーワード：</div>";
        if (keyword) {
            html += "<div id='archKeywordDetail'>" + keyword + "</div>";
            _g_search_keyword  = encodeURI(keyword);
        } else {
            html += "<div id='archKeywordDetail'></div>";
            _g_search_keyword  = null;
        }
        html += "</div>";
        html += "<div id='archUrl'>";
        html += "<div id='archUrlTitle'>動画URL：</div>";
        if (stream_cdn_path) {
            html += "<input id='archUrlDetail' type='text' value='" + stream_cdn_path + "'readOnly />";
        } else {
            html += "<input id='archUrlDetail' type='text' value=''readOnly />";
        }
        html += "</div>";
        html += "<div id='archUmekomi'>";
        html += "<div id='archUmekomiTitle'>埋込み：</div>";
        if (public_url) {
            html += "<input id='archUmekomiDetail' type='text' value='" + public_url + "'readOnly />";
        } else {
            html += "<input id='archUmekomiDetail' type='text' value=''readOnly />";
        }
        html += "</div>";
		  */

    } else {
       html += "<div id='archTTD'>";
       html += "該当するデータは存在しません";
       html += "</div>";
    }

    el.innerHTML += html;                

};

/**
 * アーカイブ画面にアーカイブ動画情報を、表示できない場合、代わりにエラーメッセージを表示する。
 * 書き込み先は、&lt;div id ="infoFlg"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} r GETリクエスト 
 * @return {void}
 */
function displayArchiveInfoErr(r)
{
    var el = document.getElementById('infoFlg');
    var html = "";
    html += "<div id='ArchTTD'>";
    html += "Connection Failed (" + r.status + ":" + r.statusText + ")";
    html += "</div>";
    el.innerHTML += html;
};

/**
 * ライブ画面・アーカイブ画面におけるアーカイブ一覧の表示・非表示を切り替える機能を持つ。
 */
function showHide(buttonId){
  if(document.getElementById(buttonId)){
    if(document.getElementById(buttonId).style.display == "none"){
      document.getElementById(buttonId).style.display = "block";
    }else{
      document.getElementById(buttonId).style.display = "none";
    }
  }
};

/**
 * ライブ画面・アーカイブ画面のアーカイブ一覧において、スクロールさせると新たにアーカイブ動画情報を自動検索し、その結果を追加表示する。
 * 書き込み先は、&lt;div id ="loadingDiv"&gt;&lt;/div&gt;内である。
 * 
 * @see LoadMoreElements
 */
function OnDivScroll()
{
    if (_g_scroll_flag == 1 && _g_scroll_enable == 1) {
        var el = document.getElementById('scrollContainer');
        if(el.scrollTop < el.scrollHeight - 1600) {
            return;
        }
        var loading = document.getElementById('loadingDiv');
        if(loading.style.display == '') {
            return; //already loading
        }
        loading.style.display = '';
  
        LoadMoreElements();
    }
};

/**
 * 一定時間内にサーバーから値を取得できた場合、getLiveArchive()を実行する。
 * 値を取得できなかった場合、何もしない
 * 
 * @see getLiveArchive
 */
function LoadMoreElements()
{
  //Do a server callback to load 
  //more elements
  setTimeout(liveinfo.getLiveArchive, 350);
};

/**
 * 一覧表示の各項目を表示する際の、ローダーイメージの表示
 *
 * @param {String} archive_identifier id要素を識別するアーカイブID
 * @param {int} flag 0:検索結果表示、1:LIVEアーカイブ表示
 */
function showAjaxLoader(archive_identifier, flag)
{
    var el  = document.getElementById(archive_identifier);
    var img = document.createElement('img');
    img.id  = archive_identifier + "loading";
    if (flag == 0) {
        img.style.margin = '50px 0px 10px 10px';
    } else {
        img.style.margin = '30px 0px 10px 130px';
    }
    if (_g_css_id == 0) {
        img.src = 'http://imj.vo.llnwd.net/r1/imjlive/img/ajax-loader.gif';
    } else {
        img.src = 'http://imj.vo.llnwd.net/r1/imjlive/img/ajax-loader_black.gif';
    }
    el.appendChild(img);
};

/**
 * ライブ画面・アーカイブ画面のアーカイブ一覧にアーカイブ動画情報を表示する。
 * 書き込み先は、&lt;div id ="loadingDiv"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} request GETリクエスト 
 * @return {void}
 */
function displayLiveArchive(data) 
{
    var el = document.getElementById('scrollContainer');
    var loading = document.getElementById('loadingDiv');
    var count = 0;
    loading.style.display = 'none';

    if (data) {
        for (var i = 0; i < data.length; i++) {
            var archive_identifier = data[i].archive_identifier;
            var asp_identifier     = data[i].asp_identifier;
            var program_identifier = data[i].program_identifier;

            var html = "";
            html += "<div class='archBox' id='" + archive_identifier + "'>";
            html += "</div>";

            el.innerHTML += html;                

            showAjaxLoader(archive_identifier, 1);

            var archive_title        = data[i].archive_title;
            var archive_caption      = data[i].archive_caption;
            var record_start_time    = data[i].record_start_time;
            var stream_cdn_path      = data[i].flv_file_location;
            var keyword              = data[i].keyword;
            var play_count           = data[i].play_count;
            var thumbnail_name       = data[i].thumbnail_name;
            var thumbnail_location   = data[i].thumbnail_location;
            var record_start_unitime = data[i].record_start_unixtime;
            var record_end_unitime   = data[i].record_end_unixtime;

            var el2 = document.getElementById(archive_identifier);
            var img = document.getElementById(archive_identifier + "loading");
            el2.removeChild(img);

            var _g_php_url = ".";
				html = "";
				html += "<a href='" + _g_php_url + "/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
				if (thumbnail_location) {
					html += "<img class='archThumbnail' src='" + thumbnail_location + "' alt='" + archive_identifier + ":" + thumbnail_name + "' border=0 />";
				} else {
					html += "<img class='archThumbnail' src='" + _g_nothumbnail + "' alt='" + archive_identifier + ":nothumbnail' border=0 />";
				}
				html += "<img class='archPlayicon' src='./img/playicon.gif' alt='' border=0 />";
				html += "</a>";
				if (archive_title) {
					html += "<div class='archTitle'>"
					html += "<a href='" + _g_php_url + "/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
					html += archive_title;
					html += "</a>";
					html += "</div>";
				} else {
					html += "<div class='archTitle'></div>";
				}
				if (record_start_time) {
                html += "<div class='archRecDetail'>" + record_start_time + "</div>";
            } else {
                html += "<div class='archRecDetail'></div>";
            }
            if (keyword) {
                var keyword_array = keyword.split(",");
                var keyword_str = "";
                for (var j = 0; j < keyword_array.length; j++) {
                    keyword_str += "<a href='" + _g_php_url + "/imj_arch_list.html?program_identifier=o&asp_identifier=" + asp_identifier + "&keywords=" + encodeURI(keyword_array[j]) + "'>";
                    keyword_str += keyword_array[j];
                    keyword_str += "</a>　";
                }
                html += "<div class='archKeywordDetail'>" + keyword_str + "</div>";
            } else {
                html += "<div class='archKeywordDetail'></div>";
            }
				
            /*
            html += "<div id='archTTD'>";
            //html += "<a href='http://imjclient.nippon-rad.co.jp/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
            html += "<a href='" + _g_php_url + "/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
            if (thumbnail_location) {
                html += "<img id='archThumbnail' src='" + thumbnail_location + "' alt='" + archive_identifier + ":" + thumbnail_name + "' border=0></a>";
            } else {
                html += "<img id='archThumbnail' src='" + _g_nothumbnail + "' alt='" + archive_identifier + ":nothumbnail' border=0></a>";
            }
            html += "<div id='archTitle'>" + archive_title + "</div>";
            if (archive_caption) {
                html += "<div id='archDetail'>" + archive_caption + "</div>";
            } else {
                html += "<div id='archDetail'></div>";
            }
            html += "</div>";
            html += "<div id='archRec'>";
            if (record_start_time) {
                html += "<div id='archRecDetail'>" + record_start_time + "</div>";
            } else {
                html += "<div id='archRecDetail'></div>";
            }
            html += "</div>";
            html += "<div id='archPlay'>";
            html += "<div id='archPlayTitle'>再生時間：</div>";
            var playtime = getPlayTime(record_start_unitime, record_end_unitime);
            html += "<div id='archPlayDetail'>" + (playtime === undefined || playtime === null) ? "":playtime + "</div>";
            html += "</div>";
            html += "<div id='archCount'>";
            html += "<div id='archCountTitle'>再生回数：</div>";
            if (play_count) {
                html += "<div id='archCountDetail'>" + play_count + "</div>";
            } else {
                html += "<div id='archCountDetail'></div>";
            }
            html += "</div>";
            html += "</div>";
				*/
            el2.innerHTML += html;

            count++;
        }
		  
        el.innerHTML += "<div style='clear:both; display:block;'></div>";
		  // ↑20091021 truelyre：リストが伸びても背景画像を表示させる様にfloatを解除する空のdivを追加

        if (count == 10) {
            _g_scroll_pagenum++; 
        } else {
            _g_scroll_flag = 0;
        }
        if(_g_scroll_enable  == 0) {
            /*
            var div_2 =  document.getElementById('archFlg');
            //div_2.innerHTML += "<div id='archAllListView'><a href='http://imjclient.nippon-rad.co.jp/imj_arch_list.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&keywords=" + "'>すべての動画を見る</a></div>"; 
            div_2.innerHTML += "<div id='archAllListView'><a href='" + _g_php_url + "/imj_arch_list.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&keywords=" + "'>すべての動画を見る</a></div>"; 
            */
            // ↑20091021 truelyre：デザイン上存在しない為コメントアウト
        }
    } else {
        var html = "";
        html += "<div>該当するデータはありません</div>";
        el.innerHTML += html;                
    }

};

/**
 * ライブ画面・アーカイブ画面でアーカイブ一覧を表示できなかった場合、代わりにエラーメッセージを表示する。
 * 書き込み先は、&lt;div id ="scrollContailner"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} request GETリクエスト 
 * @return {void}
 */
function displayLiveArchiveErr(r)
{
    var el = document.getElementById('scrollContainer');
    var html = "";
    html += "<div class='archBox'>";
    html += "<div id='ArchTTD'>";
    html += "Connection Failed (" + r.status + ":" + r.statusText + ")";
    html += "</div>";
    html += "</div>";
    el.innerHTML += html;
};

/**
 * アーカイブ一覧画面にアーカイブ動画情報の検索結果を表示する。
 * 書き込み先は、&lt;div id ="archListLoop"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} request GETリクエスト 
 * @return {void}
 */
function showSearchResult(data) {

    var el = document.getElementById('archListLoop');

    el.innerHTML = "";

    if (data) {
        for (var i = 0; i < data.length; i++) {
            var html = "";
            var archive_identifier = data[i].archive_identifier;
            var asp_identifier     = data[i].asp_identifier;
            var program_identifier = data[i].program_identifier;

       /*
	    html += "<div id='archListTTD'>";
            html += "<div id='" + archive_identifier + "'>";
            html += "</div>";
	    html += "</div>";
		 */
	    html += "<div class='archListBox' id='" + archive_identifier + "'>";
	    html += "</div>";
		 
            if (_g_paginate_viewflag == 1)
	        html += "<div class='horizon'></div>";  //一覧を縦に表示する際は必要
            el.innerHTML += html;           
            showAjaxLoader(archive_identifier, 0);
            var archive_title        = data[i].archive_title;
            var archive_caption      = data[i].archive_caption;
            var keyword              = data[i].keyword;
            var flv_file_name        = data[i].flv_file_name;
            var flv_file_location    = data[i].flv_file_location;
            var flv_file_size        = data[i].flv_file_size;
            var thumbnail_name       = data[i].thumbnail_name;
            var thumbnail_location   = data[i].thumbnail_location;
            var public_url           = data[i].public_url;
            var record_start_time    = data[i].record_start_time;
            var record_end_time      = data[i].record_end_time;
            var record_start_unitime = data[i].record_start_unixtime;
            var record_end_unitime   = data[i].record_end_unixtime;
            var play_count           = data[i].play_count;

            var el2 = document.getElementById(archive_identifier);
            var img = document.getElementById(archive_identifier + "loading");
            el2.removeChild(img);
				
				var _g_php_url = ".";
				html = "";
            html += "<a href='" + _g_php_url + "/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
            if (thumbnail_location) {
                html += "<img class='archListThumbnail' src='" + thumbnail_location + "' alt='" + archive_identifier + ":" + thumbnail_name + "' border=0 />";
            } else {
                html += "<img class='archListThumbnail' src='" + _g_nothumbnail + "' alt='" + archive_identifier + ":nothumbnail' border=0 />";
            }
				html += "<img class='archListPlayicon' src='./img/playicon.gif' alt='' border=0 />";
				html += "</a>";
            if (archive_title) {
                html += "<div class='archListTitle'>"
                html += "<a href='" + _g_php_url + "/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
                html += archive_title;
                html += "</a>";
                html += "</div>";
            } else {
                html += "<div class='archListTitle'></div>";
            }
				if (record_start_time) {
                html += "<div class='archListRecDetail'>" + record_start_time + "</div>";
            } else {
                html += "<div class='archListRecDetail'></div>";
            }
            if (keyword) {
                var keyword_array = keyword.split(",");
                var keyword_str = "";
                for (var j = 0; j < keyword_array.length; j++) {
                    keyword_str += "<a href='" + _g_php_url + "/imj_arch_list.html?program_identifier=o&asp_identifier=" + asp_identifier + "&keywords=" + encodeURI(keyword_array[j]) + "'>";
                    keyword_str += keyword_array[j];
                    keyword_str += "</a>　";
                }
                html += "<div class='archListKeywordDetail'>" + keyword_str + "</div>";
            } else {
                html += "<div class='archListKeywordDetail'></div>";
            }
				
            /*
            //html += "<a href='http://imjclient.nippon-rad.co.jp/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
            html += "<a href='" + _g_php_url + "/imj_arch_disp.html?program_identifier=" + program_identifier + "&asp_identifier=" + asp_identifier + "&archive_identifier=" + archive_identifier + "'>";
            if (thumbnail_location) {
                html += "<img id='archListThumbnail' src='" + thumbnail_location + "' alt='" + archive_identifier + ":" + thumbnail_name + "' border=0></a>";
            } else {
                html += "<img id='archListThumbnail' src='" + _g_nothumbnail + "' alt='" + archive_identifier + ":nothumbnail' border=0></a>";
            }
            if (archive_title) {
                html += "<div id='archListTitle'>" + archive_title + "</div>";
            } else {
                html += "<div id='archListTitle'></div>";
            }
            if (archive_caption) {
                html += "<div id='archListDetail'>" + archive_caption + "</div>";
            } else {
                html += "<div id='archListDetail'></div>";
            }
            html += "<div id='archListPlay'>";
            html += "<div id='archListPlayTitle'>再生時間：</div>";
            var playtime = getPlayTime(record_start_unitime, record_end_unitime);
            if (playtime) {
                html += "<div id='archListPlayDetail'>" + playtime + "</div>";
            } else {
                html += "<div id='archListPlayDetail'></div>";
            }
            html += "</div>";
            html += "<div id='archListCount'>";
            html += "<div id='archListCountTitle'>再生回数：</div>";
            if (play_count) {
                html += "<div id='archListCountDetail'>" + play_count + "</div>";
            } else {
                html += "<div id='archListCountDetail'></div>";
            }
            html += "</div>";
				*/
            el2.innerHTML = html;
        }
		  
        el.innerHTML += "<div style='clear:both; display:block;'></div>";
		  // ↑20091021 truelyre：リストが伸びても背景画像を表示させる様にfloatを解除する空のdivを追加

    } else {

        html = "<div style='color:#FFFFFF; border:0px;'>該当するデータはありません</div>";
        el.innerHTML += html;           

    }

};

/**
 * アーカイブ一覧画面において、検索結果を取得できなかった際にエラーメッセージを表示する。
 * 書き込み先は、&lt;div id ="archListLoop"&gt;&lt;/div&gt;内である。
 * 
 * @param {Request} r GETリクエスト 
 * @return {void}
 */
function showSearchResultErr(r)
{
    var el = document.getElementById('archListLoop');
    var html = "";
    html += "<div id='archListTTD'>";
    html += "Connection Failed (" + r.status + ":" + r.statusText + ")";
    html += "</div>";
    el.innerHTML += html;
};

/**
 * アーカイブ動画の再生時間を取得する。
 * 
 * @param {int} start 開始時刻
 * @param {int} end   終了時刻
 * @return {String} 再生時間を文字列で返す hh:mm:ssまたはmm:ss 
 */
function getPlayTime(start, end)
{
    if (start > 0 && end > 0){
        var play_time = end - start;
        var hour = Math.floor(play_time / 3600);
        var min  = Math.floor((play_time % 3600) / 60);
        var sec  = Math.floor((play_time % 3600) % 60);
        if (min < 10)
            min = '0' + min;
        if (sec < 10)
            sec = '0' + sec;
        if (hour > 0) {
            return hour + ':' + min + ':' + sec;
        } else {
            return min + ':' + sec;
        }
    }

};

/**
 * 画面を表示できなかった場合、エラーメッセージを表示する。
 * 
 * @return {void}
 */
function displayError(){
alert("画面を表示できません。");
};

/**
 * キーワードを入力せずに検索ボタンを押下した際、アラートを表示し、アーカイブ一覧画面へ遷移させない。
 *
 */
function nullCheck(arg)
{
    var str = arg;
    if(!str || str==""){
        return 1;
    } else {
        return 0;
    }
};
function enableSubmitButton(enabled) {
    var elements = document.search.elements;

    for (var i=0; i < elements.length; i++) {
        if (elements[i].type == 'submit') {
            if (enabled) {
                elements[i].disabled = false;
            } else {
                elements[i].disabled = true;
            }
        }
    }
};
function textCheck()
{
    var keywords = document.search.elements['keywords'].value;

    if (nullCheck(keywords) != 0) {
        alert('キーワードを入力してください。');
        return false;
    }

    document.search.program_identifier.value = _g_program_id;
    document.search.asp_identifier.value = _g_asp_id;
    return true;
};

/**
 * onloadを複数使用可能にする。
 * 例. window.onload=xxx(){}; → addEvent(window,"load",function(){xxx()});
 * 例. window.onload = xxx; → addEvent(window,"load",xxx);
 */
function addEvent(elm,listener,fn){
    try{
        elm.addEventListener(listener,fn,false);
    }catch(e){
        elm.attachEvent("on"+listener,fn);
    }
};

function showLivePlayer()
{
    var mediaURL = _g_live_url;
    var altURL   = _g_live_alt_url;
    var onAir    = _g_live_onair;
    var _width   = 640;
    var _height  = 515;
    var _pheight = 480;
    if (_g_css_id == 0) {
        var so = new SWFObject("http://imj.vo.llnwd.net/r1/imjlive/items/livePlayer2009102801_white.swf", "liveplayer", "100%", "100%", "10", "#FFFFFF");
    } else {
        var so = new SWFObject("http://imj.vo.llnwd.net/r1/imjlive/items/livePlayer2009102801_black.swf", "liveplayer", _width, _height, "10", "#FFFFFF");
    }
    so.addParam("width", _width);
    so.addParam("height", _height);
    so.addParam("allowFullScreen", "true");
    so.addParam("allowScriptAccess","always");
    so.addParam("quality","high");
    so.addParam("type", "application/x-shockwave-flash");
    so.addParam("pluginspage", "http://www.macromedia.com/go/getflashplayer");
    so.addParam("FlashVars", "mediaURL="+ _g_live_url + "&altURL=" + _g_live_alt_url + "&streamName=livestream&buffer=0&imageURL=/themes/llnwnew/flash/players/AS3/llnwLogo.jpg&streamType=LiveStream&autoPlay=true&playerWidth=" + _width + "&playerHeight=" + _pheight + "&autoHideControls=false&autoHideTime=5&initialVolume=50&autoRepeat=true&mode="+ _g_live_onair);
    so.write("flashcontent");

};