$.widget("ui.playerList", {
	_init: function() {
	},

	dataBind: function(players) {
		var self = this;
		this.element.empty();

		if (players.length > 0) {
			var ul = $("<ul />")
				.addClass('playerList')
				.appendTo(this.element);

			for (var i = 0; i < players.length; i++) {
				var displayName = players[i].IsFixUp ? '' : players[i].Name;

				var li = $("<li />")
					.appendTo(ul);

				if (players[i].IsFixUp) {
					$("<a />")
						.addClass('fixSlotLink')
						.text("[fix up]")
						.bind("click", { DraftRound: players[i].DraftRound }, function(event) {
							$(event.target).addClass('requestedFix');
							self.options.fixSlot(event.data.DraftRound);
						})
						.appendTo(li);
				} else {
					displayName = displayName + ' - ' + players[i].DisplayPoints;
					var deleteLink = $("<a />")
						.addClass('deletePlayerLink')
						.bind("click",
							{
								EntityId: players[i].EntityId,
								DraftRound: players[i].DraftRound,
								IsWriteIn: players[i].IsWriteIn
							},
							function(event) {
								if (confirm("Are you sure you want to delete this roster entry?")) {
									self.options.deleteEntity(event.data.EntityId, event.data.DraftRound, event.data.IsWriteIn);
								}
								event.preventDefault();
							})
						.appendTo(li);

					$("<img src='/images/DraftTool/delete-btn.gif' />")
						.appendTo(deleteLink);
				}

				$("<span />")
					.text(displayName)
					.appendTo(li);
			}
		}
	}
});