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

	selectTab: function(leagueId) {
		$(".draft-tab-table .draft-tab").removeClass('draft-tab-selected');

		var newTab = $(".leagueTab-" + leagueId);
		newTab.addClass('draft-tab-selected');
	},

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

		if (leagues.length > 0) {
			for (var i = 0; i < leagues.length; i++) {
				var table = $("<table />")
					.attr("cellspacing", 0)
					.attr("cellpadding", 0)
					.addClass("draft-tab-table")
					.bind("click", { LeagueId: leagues[i].LeagueId }, function(event) {
						self.options.leagueSelected(event.data.LeagueId);
						event.preventDefault();
					})
					.appendTo(this.element);

				var tr = $("<tr />")
					.addClass("draft-tab")
					.addClass("leagueTab-" + leagues[i].LeagueId)
					.appendTo(table);

				$("<td />")
					.attr("width", 4)
					.addClass("left")
					.appendTo(tr);

				var td = $("<td />")
					.addClass("mid")
					.appendTo(tr);

				$("<span />")
					.addClass("selectLeagueLink")
					.text(leagues[i].Name)
					.appendTo(td);

				if (leagues[i].IsInDraft) {
					$("<a />")
						.text("[edit]")
						.click(function(event) {
							alert("League is currently in draft.  Please Reset if you would like to edit");
							event.stopImmediatePropagation();
						})
						.appendTo(td);
				} else {
					$("<a />")
						.text("[edit]")
						.bind("click", { LeagueId: leagues[i].LeagueId }, function(event) {
							self.options.leagueEdit(event.data.LeagueId);
							event.stopImmediatePropagation();
						})
						.appendTo(td);
				}

				$("<td />")
					.attr("width", 14)
					.addClass("right")
					.appendTo(tr);
			}
		}
	}
});