$(function () {
    var RoomSportList = function(){
        RoomList.apply(this,arguments);
        this.rankingIndex = 0;
        this.droploadCallback = function(res){
            var applyList = JSON.parse(res);
            if (applyList.code != 200) {
                $.alert(applyList.message);
                return;
            }
            var roomSportHTML = new RoomSportHTML(applyList.datas);
            roomSportHTML.appendHTML(this.append_el);
            if (applyList.datas.mobile_page.hasmore) {
                this.curpage = applyList.datas.mobile_page.curpage+1;
                this.hasmore = true;
                roomSportHTML.loadHTML(this.load_state_el);
            }
            else {
                $(window).off('scroll');
                this.hasmore = false;
                roomSportHTML.endHTML(this.load_state_el);
            }
        }
    };

    var RoomSportHTML = function () {
        RoomListHTML.apply(this,arguments);
        this.appendHTML = function (id) {
            var room_sport_list = "";
            var mine_sport = "";
            if(roomSportList.curpage > 1) {
                for(var i=0;i<this.listDatas.sports.length;i++) {
                    roomSportList.rankingIndex++;
                    room_sport_list += "<div class=\"weui-cell\">\n" +
                        "                <div class=\"index_num\">"+roomSportList.rankingIndex+"</div>\n" +
                        "                <div class=\"weui-cell__hd\">\n" +
                        "                    <img src=\""+this.listDatas.sports[i].avatar+"\">\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__bd\">\n" +
                        "                    <p>"+this.listDatas.sports[i].nickname+"</p>\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__ft walk_num\">"+this.listDatas.sports[i].sports+"</div>\n" +
                        "            </div>";
                }
                $(id).append(room_sport_list);
            }
            else {
                mine_sport = "<div class=\"weui-cell\">" +
                    "                <div class=\"weui-cell__hd\">" +
                    "                    <img src=\""+this.listDatas.user.avatar+"\">" +
                    "                </div>" +
                    "                <div class=\"weui-cell__bd\">" +
                    "                    <p class=\"mine_name\">"+this.listDatas.user.nickname+"</p>" +
                    "                    <p class=\"abstract\">第"+this.listDatas.user.ranking+"名"+this.listDatas.user.sports+"步</p>" +
                    "                </div>" +
                    "                <div class=\"weui-cell__ft\">" +
                    "                    <a href=\"/mobile/index.php?act=member_talk&op=member_sports\" class=\"weui-btn weui-btn_mini weui-btn_primary\">捐赠步数</a>" +
                    "                </div>" +
                    "            </div>";
                $('#mine_ranking').append(mine_sport);
                for(var i=0;i<this.listDatas.sports.length;i++) {
                    roomSportList.rankingIndex++;
                    room_sport_list += "<div class=\"weui-cell\">\n" +
                        "                <div class=\"index_num\">"+roomSportList.rankingIndex+"</div>\n" +
                        "                <div class=\"weui-cell__hd\">\n" +
                        "                    <img src=\""+this.listDatas.sports[i].avatar+"\">\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__bd\">\n" +
                        "                    <p>"+this.listDatas.sports[i].nickname+"</p>\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__ft walk_num\">"+this.listDatas.sports[i].sports+"</div>\n" +
                        "            </div>"
                }
                $(id).append(room_sport_list);
                $('#room_sports_list .index_num').eq(0).addClass("em");
                $('#room_sports_list .index_num').eq(1).addClass("em");
                $('#room_sports_list .index_num').eq(2).addClass("em");
                $('#room_sports_list .walk_num').eq(0).addClass("em");
                $('#room_sports_list .walk_num').eq(1).addClass("em");
                $('#room_sports_list .walk_num').eq(2).addClass("em");
            }



        };
    };

    var roomSportList = new RoomSportList({act:"member_talk",op:"ajax_room_sports"},"#room_sports_list","#load_state",true);
    roomSportList.init();

});