$(function(){
	// --- 角丸 ---
	var round_top    = '<span class="round"><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span>';
	var round_bottom = '<span class="round"><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span>';
	$("#contents").children("div.column, div.source, div.exec").prepend(round_top).append(round_bottom);

	// --- テストコード実行 ---
	$("pre.exec_js")
		.append('<input type="button" value="テスト" class="test_button" />')
		.children('input')
			.click(function() {
				var code_elem = $(this).parent();
				var code_id   = code_elem.attr("id");

				var target;
				if(code_id == "") {
					target = $("div.exec span.round span").add($("div.exec_js"));
				} else {
					var result_id = "#" + code_id + "_result";
					target = $(result_id).add($(result_id).siblings("span.round").children());
				}
				target.css("background-color","#ecffed");

				eval(code_elem.text());
			});

	// --- テスト結果領域表示 ---
	$("pre.exec_js").each(function() {
		var targetId = "#" + (this.id == "" ? "test_result" : this.id + "_result");
		if($(".result_caption", targetId).length > 0) return true;

		// caption
		var target = $(targetId);
		target.prepend('<div class="result_caption"><span>テスト結果 （'+ targetId +'）</span></div>');

		// clear
		if(target.hasClass("clear")) {
			$(".result_caption", target).append($('<input type="button" value="クリア" class="clear" />').click(function() {
				$(".result_caption", target).clone(true).prependTo(target.empty());
				$(target.siblings("span.round").children()).add(target).css("background-color", "#f3f3f3");
			}));
		}
	});
});