// Saves options to chrome.storage.sync.
function $(n) { return document.querySelector(n) }
function save_options() {
	chrome.storage.sync.set({
		server: $("#server").value,
		port: parseInt( $("#port").value, 10 ),
		name: $("#name").value,
	}, function() {
		// Update status to let user know options were saved.
		var status = document.getElementById('status');
		status.textContent = 'Options saved.';
		setTimeout(function() {
			status.textContent = '';
		}, 750);
	});
}

// Restores select box and checkbox state using the preferences
// stored in chrome.storage.
function restore_options() {
	chrome.storage.sync.get({
		server: 'localhost',
		port: 3000,
		name: 'whomever',
	}, function(items) {
		console.log(items)
		"server port name".split(" ").forEach(function(id){
			$("#"+id).value = items[id]
		})
	});
}
document.addEventListener('DOMContentLoaded', restore_options);
document.getElementById('save').addEventListener('click', save_options);
console.log("WHAT")