<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Doedel Drie Dee</title>
<script src="library/jquery.js"></script>
<script src="src/utils.js"></script>
<script src="src/box.js"></script>

<style>
.hidden {display: none;}
</style>

</head>
<body>

<script>
var api = "http://connect.doodle3d.com/api/";
var printers = [];

$(document).ready(function () {
	"use strict";

	var known = [];

	var listSliceTest = $("#printers-slicetest");
	var listSliceWebworker = $("#printers-webworker");
	var listEditor = $("#printers-editor");

	function addPrinter (name, localip) {
		known.push(localip);

		var slice = $("<li class='hidden'><a href='slice_test.html#" + localip + "'>" + name + "</a></li>");
		var webworker = $("<li class='hidden'><a href='webworker_test.html#" + localip + "'>" + name + "</a></li>");
		var editor = $("<li class='hidden'><a href='three.js-master/editor_slicer#" + localip + "'>" + name + "</a></li>");
		
		listSliceTest.append(slice);
		listSliceWebworker.append(webworker);
		listEditor.append(editor);

		var box = new D3D.Box(localip).init();
		box.onconnect = function () {
			slice.removeClass('hidden');
			webworker.removeClass('hidden');
			editor.removeClass('hidden');
		};
		box.ondisconnect = function () {
			slice.addClass('hidden');
			webworker.addClass('hidden');
			editor.addClass('hidden');
		};
	}

	function checkNewBoxes () {
		getAPI(api + "list.php", function (error, boxes) {
			if (error) {
				console.warn('It appears that you are not connected to the internet, or the Doodle3D servers are down');
				return;
			}

			for (var i = 0; i < boxes.length; i ++) {
				var box = boxes[i];
				if (known.indexOf(box.localip) === -1) {

					addPrinter(box.wifiboxid, box.localip);
				}
			}
		});
	}

	addPrinter('Wired Printer', '192.168.5.1');
	addPrinter('Node Server', window.location.host + ":3000");

	setInterval(checkNewBoxes, 10000);
	checkNewBoxes();
});
</script>

<p>Slice Test</p>
<ul id="printers-slicetest"></ul>

<p>Webworkers</p>
<ul id="printers-webworker"></ul>

<p>Editor</p>
<ul id="printers-editor"></ul>

</body>
</html>