if (typeof (_cate_no) != 'undefined'
    && typeof (_cate_name) != 'undefined') {

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

    $.getJSON("js/Rank/ByCategory_HitsTop.ashx", { cate: _cate_no }, 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);
        }
        $("#topList01 > ul.topList").append(strHTML);
    });

    $.getJSON("js/Rank/ByCategory_WebForumTopNew.ashx", { cate: _cate_no }, 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);
        }
        $("#topList02 > ul.topList").append(strHTML);
    });
}