TranscriptPage = WLClass.create();
TranscriptPage.prototype = {
    initialize: function() {
        this.DataTypeIndex = null;
        this.DataTypeName = null;
        this.SubDataTypeIndex = null;
        this.SubDataTypeName = "鸡鸣台";
        this.SmallDataTypeIndex = null;
        this.SmallDataTypeName = null;

        this.SubDataTypeList = null;
        this.SamllDataTypeList = null;
        this.MonsterList = null;
    },
    //变换小类
    ChangeSubType: function(name) {
        //if (this.SubDataTypeName != name) {
        this.SubDataTypeName = name;
        this.SmallDataTypeIndex = null;
        this.SmallDataTypeName = null;
        this.LoadSubDataType();
        //}
    },
    //加载小类信息
    LoadSubDataType: function() {
        var html = WLYX1_0_1.transcript.GetSubDataTypeDetail(this.SubDataTypeName).value;
        if (html != null && html.length == 3) {
            $("#SmallTypeDetail").html(html[0]);
            this.SubDataTypeIndex = html[1];
            this.SubDataTypeName = html[2];
            this.LoadSamllType();
        }
        else {
            $("#SmallTypeDetail").html("无相关信息！");
            $("#MonsterList").html("");
        }
    },
    //加载关卡信息
    LoadSamllType: function() {
        this.SamllDataTypeList = WLYX1_0_1.transcript.GetSmallDataType(this.DataTypeIndex, this.SubDataTypeIndex).value;
        this.FormatSamllData();
        this.LoadMonster();
    },
    //格式化关卡信息
    FormatSamllData: function() {
        var SamlltypeulHTML = "";
        if (this.SamllDataTypeList != null && this.SamllDataTypeList.IsSuccess) {
            var DataList = this.SamllDataTypeList.DataList;
            if (DataList == null || DataList.length == 0) {
                SamlltypeulHTML = "无关卡";
                $("#SelectTyptLI").hide();
            }
            else {
                if (this.SmallDataTypeIndex == null) {
                    this.SmallDataTypeIndex = DataList[0][0];
                    this.SmallDataTypeName = DataList[0][1];
                }
                SamlltypeulHTML = this.SmallDataTypeName;
                this.SelectAddOptions("SmallTypeSel", this.SamllDataTypeList, false, "");
                $("#SelectTyptLI").show();
            }
        }
        else {
            SamlltypeulHTML = "系统忙";
            $("#SelectTyptLI").hide();
        }
        $("#Samlltypeul").html(SamlltypeulHTML);
    },
    //变换关卡
    ChangeSmallType: function() {
        this.SmallDataTypeIndex = $("#SmallTypeSel").val();
        this.SmallDataTypeName = $("#SmallTypeSel option:selected").html();
        $("#Samlltypeul").html(this.SmallDataTypeName);
        this.LoadMonster();
    },
    //加载怪物信息
    LoadMonster: function() {
        this.MonsterList = WLYX1_0_1.transcript.GetMonsterList(this.DataTypeIndex, this.SubDataTypeIndex, this.SmallDataTypeIndex).value;
        this.FormatMonster();
    },
    //格式化怪物信息
    FormatMonster: function() {
        var result = "";
        if (this.MonsterList != null && this.MonsterList.IsSuccess) {
            var DataList = this.MonsterList.DataList;
            if (DataList == null || DataList.length == 0) {
                result = "";
            }
            else {
                var i = 0;
                var row = DataList[i];
                while (row != null) {
                    result += this.FormatOneMonster(row);
                    i++;
                    row = DataList[i];
                }
            }
        }
        else {
            result = "";
        }
        $("#MonsterList").html(result);
    },
    //单个怪物详情
    FormatOneMonster: function(row) {
        var html = "";
        if (row != null && row.length == 12) {
            html = "<div class=\"Introlist\">";
            html += "<div  class=\"listbox\">";
            html += "<table width=\"100%\"  height=\"167\"border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
            html += "<tr>";
            html += "<td class=\"photos\"><table width=\"100%\" height=\"163\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
            html += "<tr>";
            html += "<td valign=\"top\" class=\"pic\"><img src=\"" + row[1] + "\" width=\"174\" height=\"132\" /></td>";
            html += "</tr>";
            html += "<tr >";
            html += "<td class=\"text\">" + row[0] + "</td>";
            html += "</tr>";
            html += "</table></td>";
            html += "<td align=\"left\" valign=\"top\" class=\"Deta\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" >";
            html += "<tr>";
            html += "<td colspan=\"2\" align=\"left\">技能：<span style=\"color:#008601;\">" + row[2] + "";
            html += "</span></td>";
            html += "</tr>";
            html += "<tr>";
            html += "<td align=\"left\" class=\"bj\">气血：<b>" + row[3] + "</b></td>";
            html += "<td align=\"left\" class=\"bj\">内息：<b>" + row[4] + "</b></td>";
            html += "</tr>";
            html += "<tr>";
            html += "<td colspan=\"2\" align=\"left\"><ul>";
            html += "<li><span class=\"minpic\"><img src=\"/images/copy_11.jpg\" /></span>命中 <em>" + row[5] + "</em></li>";
            html += "<li><span class=\"minpic\"><img src=\"/images/copy_12.jpg\" /></span>躲闪 <em>" + row[6] + "</em></li>";
            html += "<li><span class=\"minpic\"><img src=\"/images/copy_13.jpg\" /></span>暴击 <em>" + row[7] + "</em></li>";
            html += "<li><span class=\"minpic\"><img src=\"/images/copy_14.jpg\" /></span>破击 <em>" + row[8] + "</em></li>";
            html += "</ul></td>";
            html += "</tr>";
            html += "<tr>";
            html += "<td align=\"left\" class=\"bj\">攻击：<b>" + row[9] + "</b></td>";
            html += "<td align=\"left\" class=\"bj\">防御：<b>" + row[10] + "</b></td>";
            html += "</tr>";
            html += "<tr>";
            html += "<td align=\"left\" class=\"bj\">速度：<b>" + row[11] + "</b></td>";
            html += "<td align=\"left\"></td>";
            html += "</tr>";
            html += "</table></td>";
            html += "</tr>";
            html += "</table>";
            html += "</div>";
            html += "</div>";
        }
        return html;
    },
    //下拉框增加选项(DataResult)
    SelectAddOptions: function(obj, Data, isNull, DefName) {
        var object = document.getElementById(obj);
        object.options.length = 0;
        if (isNull) {
            if (DefName) {
                object.options.add(new Option(DefName, "-1"));
            }
            else {
                object.options.add(new Option("请选择", "-1"));
            }

        }
        if (Data != null && Data.DataList != null && Data.DataList.length > 0) {
            var DataList = Data.DataList;
            var row;
            for (var i = 0; i < DataList.length; i++) {
                row = DataList[i];
                object.options.add(new Option(row[1], row[0]));
            }
        }
    }
}


function ChangeDescription(index) {
    document.getElementById("hd01li").className = "hd_01";
    document.getElementById("hd02li").className = "hd_02";
    document.getElementById("hd03li").className = "hd_03";
    document.getElementById("hd04li").className = "hd_04";
    document.getElementById("hd05li").className = "hd_05";
    $("DIV .Copytext").hide();
    switch (index) {
        case 1: $("#hd1").show(); $("#hd01li").addClass("hds_01"); break;
        case 2: $("#hd2").show(); $("#hd02li").addClass("hds_02"); break;
        case 3: $("#hd3").show(); $("#hd03li").addClass("hds_03"); break;
        case 4: $("#hd4").show(); $("#hd04li").addClass("hds_04"); break;
        case 5: $("#hd5").show(); $("#hd05li").addClass("hds_05"); break;
        default: $("#hd1").show(); $("#hd01li").addClass("hds_01"); break;
    }
}