//ymap.js ポップアップウインドウ

//使い方：
//<div id="ymap">
//<div id="ymap_title">タイトル</div>
//<div id="ymap_close">閉じるボタン</span>
//中身
//</div>

//上記のようなHTMLを作り、$.ymap() で呼び出す。

(function($) {
	$.ymap = function() {
		var wx, wy;		// ウインドウの左上座標
		var mx, my;		// マウスの座標

		// ウインドウの座標を画面中央にする。
		wx = $().scrollLeft() + ($(window).width() - $('#ymap').outerWidth()) / 2;
		if (wx < 0) wx = 0;
		wy = $().scrollTop() + ($(window).height() - $('#ymap').outerHeight()) / 2;
		if (wy < 0) wy = 0;

		// ポップアップウインドウを表示する。
		$('#ymap').css('top', wy).css('left', wx).fadeIn(100);

		// 閉じるボタンを押したとき
		$('#ymap_close').click(function() {$('#ymap').fadeOut(100);});

		// タイトルバーをドラッグしたとき
		$('#ymap_title').mousedown(function(e) {
			mx = e.pageX;
			my = e.pageY;
			$().mousemove(mouseMove).mouseup(mouseUp);
			return false;
		});
		function mouseMove(e) {
			wx += e.pageX - mx;
			wy += e.pageY - my;
			$('#ymap').css('top', wy).css('left', wx);
			mx = e.pageX;
			my = e.pageY;
			return false;
		}
		function mouseUp() {
			$().unbind('mousemove', mouseMove).unbind('mouseup', mouseUp);
		}
	}
})(jQuery);