var top = "<!-- Mojeek Search --><center><form method=\"get\" action=\"http://www.mojeek.com/search\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-spacing:0;margin:0;padding:0;\"><tr>";

var logo_start = "<td style=\"";
var logo_side_pad = "background:transparent;border:none;padding:0 8px 0 8px;text-align:left;width:auto;";
var logo_top_pad = "background:transparent;border:none;padding:0 0 3px 0;text-align:left;width:auto;";
var logo_end = "\"><a href=\"http://www.mojeek.com/\"><img src=\"http://www.mojeek.com/logos/logo_bc_148x36.png\" border=\"0\" width=\"148\" height=\"36\" alt=\"mojeek\" /></a></td>";
var logo_top_extra = "</tr><tr>";

var input_start = "<td style=\"background:transparent;border:none;padding:0;text-align:left;width:auto;\">";
var input_text = "<input maxlength=\"256\" name=\"q\" style=\"";
var text_radio_simple = "margin:0 5px 0 0;width:200px;";
var text_radio_styled = "border:1px solid #000;margin:0 5px 0 0;width:200px;";
var text_drop_simple = "margin:0 5px 0 0;width:165px;";
var text_drop_styled = "border:1px solid #000;margin:0 5px 0 0;width:165px;";
var input_button = "\" /><input type=\"submit\" value=\"Search\" style=\"";
var input_button_simple = "margin:0;width:70px;";
var input_button_styled = "background:#61b329 none;border:1px solid #000;color:#000;margin:0;width:70px;";
var input_end = "\" /><br />";

var radio_start = "<small style=\"font-size:11px;\">";
var radio_ws = "<input type=\"radio\" name=\"site\" value=\"\" checked=\"checked\" />";
var radio_uk = "<input type=\"radio\" name=\"site\" value=\"reg=uk\" />";
var radio_ss_start = "<input type=\"radio\" name=\"site\" value=\"";
var radio_ss_end = "\" />";
var radio_end = "</small>";

var select_start = "<select name=\"site\" style=\"";
var select_simple = "margin:5px 0 0 0;width:100%;";
var select_styled = "background:#61b329;border:1px solid #000;margin:5px 0 0 0;width:100%;";
var select_close = "\">";
var option_ws = "<option value=\"\" selected=\"selected\">";
var option_uk = "<option value=\"reg=uk\">";
var option_ss_start = "<option value=\"";
var option_ss_end = "\">";
var option_end = "</option>";
var select_end = "</select>";

var bottom = "</td></tr></table></form></center><!-- Mojeek Search -->";

function radio_code(simple_style, ws_search, uk_search, ss_search)
{
	var str = radio_start;

	if (ws_search)
		str += radio_ws + document.getElementById("ws_caption").value + " ";

	if (uk_search)
		str += radio_uk + document.getElementById("uk_caption").value + " ";

	if (ss_search) {
		str += radio_ss_start + document.getElementById("ss_url").value;
		str += radio_ss_end + document.getElementById("ss_caption").value;
	}

	return str + radio_end;
}

function select_code(simple_style, ws_search, uk_search, ss_search)
{
	var str = select_start;

	str += (simple_style ? select_simple : select_styled);
	str += select_close;

	if (ws_search)
		str += option_ws + document.getElementById("ws_caption").value + option_end;

	if (uk_search)
		str += option_uk + document.getElementById("uk_caption").value + option_end;

	if (ss_search) {
		str += option_ss_start + document.getElementById("ss_url").value;
		str += option_ss_end + document.getElementById("ss_caption").value;
		str += option_end;
	}

	return str + select_end;
}

function is_logo_top()
{
	return document.getElementById("lp_top").checked;
}

function is_using_radio()
{
	return document.getElementById("os_radio").checked;
}

function is_simple_style()
{
	return document.getElementById("is_simple").checked;
}

function is_ws_search()
{
	return !document.getElementById("ws_caption").disabled;
}

function is_uk_search()
{
	return !document.getElementById("uk_caption").disabled;
}

function is_ss_search()
{
	return !document.getElementById("ss_caption").disabled;
}

function box_code()
{
	var logo_is_top = is_logo_top();
	var using_radio = is_using_radio();
	var simple_style = is_simple_style();
	var ws_search = is_ws_search();
	var uk_search = is_uk_search();
	var ss_search = is_ss_search();

	var str = top + logo_start;

	str += (logo_is_top ? logo_top_pad : logo_side_pad);
	str += logo_end;

	if (logo_is_top)
		str += logo_top_extra;

	str += input_start + input_text;

	if (using_radio)
		str += (simple_style ? text_radio_simple : text_radio_styled);
	else
		str += (simple_style ? text_drop_simple : text_drop_styled);

	str += input_button;
	str += (simple_style ? input_button_simple : input_button_styled);
	str += input_end;
	
	if (using_radio)
		str += radio_code(simple_style, ws_search, uk_search, ss_search);
	else
		str += select_code(simple_style, ws_search, uk_search, ss_search);

	return str + bottom;
}

function print_preview()
{
	document.getElementById("search_box_preview").innerHTML = box_code();
}

function print_code()
{
	document.getElementById("copy_and_paste").innerHTML = "<textarea rows=\"8\" wrap=\"virtual\">" + box_code() + "</textarea>";
}

function rewrite()
{
	print_code();
	print_preview();
}

function enable(e)
{
	document.getElementById(e).disabled = false;
	rewrite();
}

function disable(e)
{
	document.getElementById(e).disabled = true;
	rewrite();
}