/* // セレクトボックスの値を取得
	var r = $A(document.f.skin_id).find(function(v) {
		return v.checked;	
	});		
	*/	
//var params = "video=" + video_id + "&skin=" + r.value;

var LOADING_IMAGE_TAG = '<img src="res/load.gif">';

function change_video_id() {
	var video_id = $F("video_id");
	var width = $F("w");
	var height = $F("h");
	var url = "thumb_view.php";
	var params = "video=" + video_id + "&w=" + width + "&h=" + height;

	if ($F("in_alt") == "1") {
		params += "&alt=1";
	}

	$("generater_result").innerHTML = LOADING_IMAGE_TAG;

	var ajax = new Ajax.Updater(
		"generater_result",
		url,
		{
		  method: "post",
		  parameters: params
		});

	return false;
}

// スキン選択モードの表示
function view_skin_select(page) {
	var url = "skin_select.php";
	var params = "";
	if (page !== undefined) {
		params += "p=" + page;
	}

	$("generater_result").innerHTML = LOADING_IMAGE_TAG;

	var ajax = new Ajax.Updater(
		"generater_result",
		url,
		{
		  method: "get",
		  parameters: params
		});

	return false;
}

function blur_videoid_box() {
	if ($F("video_id") == "") {
		$("video_id").value = "input video id";
	}
}

function focus_videoid_box() {
	if ($F("video_id") == "input video id") {
		$("video_id").value = "";
	}
}

function click_option() {
	if ($("generater_option_container").visible()) {
		$("generater_option_container").hide();
	}
	else {
		$("generater_option_container").show();
	}
}

function click_option_reset() {
	$("w").value = DEFAULT_WIDTH;
	$("h").value = DEFAULT_HEIGHT;
}


// 初期化コード
document.observe("dom:loaded", function() {
	Event.observe("video_id", "blur", blur_videoid_box);
	Event.observe("video_id", "focus", focus_videoid_box);
	$("video_id").value = "input video id";
	//$("video_id").value = "http://www.nicovideo.jp/watch/sm1279921";
	//$("video_id").value = "http://www.nicovideo.jp/thumb/sm1290325";

	Event.observe("generater_option_button", "click", click_option);
	Event.observe("generater_option_reset", "click", click_option_reset);

	$("generater_option_container").hide();
});