<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Doedel Drie Dee</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="script/utils.js"></script>
<script src="script/box.js"></script>
<script src="script/printer.js"></script>

</head>
<body>

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

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

	var listDoodle = $("#printers-doodle");
	var listSliceTest = $("#printers-slicetest");

	listDoodle.append("<li><a href='doodle.html#192.168.5.1'>Wired Printer</a></li>");
	listSliceTest.append("<li><a href='doodle.html#192.168.5.1'>Wired Printer</a></li>");

	/*printers.push({
		name: "wired box",
		d3dbox: new D3D.Box("192.168.5.1")
	});*/
	
	getAPI(api + "list.php", function (boxes) {
		for (var i = 0; i < boxes.length; i ++) {
			var box = boxes[i];

			/*printers.push({
				name: box.wifiboxid,
				d3dbox: new D3D.Box(box.localip)
			});*/

			listDoodle.append("<li><a href='doodle.html#" + box.localip + "'>" + box.wifiboxid + "</a></li>");
			listSliceTest.append("<li><a href='slice_test.html#" + box.localip + "'>" + box.wifiboxid + "</a></li>");
		}
	});
});
</script>

<p>Doodle</p>
<ul id="printers-doodle"></ul>

<p>Slice Test</p>
<ul id="printers-slicetest"></ul>
<!--<table>
	<tr>
		<th>localip</th>
		<th>wifiboxid</th>
		<th>date</th>
	</tr>
	<tr style="display: none">
		<td>localip</td>
		<td>wifiboxid</td>
		<td>date</td>
	</tr>
</table>-->

</body>
</html>