builder.js

function builderInit()
{
	$("#output").hide();
};

function builderUpdateColors()
{
	$("#output").hide();
	$("#terminal").css("background", $("#background").val());
	$("#terminal").css("color", $("#foreground").val());

	for (var i = 0; i < 16; i++) {
		$(".color" + i).css("color", $("#color" + i).val());
	}
};

function builderDownloadColors()
{
	var name = $("#schemename").val();
	var xres;

	xres  = "! Terminal color scheme '" + name + "' built at\n";
	xres += "! http://termscheme.eu" + '\n';

	xres += name + ".background: " + $("#background").val() + '\n';
	xres += name + ".foreground: " + $("#foreground").val() + '\n';

	for (var i = 0; i < 16; i++) {
		xres += name + ".color" + i + ": " + $("#color" + i).val() + '\n';
	}

	// Shave off that last line feed character.
	xres = xres.substr(0, xres.length - 1);

	var out = $("#output");
	out.val(xres);
	out.show();
	out.focus().select();
};

$(document).ready(function() {
	var f = $.farbtastic('#picker');
	var p = $('#picker');
	var selected;

	$('input.color').each(function () { f.linkTo(this); }).focus(function() {
		if (selected) {
			$(selected).removeClass('color-selected');
			builderUpdateColors();
		}

		f.linkTo(this);
		$(selected = this).addClass('color-selected');
	});
});