ALICIA ONLINE GUILDS #guild_view * { border: 0; margin: 0; padding: 0; } #guild_view { margin: auto; } #guild_view div { width: 200px; height: 280px; display: inline-block; text-align: center; font: bold 16px Verdana, sans-serif; } #guild_control_header, #guild_control_footer { padding: 5px; background: #F0F0F0; } var guildIndex = []; var indexJSON = JSON.parse(''); for (var name in indexJSON) guildIndex.push({name: name, emblem: indexJSON[name].emblem, sort: indexJSON[name].sort}); var guilds = { view: [], sort: "", withEmblem: true, page: 0, pageLast: 0, limit: 48, } function updateGuildView(sort, withEmblem, page) { if (sort != guilds.sort || withEmblem != guilds.withEmblem) { guilds.view = []; guilds.sort = sort; guilds.withEmblem = withEmblem; guildIndex.forEach(function (value) { if (!guilds.withEmblem || value.emblem != "data/default.png") guilds.view.push(value); }); guilds.view.sort( sort == "date" ? function (a, b) { return a.sort - b.sort } : sort == "name" ? function (a, b) { return a.name.localeCompare(b.name) } : sort == "rname" ? function (a, b) { return b.name.localeCompare(a.name) } : function (a, b) { return b.sort - a.sort } ); guilds.pageLast = Math.floor((guilds.view.length + guilds.limit - 1) / guilds.limit - 1); } guilds.page = Math.max(0, Math.min(guilds.pageLast, page)); var content = ""; for (var i = guilds.page * guilds.limit, iEnd = Math.min(i + guilds.limit, guilds.view.length); i < iEnd; i++) content += '' + guilds.view[i].name + ''; document.getElementById("guild_view").innerHTML = content; var control = 'Page'; control += ' '; control += ' '; control += ' with emblem'; control += ' '; control += ''; [ {sort: "date", description: "sort by date (ascending)"}, {sort: "rdate", description: "sort by date (descending)"}, {sort: "name", description: "sort by name (ascending)"}, {sort: "rname", description: "sort by name (descending)"}, ].forEach(function (value) { control += '' + value.description + ''; }); control +=