diff --git a/UI/index.html b/UI/index.html
index 1102ce0..bf30a00 100644
--- a/UI/index.html
+++ b/UI/index.html
@@ -1,22 +1,24 @@
 <html>
 	<head>
-		<title>Deckard</title>
+		<title>Deckard + Company</title>
 		<link href="css.css" rel="stylesheet">
 		<script src="https://labs.murkfall.net/bluesaxman/blue.js/raw/master/libs/bluecore.js"></script>
 	</head>
 	<body>
-		<h1>Welcome to Deckard<h1>
+		<h1>Welcome to Deckard + Company<h1>
 	</body>
 <script>
 
-window.deck = [];
+window.gameState = {};
+window.gameState.deck = [];
+window.gameState,pool = [];
 window.hand = [];
 
 function updateEvent() {
 	window.UI.deck.innerHTML = "";
 	window.UI.hand.innerHTML = "";
 	var theDeck = elementPlace("#deck","deckDisp","card","div");
-	theDeck.innerHTML = "<div>"+window.deck.length+"</div>";
+	theDeck.innerHTML = "<div>"+window.gameState.deck.length+"</div>";
 	window.hand.forEach(function (card,index) {
 		if (index < 10) {
 		var currentCard = elementPlace("#hand",null,"card","li");
@@ -51,10 +53,10 @@ function shuffleDeck(deck) {
 function deckFromJSON(ourFile) {
 	if ( Array.isArray(ourFile) ) {
 		ourFile.forEach(function (deck) {
-			window.deck = window.deck.concat(generateDeck(deck));
+			window.gameState.deck = window.gameState.deck.concat(generateDeck(deck));
 		});
 	} else {
-		window.deck = window.deck.concat(generateDeck(ourFile));
+		window.gameState.deck = window.gameState.deck.concat(generateDeck(ourFile));
 	}
 }
 
@@ -65,10 +67,10 @@ buttonAdd("#menu","upload","Upload Deck", function () {
 		myFile.onload = function (file) {
 			// Probably validate the file somehow befor eating it
 			var ourFile = JSON.parse(file.target.result);
-			window.deck = [];
+			window.gameState.deck = [];
 			deckFromJSON(ourFile);
 			window.hand = [];
-			updateEvent();
+			gameSession.send('{"state":'+JSON.stringify(window.gameState)+'}');
 		}
 		myFile.readAsText(f[0]);
 	}); 
@@ -79,29 +81,51 @@ buttonAdd("#menu","add","Add Deck", function () {
 		myFile.onload = function (file) {
 			var ourFile = JSON.parse(file.target.result);
 			deckFromJSON(ourFile);
-			updateEvent();
+			gameSession.send('{"state":'+JSON.stringify(window.gameState)+'}');
 		}
 		myFile.readAsText(f[0]);
 });
 }, null, "div");
 buttonAdd("#menu","shuffle", "Shuffle Deck", function () { 
-	shuffleDeck(window.deck);
+	shuffleDeck(window.gameState.deck);
+	gameSession.send('{"state":'+JSON.stringify(window.gameState)+'}');
 }, null, "div");
-buttonAdd("#menu","shuffleAll", "Shuffle Whole Deck", function () {
-	window.deck = window.deck.concat(window.hand);
+buttonAdd("#menu","shuffleAll", "Shuffle Hand to Deck", function () {
+	window.gameState.deck = window.gameState.deck.concat(window.hand);
 	window.hand = [];
-	shuffleDeck(window.deck);
-	updateEvent();
+	shuffleDeck(window.gameState.deck);
+	gameSession.send('{"state":'+JSON.stringify(window.gameState)+'}');
 }, null, "div");
 buttonAdd("#menu","draw", "Draw Card", function () { 
-	if (window.deck.length > 0) {
-	window.hand.unshift(window.deck.shift());
-	updateEvent();
+	if (window.gameState.decks[0].length > 0) {
+	window.hand.unshift(window.gameState.decks[0].shift());
+	gameSession.send('{"state":'+JSON.stringify(window.gameState)+'}');
 	}
 }, null, "div");
 elementPlace("body","display",null,"div");
 window.UI = {};
 window.UI.deck = elementPlace("#display","deck",null,"div");
 window.UI.hand = elementPlace("#display","hand",null,"ol");
+
+popupDialog("gettingStarted","Welcome to Deckard and company", false, inputDialog,{"content":"Please enter a game ID or leave blank to start a new game","inputType":"number"},
+	function (value) {
+		if (Number.isInteger(Number.parseInt(value))) {
+			window.gameID = Number.parseInt(value);
+		} else {
+			var tempses = new WebSocket(server);
+			tempses.onmessage = function (event) { 
+				var message = JSON.parse(event.data);
+				if (message.id) { gameID = message.id; }
+			};
+		}
+		window.gameSession = new WebSocket(server+gameID);
+		gameSession.onmessage = function (event) {
+			var message = JSON.parse(event.data);
+			if (message.state) { gameState = message.state; updateEvent(); }
+			if (message.message) { console.log(message.message); }
+			if (message.command) {}
+		};
+	});
+
 </script>
 </html>
