// tool

function init(){}

$(document).ready(function(){
	$("#trytool").draggable();
	$("#closeX").click(hideTool);
	$("#es4tab").click(function(){
		$("#es4tab").addClass("current");
		$("#js1tab").removeClass("current");
		$("#translateBtn").attr("disabled", false);
		showEs4();
	});
	$("#js1tab").click(function(){
		$("#js1tab").addClass("current");
		$("#es4tab").removeClass("current");
		$("#translateBtn").attr("disabled", true);
		showJs1();
	});	
})

function showTool(relTo) {
	if (relTo) {
		var jrel = $(relTo);
		var offset = jrel.offset();	
		var posX = offset["left"] + jrel.width() + 20;
		var posY = offset["top"];
		$("#trytool").css("left",  posX);
		$("#trytool").css("top",  posY);
	}
	showEs4()
	$("#trytool").css("display", "block");
}

function showEs4() {
	$("#es4area").css("display", "block");
	$("#js1area").css("display", "none");
}
function showJs1() {
	$("#es4area").css("display", "none");
	$("#js1area").css("display", "block");
}

function hideTool() {
	$("#trytool").css("display", "none");
}

function beginTranslation() {
}
function afterTranslated() {
}
function showOutputArea() {
	$("#runOutputArea").css("display", "block");
}
function hideOutput() {
	$("#runOutputArea").css("display", "none");
}

function setCode(code) {
	es4.setCode(code);
	es4.editor.syntaxHighlight();
	showEs4();
}