$(function() {
    if (typeof (_sub_group) != 'undefined'
        && typeof (_cate_no) != 'undefined'
        && typeof (_list_size) != 'undefined') {
        genArticleList(1, false, _article_no);
    }
});

function genArticleList(p, sc, ano) {
    $.getJSON("js/Article/ArticlesForType1.ashx", { sg: _sub_group, cate: _cate_no, no: ano, size: _list_size, page: p }, function(data) {
        if (data.Count > 0) {
            var strTemplate = '<ul class="list">'
                            + '<li><a href="[#Url#]">'
                            + '<img src="[#ImageUrl#]" alt="">'
                            + '<div class="playBtn"></div>'
                            + '</a></li>'
                            + '<li>[#Title#]</li>'
                            + '</ul>';
            var strTemplate_empty = '<ul class="list" style="visibility: hidden;">'
                                  + '<li><a href="[#Url#]">'
                                  + '<img src="[#ImageUrl#]" alt="">'
                                  + '<div class="playBtn"></div>'
                                  + '</a></li>'
                                  + '<li>[#Title#]</li>'
                                  + '</ul>';
            var strHTML = '';
            for (var i = 0; i < data.Items.length; i++) {
                strHTML += strTemplate.replace("[#Url#]", data.Items[i].Url)
                                      .replace("[#ImageUrl#]", data.Items[i].ImageUrl)
                                      .replace("[#Title#]", data.Items[i].Title)
            }
            if ((data.Items.length % 2) == 1) strHTML += strTemplate_empty;

            if (data.PageCount > 1) {
                strHTML += '<ul class="page">';
                if (data.Page <= 1) {
                    strHTML += '<li>最前頁</li>';
                    strHTML += '<li>上一頁</li>';
                }
                else {
                    strHTML += '<li><a href="javascript:genArticleList(1,true,0);">最前頁</a></li>';
                    strHTML += '<li><a href="javascript:genArticleList(' + (data.Page - 1) + ',true,0);">上一頁</a></li>';
                }

                var ps = 1;
                var pe = data.PageCount;
                if (data.Page <= 4) {
                    ps = 1;
                    if (data.PageCount > 7) pe = 7;
                }
                else if (data.Page >= data.PageCount - 4) {
                    if (data.PageCount > 7) ps = data.PageCount - 6;
                    pe = data.PageCount;
                }
                else {
                    ps = data.Page - 3;
                    pe = data.Page + 3;
                }
                
                for (var i = ps; i <= pe; i++) {
                    if (i == data.Page)
                        strHTML += '<li class="on">' + i + '</li>';
                    else
                        strHTML += '<li><a href="javascript:genArticleList(' + i + ',true,0);">' + i + '</a></li>';
                }

                if (data.Page >= data.PageCount) {
                    strHTML += '<li>下一頁</li>';
                    strHTML += '<li class="last">最末頁</li>';
                }
                else {
                    strHTML += '<li><a href="javascript:genArticleList(' + (data.Page + 1) + ',true,0);">下一頁</a></li>';
                    strHTML += '<li class="last"><a href="javascript:genArticleList(' + data.PageCount + ',true,0);">最末頁</a></li>';
                }
                strHTML += '</ul>';
            }

            $("#divArticleList").html(strHTML);
            if (sc) $(window).scrollTop($("#divCategoryBar").offset().top);
        }
    });
}