/**
 * FeedBlog CoreScript
 *
 * @copyright 2009 FeedBlog Project (http://sourceforge.jp/projects/feedblog/)
 * @author Kureha Hisame (http://www.lunardial.com/) & Yui Naruse (http://airemix.com/)
 * @since 2008/10/16
 * @version 1.5.1.0
 */
// ブログ本体のHTMLファイルの名前を記入してください
var blogUrl = "./index.html"

// 最新の日記を示すパスへの文字列です。最新の日記を置く場所を変えたいときは変更してください。
var latestXml = "./xml/diary.xml";

// Ext jsパネルのサイズを記述してください
//var extPanelWidth = 485;

/**
 * XMLファイルから読み込んだファイルのバリデートモードを選択します。
 * 0 = 改行コード部分に<br/>を挿入
 * 1 = 改行コード部分に<br/>を挿入しない
 */
var validateMode = "0";

/**
 * Ext jsパネルを実際に生成します。この部分を編集することでデザインを変更可能です。
 * @param {String} title パネルのタイトル部分に表示する文字列
 * @param {String} drawitem パネルの本文を格納したDIV要素のid
 * @param {String} renderto 「タイトル・更新日時・本文」の1日分の日記データを焼き付けるDIV要素のid
 * @param {String} closed (Ext jsパネルオプション)日記をクローズ状態で生成するか否か
 */
function generatePanel(title, drawitem, renderto, closed){
    // Ext jsパネルを生成する
    new Ext.Panel({
        contentEl: drawitem,
//        width: extPanelWidth,
        title: title,
        hideCollapseTool: false,
        titleCollapse: true,
        collapsible: true,
        collapsed: closed,
        renderTo: renderto
    });
}

/**
 * Extへのイベント登録です。すべてのDOMが利用可能になった時点で実行されます。
 */
Ext.onReady(function(){
    // 特定の過去ログの探索モードか否かを判別するためにハッシュを取得する
    var urlhash = "" + location.hash.substring(1);

    /*
     * ハッシュの形式チェック
     * RFC3339の形式であればよい。
     * [頭 - 数値] → 数値要素 x 3 → - → 数値要素 x 2 → - → 数値要素 x 2 → T → // 年～日付
     * 数値要素 x 2 → : → 数値要素 x 2 → : → 数値要素 x 2 → [z/+/0～9:文末] // 時～最終要素
     */
    //var hashCheck = new RegExp("^[0-9][0-9]{3}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}:[0-9]{2}[\dz+]*");

    // ハッシュが空か、ハッシュ形式の正規表現に一致しないようなら通常モードで実行
    //    if (urlhash.length == 0 || hashCheck.test(urlhash) != true) {
    if (urlhash.length == 0) {
        xmlLoader(latestXml);
        logXMLLoader();
    }
    // ハッシュ形式の正規表現に一致したら探索モード
    else {
        searchMode(urlhash);
        logXMLLoader();
    }
});

/**
 * 記事クラス
 * @param {Object} obj entry 要素の DOM オブジェクトか、ハッシュ
 */
function Entry(obj){
//    if (obj.getElementsByTagName) {
    if (typeof obj.getElementsByTagName != 'undefined') {
        this.title = $("title:first", obj).text();
        if (this.title == "")
            requiredElementError(obj, "title");
        this.title = "<span>" + validateText(this.title) + "</span>";
        this.content = $("content:first", obj).text();
        this.content = "<span>" + validateText(this.content) + "</span>";
        this.id = $("id:first", obj).text();
        if (this.id == "")
            requiredElementError(obj, "id");
        this.date = $("updated:first", obj).text();
        if (this.date == "")
            requiredElementError(obj, "updated");
        this.date = validateData(this.date);
    }
    else {
        this.title = hash['title'];
        this.content = hash['content'];
        this.id = hash['id'];
        this.date = hash['date'];
    }
}

/**
 * 呼び出すとDIV:id名:writeArea上のHTMLを削除し、ロードエフェクトを表示します
 */
function loadingEffect(){
    var writeArea = Ext.getDom("writeArea");
    writeArea.innerHTML = '<br/><br/><div id="drawPanel"><div id="drawItem" class="code" style="text-align: center;"><\/div><\/div>';

    var drawItem = Ext.getDom("drawItem");
    drawItem.innerHTML = '<br/><img src="./library/ext/resources/images/default/shared/blue-loading.gif"><br/>長時間画面が切り替わらない場合はページをリロードしてください。<br/><br/>';

    // ロード表示用のパネルを生成
    generatePanel("Now Loading .....", "drawItem", "drawPanel", false);
}

