// JScript ファイル

var myForm;
var TopicsNo;
var TopicImage1;
var TopicImage2;
var TopicImage3;
var ImageSize1w;
var ImageSize2w;
var ImageSize3w;
var ImageSize1h;
var ImageSize2h;
var ImageSize3h;
var TopicImageTitle1;
var TopicImageTitle2;
var TopicImageTitle3;

function initWindow(){

    // まず初めにプレビューウィンドウにフォーカスを当てる
    window.focus();
    
    // オープナーHTMLドキュメントからFORMタグを取得
    //var elmForm1 = opener.document.getElementsByTagName("form");
    // オープナードキュメント内からFORMを指定
    //var opForm = opener.document[elmForm1[0].name];
    
    // カレントウィンドウHTMLドキュメントからFORMタグを取得
    var elmForm = document.getElementsByTagName("form");
    // カレントウィンドウドキュメント内からFORMを指定
    myForm = document[elmForm[0].name];
    var opForm = document[elmForm[0].name];
    
    // テンプレートタイプ
    var ttype = myForm.type.value;
    // 表示させる日付文字列
    //var JrhDate = myForm.JrhDate.value;
    var JrhDate = myForm.ctl00_ContentPlaceHolder1_JrhDate.value;
    // トピックス番号
    TopicsNo = opForm.ctl00$ContentPlaceHolder1$TopicsNo.value;
    // トピックスタイトル
    var TopicTitle = opForm.ctl00$ContentPlaceHolder1$TopicsTitle.value;
    // トピック詳細タイトル（サブタイトル）
    var TopicDTitle = opForm.ctl00$ContentPlaceHolder1$TopicsDTitle.value;
    // トピック詳細本文１
    var TopicDBody1 = opForm.ctl00$ContentPlaceHolder1$TopicsDBody1.value;
    // トピック詳細本文２
    var TopicDBody2 = opForm.ctl00$ContentPlaceHolder1$TopicsDBody2.value;
    // トピック詳細本文３
    var TopicDBody3 = opForm.ctl00$ContentPlaceHolder1$TopicsDBody3.value;
    // 詳細画像１
    TopicImage1 = opForm.ctl00$ContentPlaceHolder1$TopicsDImage1.value;
    //var ImageSize1w = myForm.ISize1w.value;
    ImageSize1w = myForm.ISize1w.value;
    ImageSize1h = myForm.ISize1h.value;
    // 詳細画像２
    TopicImage2 = opForm.ctl00$ContentPlaceHolder1$TopicsDImage2.value;
    ImageSize2w = myForm.ISize2w.value;
    ImageSize2h = myForm.ISize2h.value;
    // 詳細画像３
    TopicImage3 = opForm.ctl00$ContentPlaceHolder1$TopicsDImage3.value;
    ImageSize3w = myForm.ISize3w.value;
    ImageSize3h = myForm.ISize3h.value;
    // 詳細画像タイトル１
    TopicImageTitle1 = opForm.ctl00$ContentPlaceHolder1$TopicsDImageTitle1.value;
    // 詳細画像タイトル２
    TopicImageTitle2 = opForm.ctl00$ContentPlaceHolder1$TopicsDImageTitle2.value;
    // 詳細画像タイトル３
    TopicImageTitle3 = opForm.ctl00$ContentPlaceHolder1$TopicsDImageTitle3.value;
    // 別ページリンク有無
    var hasExtPageLink = opForm.ctl00$ContentPlaceHolder1$ExtLinkKbn.value;
    // 別ページリンク文字
    var ExtPageLinkText = opForm.ctl00$ContentPlaceHolder1$ExtLinkText.value;
    // 別ページリンクURL
    var ExtPageLinkUrl = opForm.ctl00$ContentPlaceHolder1$ExtLinkUrl.value;
    // 別ページリンク先ウィンドウ表示(1-同一ウィンドウ、2-別ウィンドウ）
    var ExtLinkShowKbn = opForm.ctl00$ContentPlaceHolder1$ExtLinkShowKbn.value;


    /*
     * 詳細本文の整形
     */
    var buf = "";
    var i = 0;
    // トピック詳細本文１
    for(i = 0; i < TopicDBody1.length; i++){
        buf += convTopicBodyChars(TopicDBody1.charAt(i));
    }
    TopicDBody1 = buf;
    buf = "";
    // トピック詳細本文２
    for(i = 0; i < TopicDBody2.length; i++){
        buf += convTopicBodyChars(TopicDBody2.charAt(i));
    }
    TopicDBody2 = buf;
    buf = "";
    // トピック詳細本文３
    for(i = 0; i < TopicDBody3.length; i++){
        buf += convTopicBodyChars(TopicDBody3.charAt(i));
    }
    TopicDBody3 = buf;
    buf = "";
    
    /* 
     * コンテンツの書き出し
     */
    var obj = null;
    // トピックタイトル
    document.getElementById("TopicTitle").innerHTML = "<strong>" + JrhDate + "&nbsp;&nbsp;&nbsp;" + TopicTitle + "</strong>";
    // トピック詳細タイトル（サブタイトル）
    //document.getElementById("TopicDTitle").innerHTML = "<strong>" + JrhDate + "&nbsp;&nbsp;&nbsp;" + TopicDTitle + "</strong>";
    //document.getElementById("TopicDTitle").innerHTML = JrhDate + "&nbsp;&nbsp;&nbsp;" + TopicDTitle;
    document.getElementById("TopicDTitle").innerHTML = TopicDTitle;
    // トピック詳細本文１
    document.getElementById("TopicDBody1").innerHTML = TopicDBody1;
    // トピック詳細本文２
    document.getElementById("TopicDBody2").innerHTML = TopicDBody2;
    // トピック詳細本文３
    document.getElementById("TopicDBody3").innerHTML = TopicDBody3;

    /*
     * 詳細画像１
     */
    // トピックス登録画面からのローカル画像パスを使用する場合
    if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg1.value != ""){
        // 一度ダミーIMGタグに書き出す
        document.getElementById("hdTopicImage1").innerHTML = "<img id=\"DummyImage1\" src=\"image_preview.aspx?tno="+TopicsNo+"&ino=1\" border=\"0\" alt=\""+TopicImageTitle1+"\" style=\"visibility: hidden; position: absolute;\" />";
        // ダミーIMGタグにonloadイベントハンドラをセット
        document.getElementById("DummyImage1").onload = image1OnLoad;
    }
    /*
     * 詳細画像２
     */
    // トピックス登録画面からのローカル画像パスを使用する場合
    if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg2.value != ""){
        // 一度ダミーIMGタグに書き出す
        document.getElementById("hdTopicImage2").innerHTML = "<img id=\"DummyImage2\" src=\"image_preview.aspx?tno="+TopicsNo+"&ino=2\" border=\"0\" alt=\""+TopicImageTitle2+"\" style=\"visibility: hidden; position: absolute;\" />";
        // ダミーIMGタグにonloadイベントハンドラをセット
        document.getElementById("DummyImage2").onload = image2OnLoad;
    }
    /*
     * 詳細画像３
     */
    // トピックス登録画面からのローカル画像パスを使用する場合
    if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg3.value != ""){
        // 一度ダミーIMGタグに書き出す
        document.getElementById("hdTopicImage3").innerHTML = "<img id=\"DummyImage3\" src=\"image_preview.aspx?tno="+TopicsNo+"&ino=3\" border=\"0\" alt=\""+TopicImageTitle3+"\" style=\"visibility: hidden; position: absolute;\" />";
        // ダミーIMGタグにonloadイベントハンドラをセット
        document.getElementById("DummyImage3").onload = image3OnLoad;
    }
    // 詳細画像１
    if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg1.value != ""){
        document.getElementById("TopicImage1").innerHTML = "<img src=\"image_preview.aspx?tno="+TopicsNo+"&ino=1\" border=\"0\" width=\""+ImageSize1w+"\" alt=\""+TopicImageTitle1+"\" />";
    }
    // 詳細画像２
    if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg2.value != ""){
        document.getElementById("TopicImage2").innerHTML = "<img src=\"image_preview.aspx?tno="+TopicsNo+"&ino=2\" border=\"0\" width=\""+ImageSize2w+"\" alt=\""+TopicImageTitle2+"\" />";
    }
    // 詳細画像３
    if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg3.value != ""){
        document.getElementById("TopicImage3").innerHTML = "<img src=\"image_preview.aspx?tno="+TopicsNo+"&ino=3\" border=\"0\" width=\""+ImageSize3w+"\" alt=\""+TopicImageTitle3+"\" />";
    }

    // 詳細画像タイトル１
    document.getElementById("TopicImageTitle1").innerHTML = TopicImageTitle1;
    // 詳細画像タイトル２
    document.getElementById("TopicImageTitle2").innerHTML = TopicImageTitle2;
    // 詳細画像タイトル３
    document.getElementById("TopicImageTitle3").innerHTML = TopicImageTitle3;

    // 外部リンク
    if(hasExtPageLink == "1"){
        var _ext_link = "";
        var _ext_target = "";
        var _ext_anchor = "";
        // 外部リンクのテキスト
        if(ExtPageLinkText != "")
            _ext_link = "＞＞"+ExtPageLinkText+"";
        //else
            //_ext_link = "<b>&gt;&gt;詳細はこちら</b>";
        // リンク先ターゲット
        if(ExtLinkShowKbn == "2")
            _ext_target = "LINK_WINDOW";
        
        // 外部リンクに使用するアンカータグをセット
        _ext_anchor = "<a href=\""+ExtPageLinkUrl+"\" ";
        if(_ext_target != "") 
            _ext_anchor += "target=\""+_ext_target+"\" ";
            _ext_anchor += ">"+_ext_link+"</a>";
        // 画面上に表示
        //if(TopicDBody1 != "")
        //    document.getElementById("EXT_LINK1").innerHTML = _ext_anchor;
        //if(TopicDBody2 != "")
        //    document.getElementById("EXT_LINK2").innerHTML = _ext_anchor;
        //if(TopicDBody3 != "")
        //    document.getElementById("EXT_LINK3").innerHTML = _ext_anchor;
        document.getElementById("EXT_LINK").innerHTML = _ext_anchor;
        
    }
}

