function buildPopupFramework() {
	$('h2').attr('id','popup-header');
	$('h2').css('text-align', 'center');
	$('h2').after('<table id="popup-table"><tbody></tbody></table>');
	$('#popup-table > tbody:last').append('<tr id="game-image-row"><td id="game-image" colspan="2"></td></tr>');
	$('#popup-table > tbody:last').append('<tr id="bgg-link-row"><td colspan="2"><a id="bgg-link">Further Info</a></td></tr>');
	$('#popup-table > tbody:last').append('<tr id="game-info-row"><td><ul id="popup-ul"><li>Year Published: <span id="year-published"></span></li><li>Total Participants: <span id="total-participants"></span></li><li>Currently Registered: <span id="currently-registered"></span></li><li>Player Range: <span id="player-range"></span></li><li>Play Time: <span id="play-time"></span></li><li>Moderator: <span id="moderators"></span></li></ul></td></tr>');
	$('#popup-table > tbody:last').append('<tr id="description-row"><td colspan="2"><div id="description"></div></tr>');
}

function populatePopup(thisSlot) {
	var TINY_URL_ROOT = "http://tinyurl.com/";
	$.getJSON("http://www.boards2bits.com/fcwebservices/registrationservices.asmx/GetDetails?callback=?&format=json", 
            {"slot": thisSlot}, 
            function (data) { 
				var gameName = data.d[0];
				var capacity = data.d[2];
				if (capacity == "100") {
					capacity = "TBA";
				}
				var yearPublished = data.d[3];
				var playerRangeLow = data.d[4];
				var playerRangeHigh = data.d[5];
				var playerRange = "-";
				if (playerRangeLow != "-" && playerRangeHigh != "-") {
					playerRange = playerRangeLow + " - " + playerRangeHigh;
				}
				var playingTime = data.d[6];
				if (playingTime != "-") {
					playingTime = playingTime + " min";
				}
				var description = data.d[7];
				if (description == "-") {
					description = "";
				}

				var imageUrl = data.d[8];
				if (imageUrl == "-") {
					// imageUrl = "url(" + URL OF DEFAULT IMAGE + ")";
					imageUrl = "url(/images/no-image-outlined.png)";
				} else {
					imageUrl = "url(" + TINY_URL_ROOT + data.d[8] + ")";
				}
				var bggUrl = data.d[9];
				if (bggUrl == "-") {
					$('#bgg-link').html("No BGG Info Available");
				} else {
					bggUrl = TINY_URL_ROOT + data.d[9];
					$('#bgg-link').attr('href',bggUrl);
					$('#bgg-link').attr('target','_blank');
				}
				
				
				$('#popup-header').html(gameName); 
				$('#game-image').css('background-image', imageUrl);				
				$('#year-published').html(yearPublished);
				$('#total-participants').html(capacity);
				$('#player-range').html(playerRange);
				$('#play-time').html(playingTime);
				$('#description').html(description);
				
			}
	); 
}

function makePopup() {
	var fullSlotName = $('h2').html();
	var splitName = fullSlotName.split(":", 2);
	var thisSlot = splitName[0];
	thisSlot = '"' + thisSlot + '"';
	buildPopupFramework();
	populatePopup(thisSlot);
	getCurrentNumberRegistrants(thisSlot);
	getModerators(thisSlot);
}

function getCurrentNumberRegistrants(thisSlot) {

   $.getJSON("http://www.boards2bits.com/fcwebservices/registrationservices.asmx/GetNumberRegistrants?callback=?&format=json", 
                    {"slot": thisSlot}, 
                      function (data) { $('#currently-registered').html(data.d); }); 
}

function getModerators(thisSlot) {

   $.getJSON("http://www.boards2bits.com/fcwebservices/registrationservices.asmx/GetModeratorsUnordered?callback=?&format=json", 
                    {"slot": thisSlot}, 
					function (data) { 
						var moderatorNames = data.d;
						if (moderatorNames == "") {
							moderatorNames = "-";
						}
							
						$('#moderators').html(moderatorNames); }); 
}