var a = b = c = d = 0;


function loading(url,k,page){
    $.ajax({
        dataType: "json",
        url: url,
        data: { index: k, page: page, ran: new Date().getTime() },
        success: function(obj) {      
            if (obj == false) {
                $(".loading").remove();
                $(window).unbind("scroll");
                return false;
            }
            if ((k + 12) % 120 == 0 || obj.length != 12) {
                $(".loading").remove();
            } else {
                $(window).bind("scroll", function() {
                    var pageTop = document.documentElement.clientHeight + Math.max(document.documentElement.scrollTop, document.body.scrollTop)
                    if ($(".loading").offset().top <= pageTop) {
                        $(window).unbind("scroll");
                        loading(url,$(".pin").length, $("#hdfIndex").val());
                    }
                })
            }
            var str = "";
            var userIid=0;
            $.each(obj, function(n, con) {
                var classlike,balt="喜欢";
                userIid = con.userIid;
                if (con.liked == "True") {
                    classlike = "b_lovey";
                    balt = "已喜欢";
                }
                else{
                    classlike = "b_love";
                }
                str += "<div class='pin' id='" + con.id + "'>";
                str += "<div class='pinbtn'><a href='#!' onclick='book(" + con.dingIid + ",\"" + con.pic + "\")' class='b_book aaa'>装订</a><a href='#!' onclick='love(" + con.dingIid  + "," + con.id + ")' title='"+balt+"' class='" + classlike + "'>"+balt+"</a><a title='评论' class='b_comment' href='#!' onclick='com(" + con.id + "," + con.dingIid + ")'>评论</a></div>";
                str += "<a href='" + con.mhref + "'><img src='" + con.pic + "' alt='" + con.alt + "' width='" + con.picWidth + "' height='" + con.picHeight + "' /></a>";
                str += "<p class='description'>" + con.descripttion + "</p>";
                if(con.love+con.commend+con.book!=0){
                    str += "<p class='pin_counts'>";
                    if(con.love!=0){
                        str += "<span>" + con.love + "喜欢</span>\n";
                    }
                    if(con.commend!=0){
                        str += "<span>" + con.commend + "评论</span>\n";
                    }
                    if(con.book!=0){
                        str += "<span>" + con.book + "装订</span>\n";
                    }
                    str += "</p>";
                }
                str += "<div class='pinOrigin'>";
                str += "<div class='pinOrigin_pinner'>";
                str += "<a href='" + con.userHref + "' class='avatar'><img  src='" + con.avatar + "' /></a>";
                str += "<p><a href='" + con.userHref + "' class='userName'>" + con.userName + "</a>\n装订到\n<a href='" + con.typeHref + "'>" + con.type + "</a></p>";
                str += "</div>";
                if (con.comments.length > 0) {
                    str += "<div class='comments'>";
                    for (var i = 0; i < con.comments.length; i++) {
                        str += "<div class='comment'>";
                        str += "<a href='" + con.comments[i].userHref + "' class='avatar'><img src='" + con.comments[i].avatar + "' /></a><p><a href='" + con.comments[i].userHref + "'>" + con.comments[i].userName + "</a> " + con.comments[i].comment + "</p>";
                        str += "</div>";
                    }
                    str += "</div>";
                }
                str += "</div>";
                str += "</div>";
            })
            $(".main").append(str);
            if (userIid != 0) {
                $(".main .pin").hover(
                function() {
                    $(this).find(".pinbtn").show();
                },
                function() {
                    $(this).find(".pinbtn").hide();
                }
            )
            }

            $(".main .pin").fadeIn(2000);
            if (a == 0) a = $(".main").find(".pin:eq(0)").outerHeight() + 16;
            if (b == 0) b = $(".main").find(".pin:eq(1)").outerHeight() + 16;
            if (c == 0) c = $(".main").find(".pin:eq(2)").outerHeight() + 16;
            if (d == 0) d = $(".main").find(".pin:eq(3)").outerHeight() + 16;
            var x = 0;
            var pinWidth = 194 + 34 + 16;
            for (var i = k; i < k + 12; i++) {
                x = i % 4 * pinWidth + "px";
                if (i < 4) {
                    $(".pin:eq(" + i + ")").css({ left: x }).attr("name", i);
                } else {
                    var obj = $(".pin").eq(i);
                    var min = Math.min(a, b);
                    min = Math.min(min, c);
                    min = Math.min(min, d);
                    switch (min) {
                        case a:
                            x = 0 + "px"; ;
                            obj.css({ left: x, top: a }).attr("name", 0);
                            a += obj.outerHeight() + 16;
                            break;
                        case b:
                            x = pinWidth + "px";
                            obj.css({ left: x, top: b }).attr("name", 1);
                            b += obj.outerHeight() + 16;
                            break;
                        case c:
                            x = pinWidth * 2 + "px";
                            obj.css({ left: x, top: c }).attr("name", 2);
                            c += obj.outerHeight() + 16;
                            break;
                        case d:
                            x = pinWidth * 3 + "px";
                            obj.css({ left: x, top: d }).attr("name", 3);
                            d += obj.outerHeight() + 16;
                            break;
                    }
                }
            }
            var height = Math.max(a, b);
            height = Math.max(height, c);
            height = Math.max(height, d);
            $(".main").height(height);
            $("#bgGray").css({ height: $(".footer").outerHeight() + $(".footer").offset().top });
        }
    })    
}