if (typeof (_group_no) != 'undefined'
    && typeof (_sub_group) != 'undefined'
    && typeof (_sub_group_name) != 'undefined') {

    document.write('<div class="boiteh" id="topList03">'
                 + '    <ul class="topListTab clearfix">'
                 + '        <li class="on"><a href="javascript:;" onClick="document.getElementById(\'topList03\').style.display=\'block\'; document.getElementById(\'topList04\').style.display=\'none\';"><span>所有' + _sub_group_name + '</span>最多點閱</a></li>'
                 + '        <li class="last"><a href="javascript:;" onClick="document.getElementById(\'topList04\').style.display=\'block\'; document.getElementById(\'topList03\').style.display=\'none\';"><span>所有' + _sub_group_name + '</span>最新迴響</a></li>'
                 + '    </ul>'
                 + '    <ul class="topList">'
                 + '    </ul>'
                 + '    <div class="boiteb"></div>'
                 + '</div>'
                 + '<div class="boiteh" id="topList04" style="display: none;">'
                 + '    <ul class="topListTab clearfix">'
                 + '        <li><a href="javascript:;" onclick="document.getElementById(\'topList03\').style.display=\'block\'; document.getElementById(\'topList04\').style.display=\'none\';"><span>所有' + _sub_group_name + '</span>最多點閱</a></li>'
                 + '        <li class="on last"><a href="javascript:;" onclick="document.getElementById(\'topList04\').style.display=\'block\'; document.getElementById(\'topList03\').style.display=\'none\';"><span>所有' + _sub_group_name + '</span>最新迴響</a></li>'
                 + '    </ul>'
                 + '    <ul class="topList">'
                 + '    </ul>'
                 + '    <div class="boiteb">'
                 + '    </div>'
                 + '</div>');

    $.getJSON("js/Rank/BySubGroup_HitsTop.ashx", { group: _group_no, subgroup: _sub_group }, function(data) {
        var strTemplate = '<li><a href="[#Url#]">[#Title#]</a> </li>';
        var strHTML = '';
        for (var i = 0; i < data.length; i++) {
            strHTML += strTemplate.replace('[#Url#]', data[i].Url)
                                  .replace('[#Title#]', data[i].Title);
        }
        $("#topList03 > ul.topList").append(strHTML);
    });

    $.getJSON("js/Rank/BySubGroup_WebForumTopNew.ashx", { group: _group_no, subgroup: _sub_group }, function(data) {
        var strTemplate = '<li><a href="[#Url#]">[#Title#]</a> </li>';
        var strHTML = '';
        for (var i = 0; i < data.length; i++) {
            strHTML += strTemplate.replace('[#Url#]', data[i].Url)
                                  .replace('[#Title#]', data[i].Title);
        }
        $("#topList04 > ul.topList").append(strHTML);
    });
}