var Gadget = {};

Gadget.init = function() {
	$("form.form-gadget-generate").submit(function() {
		$.get(this.action, $(this).serialize(), function(html) {
			$('#output').html(html);
		});
		return false;
	});

	$("#gadget_type").change(function() {
		if (this.value == 'search') {
			$("label[for=gadget_kw]").text("キーワード：");
			$("#gadget_kw_row td a").hide();
			$("#gadget_kw_row").show();
			$("#gadget_channel_select_row").hide();
			$("#gadget_kw").focus();
		} else if (this.value == "channel") {
			$("label[for=gadget_kw]").html('チャンネルID<a href="http://help.woopie.jp/content/31/151/ja/%E3%83%81%E3%83%A3%E3%83%B3%E3%83%8D%E3%83%ABid%E3%81%A3%E3%81%A6ae%BD%95%E3%81%A7%E3%81%99%E3%81%8B%E3%80%82.html" target="_blank"><img src="/gadget/images/icon_help.gif" alt="" /></a>：');

			$("#gadget_kw").val('');

			$("#gadget_kw_row td a").show();
			$("#gadget_kw_row").show();
			$("#gadget_channel_select_row").hide();
			$("#gadget_kw").focus();

		} else if (this.value == "channel_recent" || this.value == "channel_ranking") {
			$("#gadget_kw_row").hide();

			$("#gadget_channel_select_row")
				.show()
				.find("#gadget_channel_id_select")
					.html("<option>Loading...</option>");

			$.ajax({
				url: "channelList",
				type: "GET",
				data: { type: this.value },
				success: function(data) {
					$("#gadget_channel_id_select").html(data).val('');
					},
				error: function(data) {
					$("#gadget_channel_id_select").html('');
					}
				});
		} else {
			$("#gadget_kw_row").hide();
		}

		if (isNaN(parseInt(this.value))) {
			$("#gadget_channel_row").hide();
		} else {
			$("#gadget_channel_row").show();
		}
	});

	$(".gadget-code-copy").click(function() {
		alert(this.rel);
	});
};

Gadget.updateColorPreview = function(src, target) {
	$("#" + target).css("background-color", "#" + src.value);
	return false;
};

Gadget.copy = function(target) {
	code = $(target).val();
	if (window.clipboardData) {
		window.clipboardData.setData('Text', code);
		alert('クリップボードにHTMLコードをコピーしました。');
	}
}

$(function() {
	Gadget.init();

	// scroll to top of page
	$('a.pagetop').click(function() {
		$('body').ScrollTo("fast");
		return false;
	});
});