/**
 * 日記データのエラー時の処理を行います
 */
function requiredElementError(parent, name){
    Ext.Msg.alert("Error!", parent.ownerDocument.URL + ": 必須な要素 " +
    name +
    " が存在しないか空な " +
    parent.tagName +
    " 要素が存在します");
}

function xmlAttrContentEscape(str){
    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

/**
 * 日付のHTML表示用バリデーション処理を行います
 * @param {String} data RFC3339形式のdate-time文字列
 */
function validateData(data){
    var regT = new RegExp("T", "gm");
    data = data.replace(regT, " ");

    // 秒数の小数点以下の部分はカットする
    data = data.substring(0, 19);

    return data;
}

/**
 * 日記本文のバリデーション処理を行います
 * @param {String} contents 日記の本文が格納されている文字列
 */
function validateText(contents){
    // <br/>タグを挿入する
    if (validateMode == 0) {
        contents = contents.replace(/[\n\r]|\r\n/g, "<br />");
    }

    return contents;
}

/**
 * 日記本文に日付を付加します
 * @param {String} contents 日記の本文が格納されている文字列
 * @param {String} id 日記の初公開日を示す日付文字列
 */
function contentsWithid(contents, id){
    // リンク用文末作成
    var hashTag = '<br/><div style="text-align: right;"><a href="' +
    xmlAttrContentEscape(blogUrl) +
    '#' +
    xmlAttrContentEscape(id) +
    '" target="_blank">- この日の記事にリンクする -<\/a><\/span>';
    return contents + hashTag;
}

/**
 * ログファイル選択用のコンボボックスをid名:logSelecterに生成します
 */
function logXMLLoader(){
    // XMLファイルのロードロジック生成
    var logXMLData = new Ext.data.Store({
        url: "./xml/loglist.xml",
        reader: new Ext.data.XmlReader({
            record: "file"
        }, [{
            name: "display"
        }, {
            name: "path"
        }])
    });

    // XMLを実際にロード
    logXMLData.load();

    // コンボボックスを生成
    var comboBox = new Ext.form.ComboBox({
        store: logXMLData,
        applyTo: "logSelecter",
        displayField: "display",
        valueField: "path",
        triggerAction: "all",
        emptyText: "ログを選択してください..."
    });

    // コンボボックスのイベント登録
    comboBox.on("change", function(){
        xmlLoader("" + comboBox.getValue());
    });
}

/**
 * 日記のデータが記述されたXMLデータを読み込むロジックを生成します
 * @param {String} fileName 読み込み日記のデータが記述されているXMLファイルのパス
 */
function xmlLoader(fileName){
    // ロードエフェクトに切り替え
    loadingEffect()

    var url = fileName;

    // 最新の日記かそうでないかで挙動を変更する
    if (fileName == latestXml) {
        var loader = new jQuery.ajax({
            url: url,
            method: "POST",
            success: initWriteHtml,
            error: showError
        });
    }
    else {
        var loader = new jQuery.ajax({
            url: url,
            method: "POST",
            success: writeHtml,
            error: showError
        });
    }
}

/**
 * 日記データのエラー時の処理を行います
 */
function showError(){
    var writeArea = Ext.getDom("writeArea");
    writeArea.innerHTML = '<br/><br/><div id="drawPanel"><div id="drawItem" class="code" style="text-align: center;"><\/div><\/div>';

    var drawItem = Ext.getDom("drawItem");
    drawItem.innerHTML = '<br/>日記ファイルのロードに失敗しました！<br/><br/>';

    // エラー内容をパネルに描画
    generatePanel("Error!", "drawItem", "drawPanel", false);

    Ext.Msg.alert("Error!", "日記ファイルが読み込めません！");
}

/**
 * 渡された文字列と一致するfeed1.0:updated要素を持った日記を検索し、表示します
 * @param {String} urlhash feed1.0:updated要素と一致する文字列
 */
function searchMode(urlhash){
    // ロードエフェクト表示
    loadingEffect();

    // ログURLの指定
    var url = "./xml/loglist.xml";

    // ログXMLファイルを読み込む
    var loader = new jQuery.ajax({
        url: url,
        method: "POST",
        error: showError,
        success: function(xmlData){
            // ファイルパスの要素のみを抽出する
            var separateTag = xmlData.getElementsByTagName("file");
            var filelist = new Array(separateTag.length);

            // すべてのファイルパスを配列に格納する
            for (var i = 0; i < separateTag.length; i++) {
                // "path"ノードの値を格納
                filelist[i] = separateTag[i].getElementsByTagName("path")[0].firstChild.nodeValue;
            }

            // ファイルパス配列に格納されているすべての日記に対し、探索を開始する
            for (var i = 0; i < separateTag.length; i++) {
                // ファイルパス配列の要素からリクエストを生成し、対象データをロードする
                var searchlog = new jQuery.ajax({
                    url: filelist[i],
                    method: "POST",
                    success: function(xmlData){
                        // entry要素のみを切り出す
                        var searchSeparateTag = xmlData.getElementsByTagName("entry");

                        for (var j = 0; j < searchSeparateTag.length; j++) {
                            // entryタグ内部のidノードの値のみ抽出し、入力されたhashと比較を行う
                            var id = searchSeparateTag[j].getElementsByTagName("id")[0].firstChild.nodeValue;

                            // idの値と比較を行う
                            if (urlhash == id) {
                                var entry = new Entry(searchSeparateTag[j]);

                                var writeArea = Ext.getDom("writeArea");
                                writeArea.innerHTML = '<br/><br/><div id="drawPanel"><div id="drawItem" class="code"><\/div><\/div>';
                                var drawItem = Ext.getDom("drawItem");
                                drawItem.innerHTML = contentsWithid(entry.content, entry.id);

                                // 探索されたパネルはオープン状態で展開する
                                generatePanel(entry.title + " / " + entry.date, "drawItem", "drawPanel", false);

                                break;
                            }
                        }
                    }
                });
            }
            // ファイルパス配列から日記が見つからなかった場合の処理
            var writeArea = Ext.getDom("writeArea");
            writeArea.innerHTML = '<br/><br/><div id="drawPanel"><div id="drawItem" class="code"><\/div><\/div>';
            var drawItem = Ext.getDom("drawItem");
            drawItem.innerHTML = "指定された日記は存在しません。";

            // エラー内容を表示する
            generatePanel("Search Failed.", "drawItem", "drawPanel", false);
        }
    });
}

/**
 * 日記のログファイルデータが記述されているXMLファイルを読み込んで表示します。DIV:id名:writeArea上に読み込んだ日記の内容を表示します
 * @param {Object} xmlData 日記が記述されたXMLファイル(feed 1.0準拠)
 */
function writeHtml(xmlData){
    var separateTag = xmlData.getElementsByTagName("entry");
    var writeArea = Ext.getDom("writeArea");
    var stringBuffer = "";

    for (var i = 0; i < separateTag.length; i++) {
        stringBuffer += '<br/><br/><div id="drawPanel' + i + '"><div id="drawItem' + i + '" class="code"><\/div><\/div>';
    }

    writeArea.innerHTML = stringBuffer;
    stringBuffer = "";

    for (var i = 0; i < separateTag.length; i++) {
        // 各要素をオブジェクトに格納します
        var entry = new Entry(separateTag[i]);
        var drawItem = Ext.getDom("drawItem" + i);
        drawItem.innerHTML = contentsWithid(entry.content, entry.id);

        // すべてのパネルをクローズ状態で生成します
        generatePanel(entry.title + " / " + entry.date, "drawItem" + i, "drawPanel" + i, true);
    }
}

/**
 * 最新の日記のデータが記述されているXMLファイルを読み込んで表示します。DIV:id名:writeArea上に読み込んだ日記の内容を表示します
 * @param {Object} xmlData 日記が記述されたXMLファイル(feed 1.0準拠)
 */
function initWriteHtml(xmlData){
    var separateTag = xmlData.getElementsByTagName("entry");
    var writeArea = Ext.getDom("writeArea");
    var stringBuffer = "";

    for (var i = 0; i < separateTag.length; i++) {
        stringBuffer += '<br/><br/><div id="drawPanel' + i + '"><div id="drawItem' + i + '" class="code"><\/div><\/div>';
    }

    writeArea.innerHTML = stringBuffer;
    stringBuffer = "";

    for (var i = 0; i < separateTag.length; i++) {
        // 各要素をオブジェクトに格納します
        var entry = new Entry(separateTag[i]);
        var drawItem = Ext.getDom("drawItem" + i);
        drawItem.innerHTML = contentsWithid(entry.content, entry.id);

        // 3つ目までのパネルをオープン状態で生成する
        if (i < 3) {
            generatePanel(entry.title + " / " + entry.date, "drawItem" + i, "drawPanel" + i, false);
        }
        else {
            generatePanel(entry.title + " / " + entry.date, "drawItem" + i, "drawPanel" + i, true);
        }
    }
}