$(function(){
	// 1
	$("#dialog").dialog({
		autoOpen: false,
		width: 480
	});
	$("#btnAlert").click(function(){
		$("#dialog").dialog("open");
	});
	
	// 2
	$("#dialog2").dialog({
		autoOpen: false,
		width: 480,
		buttons:{
			"そうですね": function(){
				alert("「そうですね」がクリックされました！\nって、結局標準のalert出しちゃ意味無いじゃんねぇ。");
				$(this).dialog("close");
			},
			"そうじゃないですね": function(){
				alert("「そうじゃないですね」がクリックされました！\nって、結局標準のalert出しちゃ意味無いじゃんねぇ。");
				$(this).dialog("close");
			}
		}
	});
	$("#btnAlert2").click(function(){
		$("#dialog2").dialog("open");
	});
	
	// 3
	$("#dialog3").dialog({
		autoOpen: false,
		width: 480,
		modal: true,
		buttons:{
			"何もしないボタン": function(){
			},
			"閉じるボタン": function(){
				$(this).dialog("close");
			}
		}
	});
	$("#btnAlert3").click(function(){
		$("#dialog3").dialog("open");
	});
	
	// 4
	$("#dialog4").dialog({
		autoOpen: false,
		width: 480,
		resizable: false
	});
	$("#btnAlert4").click(function(){
		$("#dialog4").dialog("open");
	});
	
	// 5
	$("#dialog5").dialog({
		autoOpen: false,
		width: 480,
		draggable: false,
		buttons:{
			"ところでアレってなんですか？": function(){
				$("#dialog6").dialog("open");
			},
			"閉じるボタン": function(){
				$(this).dialog("close");
			}
		}
	});
	$("#btnAlert5").click(function(){
		$("#dialog5").dialog("open");
	});
	
	// 6
	$("#dialog6").dialog({
		autoOpen: false,
		width: 480,
		modal: true,
		buttons:{
			"じゃあ用はありません。さようなら。": function(){
				$(this).dialog("close");
			}
		}
	});
	
});