/**
 * ダミー画像が読み込まれたら実表示画像を書き出す（画像１）
 */
function image1OnLoad(){
    try{
        var width = document.getElementById("DummyImage1").width;
        if(ImageSize1w < width){
            width = ImageSize1w;
        }
        document.getElementById("DummyImage1").style.display = "none";
       if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg1.value != ""){
            document.getElementById("TopicImage1").innerHTML = "<img src=\"image_preview.aspx?tno="+TopicsNo+"&ino=1\" border=\"0\" width=\""+width+"\" alt=\""+TopicImageTitle1+"\" />";
       }
    }
    catch(e){}
}
/**
 * ダミー画像が読み込まれたら実表示画像を書き出す（画像２）
 */
function image2OnLoad(){
    try{
        var width = document.getElementById("DummyImage2").width;
        if(ImageSize2w < width){
            width = ImageSize2w;
        }
        document.getElementById("DummyImage2").style.display = "none";
        if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg2.value != ""){
            document.getElementById("TopicImage2").innerHTML = "<img src=\"image_preview.aspx?tno="+TopicsNo+"&ino=2\" border=\"0\" width=\""+width+"\" alt=\""+TopicImageTitle2+"\" />";
        }
    }
    catch(e){}
}
/**
 * ダミー画像が読み込まれたら実表示画像を書き出す（画像３）
 */
function image3OnLoad(){
    try{
        var width = document.getElementById("DummyImage3").width;
        if(ImageSize3w < width)
            width = ImageSize3w;
        
        document.getElementById("DummyImage3").style.display = "none";
        if(myForm.ctl00_ContentPlaceHolder1_TopicsDImg3.value != "")
            document.getElementById("TopicImage3").innerHTML = "<img src=\"image_preview.aspx?tno="+TopicsNo+"&ino=3\" border=\"0\" width=\""+width+"\" alt=\""+TopicImageTitle3+"\" />";
    }
    catch(e){}
}


function convTopicBodyChars(c){

    if(c == "\n") return "<br/>";
    if(c == " ")  return "&nbsp;";
    if(c == "<")  return "&lt;";
    if(c == ">")  return "&gt;";
    else return c;
}