function getQueryParam(variable, defaultValue) {
    var query = location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
      var pair = vars[i].split('=');
      if (pair[0] === variable) {
        return decodeURIComponent(pair[1]);
      }
    }
    return defaultValue || false;
  }

function submit() {
    var form = document.getElementById("main-form");
    var inputs = form.getElementsByTagName("input");
    var selects = form.getElementsByTagName("select");
    var return_to = getQueryParam('return_to', 'pebblejs://close#');

    var options = {};

    console.log("Submitting");
    for (var i = 0; i < (inputs.length + selects.length); i += 1) {
	var input = inputs[i] || selects[i - inputs.length];
	var k = input.name;
	var t = input.type;
	var v;

	if (t == "checkbox") {
	    v = input.checked;
	} else if (t == "text") {
	    v = Number(input.value);
	} else if (t == "select-one") {
	    v = input.value;
	} else {
	    console.log("Unknown type: " + t);
	    continue;
	}
	console.log(k, t, v);

	localStorage[k] = v;
	options[k] = v;
    }

    document.location = return_to + encodeURIComponent(JSON.stringify(options));
}

function restore() {
    var form = document.getElementById("main-form");
    var inputs = form.getElementsByTagName("input");
    var selects = form.getElementsByTagName("select");
    for (var i = 0; i < (inputs.length + selects.length); i += 1) {
	var input = inputs[i] || selects[i - inputs.length];
	var k = input.name;
	var t = input.type;
	var v = localStorage[k];
	console.log(k, t, v);
	if (v != undefined) {
	    if (t == "checkbox") {
		input.checked = (v=="true")?true:false;
	    } else if (t == "select-one") {
		input.value = v;
	    } else if (k.slice(0, 6) == "color-") {
		var val = ("000000" + Number(v).toString(16)).slice(-6);
		var hex = "0x" + val;
		var color = "#" + val;

		var $valueDisplay = $(input).parent().find('.value');
		$valueDisplay.css('background', color);
		$(input).val(hex);
	    }
	}
    }
}


function init() {
    var submit_btn = document.getElementById("submit");
    submit_btn.addEventListener("click", submit);
    restore();
    console.log("Initialized");
}
window.addEventListener("load", init);