$(function(){
    // 初期化
	// 見出し一覧エリアを狭くする（先頭のdocument.writeでやることにした）
//	$("#content")
//		.css("width","280px")
//		.css("height","360px")
//		.css("float","right");
	// サブウィンドウに表示するddは非表示にしておく
//	$("#content dd").hide();
	// サブウィンドウ用のDIVを生成
	$("#container-inner").append("<div id='sub-window'><div class='bar bar-top'></div><dl></dl><div class='bar bar-bottom'></div></div>");
	$("#container-inner .bar").append("<a href='javascript:void(0);' class='close' title='ウィンドウを閉じる'>ウィンドウを閉じる</a>");
	// サブウィンドウをドラッグ可能にしつつ、非表示にしておく
	$("#sub-window")
		.draggable({
		 	handle:$(".bar"),
			containment:$("#container-inner")
		})
		.hide();

   // DDをサブウィンドウに表示する関数
   function showDd(obj){
	var $dd = obj.next();
	var cloneObj = $dd.clone();
	$("#sub-window dl")
		.empty()
		.append(obj.clone())
		.append(cloneObj.show());
	$("#sub-window dl dt .new-icon").remove(); // タイトルのNEWアイコン消す
	$("#sub-window:hidden").fadeIn("slow");
	return false;
   }

// イベントリスナー
    $("#content dt").hover(function(){
	$(this).addClass("hover");
    }, function(){
	$(this).removeClass("hover");
    });

    $("#content dt").click(function(){
       showDd($(this));
    });

    $("#sub-window a.close").click(function(){
	$("#sub-window:visible").fadeOut("slow");
	return false;
    });

// URLにハッシュが付いていたらサブウィンドウ表示
   var dtId = window.location.hash;
   if(dtId.length > 1) {
	dtId = eval('$("'+dtId+'")');
	if(dtId.size() == 1) {
		showDd(dtId);
	}
   }

});



// メニューSWF書き出し
function writeSwf() {
 var so = new SWFObject("./swf/menu.swf", "movie", "550", "60", "7", "#FFFFFF");
 so.addParam("wmode", "transparent");
 so.write("menu");
}