1 files changed, 57 insertions, 0 deletions
diff --git a/src/html/js/emuchooser.js b/src/html/js/emuchooser.js
new file mode 100644
index 0000000..78fbd4f
--- /dev/null
+++ b/src/html/js/emuchooser.js
@@ -0,0 +1,57 @@
+var activeEntry = "";
+
+var about = function() {
+	if (activeEntry != "") {
+		$("#" + activeEntry).toggleClass("selected");
+	}
+	activeEntry = "";
+
+	$("#content").html(emuchooser.getAbout());
+	return false;
+};
+
+var help = function() {
+	if (activeEntry != "") {
+		$("#" + activeEntry).toggleClass("selected");
+	}
+	activeEntry = "";
+
+	$("#content").html(emuchooser.getHelp());
+	var foo = emuchooser.getList();
+};
+
+var run = function() {
+	if (activeEntry != "") {
+		id = parseInt(activeEntry.substring(5));
+		emuchooser.run(id);
+	}
+}
+
+var handleListClick = function (e) {
+	id = parseInt(e.srcElement.id.substring(5));
+	if (activeEntry != "") {
+		$("#" + activeEntry).toggleClass("selected");
+	}
+	$("#" + e.srcElement.id).toggleClass("selected");
+	activeEntry = e.srcElement.id;
+	$("#content").html(emuchooser.getDetails(id));
+};
+
+var renderList = function () {
+	var foo = emuchooser.getList();
+	$.each(foo, function(i,item) {
+		$("#emulist").append('<li id="item_'+ item.id +'" class="list '+ item.icon + '">' + item.title + '</li>');
+		$('#item_' + item.id).click(handleListClick);
+	});
+};
+
+
+var init = function() {
+	renderList();
+	$("button").button();
+	$("#content").html(emuchooser.getWelcome());
+	$("#about").click(about);
+	$("#help").click(help);
+	$("#start").click(run);
+	
+};