$(document).ready(function(){
	Preview();


	$("#signup_icon_sml_vis").change(function(){Preview()});
	$("#signup_icon_sml_own").change(function(){Preview()});
	$("#signup_text_owner").blur(function(){Preview()});
	$("#signup_text_visitor").blur(function(){Preview()});
	$("input.mapType").change(function(){Preview()});

	$("#build").click(function(){
		Build();
	});
});

function BuildUrl()
{
	var style = $("input:radio.mapType[@checked]").val();
	var text_visitor = $("#signup_text_visitor").val();
	var text_owner = $("#signup_text_owner").val();
	var icon_visitor = $("#signup_icon_sml_vis").val();
	var icon_owner = $("#signup_icon_sml_own").val();

	var src = "/map/signup.php?style=" + style + "&text_owner=" + text_owner + "&text_visitor=" + text_visitor + "&";
	src += "signup_icon_sml_own=" + icon_owner + "&signup_icon_sml_vis=" + icon_visitor;

	return src;
}

function Preview()
{
	var url = BuildUrl();
	url += "&do=preview";

	$("#preview").html("<img src='" + url + "'>");
}

function Build()
{
	var url = BuildUrl();
	url += "&do=build";

	$.get(url, function(data){
		$("#map_code").html('<input onclick="this.select()" class="codebar" value="' + data + '" />');
	});
}