function init() {
	var select = $('#sampleSelect');
	for (var ix in samples) {
		var sample = samples[ix];
		var title = sample.title;
		select.append("<option value=" + ix + ">" + title + "</option>")
	}
	select.bind("change", function(ev) { 
		var val = ev.target.value;
		selectSample(val);
	});	
	//selectSample(select.val()); 
}

$(document).ready(init);

function setES4Code(code) {
	setCode('esx', code);
	hideTranslated();	
}

function selectSample(ix) {
	var code = samples[ix].code;
	setES4Code(code); 
}

function beginTranslation() {
	hideTranslated();
}
function hideTranslated() {
	$("#js1Header").css("visibility", "hidden");
	$("#js1Area").css("visibility", "hidden");
	$("#runOutputArea").css("visibility", "hidden");
}
function afterTranslated() {
	$("#js1Header").css("visibility", "visible");
	$("#js1Area").css("visibility", "visible");
	$("#runOutputArea").css("display", "block"); // only none on first use
	$("#runOutputArea").css("visibility", "visible");
}

function showOutputArea() {
	$("#runOutputArea").css("visibility", "visible");
}
function hideOutput() {
	$("#runOutputArea").css("visibility", "hidden");
}