var webJADE = {
	initJADE: function( targ ) {
		(function(){
			var elem = $('ulJadeMenu');
			elem.set( 'html',
		'<li id="liJdMenuTop"><a href="http://distraid.co.jp/webjade/webjade.html">Info<span></span></a></li>'+
		'<li id="liJdMenuUI">UserInterface<span></span>'+
		'	<dl id="dlJdMenuUI">'+
		'		<dt>ユーザーインターフェイス</dt>'+
		'		<dd><a href="http://distraid.co.jp/webjade/navmenu.html">ナビゲーションメニュー</a></dd>'+
		'		<dd><a href="http://distraid.co.jp/webjade/tabtoggle.html">タブ切り替え</a></dd>'+
		'		<dd><a href="http://distraid.co.jp/webjade/effectctrl.html">エフェクト制御</a></dd>'+
		'	</dl>'+
		'</li>'+
		'<li id="liJdMenuData">DataRender<span></span>'+
		'	<dl id="dlJdMenuData">'+
		'		<dt>データ操作</dt>'+
		'		<dd><a href="http://distraid.co.jp/micms/dndimg.html">DnDでの画像ファイル登録</a></dd>'+
		'	</dl>'+			
		'</li>'+
		'<li id="liJdMenuAjax">Ajax<span></span>'+
		'	<dl id="dlJdMenuAjax">'+
		'		<dt>Ajax</dt>'+
		'		<dd><a href="http://distraid.co.jp/webjade/preload.html">先読みデータキャッシュ</a></dd>'+
		'		<dd><a href="http://distraid.co.jp/webjade/formctrl.html">フォーム入力値の検証</a></dd>'+
		'	</dl>'+
		'</li>'+
		'<li id="liJdMenuGadget">Gadget<span></span>'+
		'	<dl id="dlJdMenuGadget">'+
		'		<dt>jQuery Plugin</dt>'+
		'		<dd><a href="http://distraid.co.jp/gadget/imgflip/imgflip.html">imgFlip - 異なるサイズの画像/<br />要素の表示切替</a></dd>'+
		'	</dl>'+
		'</li>'+
		'<li id="liJdEffectToggle" class="effectOff" title="WebJADEページでのエフェクト制御">Effect Off<span></span></li>' );

			var navMenu = new TabSet( {'liJdMenuUI':'dlJdMenuUI','liJdMenuData':'dlJdMenuData','liJdMenuAjax':'dlJdMenuAjax','liJdMenuGadget':'dlJdMenuGadget'}, 
				{evType:TabSet.EvType.mouseover, exclusive:true,
					style:{'targ':Du.Style.Setup.setStreamFx(
						[{'styles':{'display':'block','top':'26px','opacity':0.35},'options':{'delay':50,'duration':200}},{'styles':{'opacity':0.95},'options':{'duration':260,'delay':50}}],
						[{'styles':{'opacity':0.35},'options':{'duration':300}},{'styles':{'top':'10px','opacity':0},'options':{'duration':200}}],
						{'duration':400,'fps':30},{'postInact':{'display':'none'},'fxGrp':'jadeNav'})} } );

			if ( ['UI','Data','Ajax','Gadget'].contains(targ) )
				elem = $('liJdMenu'+targ).addClass( 'jadeSel' );
			
			var elem = $('liJdEffectToggle');
			if ( elem )
				elem.addEvent( 'click', Du.Style.Setup.toggleFx.bind(Du.Style.Setup,[]) );
		})();

		Du.Style.Setup.initFxCtrl( 
			function(mode) { 
				var elem = $('liJdEffectToggle');
				if ( !elem ) return;
				if ( $type(elem.firstChild) == 'textnode' )
					elem.firstChild.nodeValue = 'Effect '+(mode?'On':'Off'); 
				if ( !mode )
					elem.addClass( 'effectOff' );
				else
					elem.removeClass( 'effectOff' );
			}, null,
			{'key':'jadeFx','options':{'duration':90}},
			{'toggle':true}
		);
	}
}