var detail_Dialog = null;

$(document).ready
(
    function() {
        load_info(3, 1);
    }
);


function load_info(t, cp) {
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "ajax.aspx",
        data: "act=0&t=" + escape(t) + "&cp=" + escape(cp),
        beforeSend: function() {

        },
        success: function(json) {
            if (json[0].e == "0") {
                $("#product_info").html(build_product(json[0].list));
                $("#pagebar").html(build_pagebar(json[0].t, json[0].cp, json[0].acp));
                $("#product_t").html("<img src=\"image/T" + json[0].t + ".jpg\" width=\"140\" height=\"24\" />");
            }
            else {
                //Error
            }
        }
    });
}

function build_product(obj) {
    var sb = new StringBuilder();
    var count = 0;
    sb.Append("<br /><ul>");
    $.each(obj, function(i, n) {
    sb.AppendFormat("<li><img src=\"photo/{0}.jpg\" border=\"0\" width=\"136\" height=\"100\" class=\"box_01\"  style=\"cursor:pointer\" onclick=\"open_detail({0})\"/><br />No.<a href=\"#\" onclick=\"open_detail({0})\">{1}</a></li>", n.id, n.no);
        count++;
    });
    while (count < 9) {
        sb.Append("<li><img src=\"image/pn.gif\" border=\"0\" width=\"136\" height=\"100\" class=\"box_01\" /><br />&nbsp;</li>");
        count++;    
    }
    sb.Append("</ul>");    
    return sb.ToString();
}

function build_pagebar(t, cp, acp) {
    var ListNum = 10;
    var sb = new StringBuilder();
    cp = parseInt(cp);
    acp = parseInt(acp);
    if (acp <= ListNum)     //总页数小于可显示记录数
    {        
        sb.Append("<span class=\"disabled\">< </span>");
        for (var i = 1; i <= acp;i++ ) {            
            if (i == cp) {               
                sb.AppendFormat("<span class=\"current\">{0}</span>", i);
            }
            else
            {
                sb.AppendFormat("<a href=\"#\" onclick=\"load_info({0},{1})\">{1}</a>", t, i);
            }                    
        }
        sb.Append("<span class=\"disabled\"> ></span>");
    }
    else
    {
        if (cp <= ListNum)    //当前页在第一页
        {
            sb.Append("<span class=\"disabled\">< </span>");
            for (var i = 1; i <= ListNum; i++)
            {
                if (i == cp)
                {
                    sb.AppendFormat("<span class=\"current\">{0}</span>", i);
                }
                else
                {
                    sb.AppendFormat("<a href=\"#\" onclick=\"load_info({0},{1})\">{1}</a>", t, i);
                }
            }
            sb.AppendFormat("<a href=\"#\" onclick=\"load_info({0},{1})\"> ></a>", t, (ListNum + 1));
        }
        else
        {
            //当前页不在第一页
            //int LoopNum;
            var FirstNum = (cp / ListNum) * ListNum + 1;   //计算循环的开始
            var LoopEndNum = ((cp / ListNum) + 1) * ListNum;
            LoopEndNum = LoopEndNum > acp ? acp : LoopEndNum;            
            sb.AppendFormat("<a href=\"#\" onclick=\"load_info({0},{1})\">< </a>", t, (ListNum - 1));
            for (var i = FirstNum; i <= LoopEndNum;i++ )
            {
                if (i == cp)
                {
                    sb.AppendFormat("<span class=\"current\">{0}</span>", i);
                }
                else
                {
                    sb.AppendFormat("<a href=\"#\" onclick=\"load_info({0},{1})\">{1}</a>", t, i);
                }
            }
            if (LoopEndNum<totalCount)
            {
                sb.Append("<span class=\"disabled\"> ></span>");
            }
            else
            {
                sb.AppendFormat("<a href=\"#\" onclick=\"load_info({0},{1})\"> ></a>", t, (ListNum + 1));
            }                    
        }
    }  
    return sb.ToString();
}

function open_detail(id) {
    $.ajax({
        type: "POST",
        url: "ajax.aspx",
        data: "act=1&id=" + id,
        beforeSend: function() {
        },
        success: function(json) {
            $("#detail").html(json);
            detail_Dialog = new DivModelDialog('detail_win', 'detail_title_bar', 'detail_box_id', 'div_background', 'detail_content_bar', 'detail_loading_bar');
            var win_size = getWinSize();
            detail_Dialog.show((win_size[0] - 600) / 2, getScrollTop() + 100);
        }
    });       
}