(function(){
    jQuery.getJSON(
        '/live/limited/profile/10',
        null,
        function(json){
            jQuery.each(json.user_list, function(i, user){
                user.profileImageList = user.profile_image.match(/static/) ? user.profile_image.replace('online', 'thumb') : user.profile_image.replace('na_160x120', 'na_80x60');
                var livemsg;
                if(user.live_message === false){
                  livemsg = '<span>このメッセージは表示されません。</span>';
                } else if(user.live_message == "" || user.live_message == null){
                  livemsg = '<span>ライブの内容は未記入です</span>';
                }else{
                  livemsg = user.live_message;
                }

                var BroadcastTypeIcon;
                var BroadcastImg = {'ImgCode01':'<img src="/images/ja/search/icon_',
                                    'ImgCode02':'.gif" class="broadcastImg" />'};
                if (user.broadcast_type == 'hd'    ){BroadcastTypeIcon = BroadcastImg.ImgCode01 + 'hd' + BroadcastImg.ImgCode02;}
                if (user.broadcast_type == 'iphone'){BroadcastTypeIcon = BroadcastImg.ImgCode01 + 'mobile' + BroadcastImg.ImgCode02;}
                if (user.broadcast_type == 'normal'){BroadcastTypeIcon = '';}

                var elmLi = jQuery('<li id="livePre-' + user.username + '"><a href="/profile/' + user.username + '" title="' + user.display_name + 'さんのライブを見る"><img class="profileImage" src="' + user.profileImageList + '" alt="' + user.display_name + '"></a><div class="userInfo">' + BroadcastTypeIcon + '<a href="/profile/' + user.username + '"></a><p>' + livemsg + '</p></div></li>').appendTo('#livememberList');
                jQuery('#livePre-' + user.username + ' a:last').text(user.display_name);

                var hasPrm = false;
                var divRoleImages = jQuery('<div class="prem_badge"></div>');
                var imgSrc = {'prefix':'<img src="/images/ja/member/premium_icon_mini_',
                              'suffix':'.png" />'};
                if (jQuery.inArray('mystyle'      ,user.roles) != -1) {hasPrm = true; divRoleImages.append(jQuery(imgSrc.prefix + 'mystyle' + imgSrc.suffix));}
                if (jQuery.inArray('yy'           ,user.roles) != -1) {hasPrm = true; divRoleImages.append(jQuery(imgSrc.prefix + 'yy' + imgSrc.suffix));}
                if (jQuery.inArray('professional' ,user.roles) != -1) {hasPrm = true; divRoleImages.append(jQuery(imgSrc.prefix + 'pro' + imgSrc.suffix));}
                elmLi.prepend(divRoleImages);

                if(hasPrm == true){
                    jQuery('#livePre-' + user.username).addClass('hasPrm');
                }

            });// each
        }//function
    );// getJSON
})();