//the window.onload wrapper around these object constructors is just for demo purposes
//in practise you would put them in an existing load function, or use a scaleable solution:
//http://www.brothercake.com/site/resources/scripts/domready/
//http://www.brothercake.com/site/resources/scripts/onload/
window.onload = function()
{



	//initialise the docking boxes manager
	var manager = new dbxManager('main'); 	//session ID [/-_a-zA-Z0-9/]


	//create new docking boxes group
	var purple = new dbxGroup(
		'right', 		// container ID [/-_a-zA-Z0-9/] コンテナID
		'vertical', 		// orientation ['vertical'|'horizontal'] ドラッグ方向（vertical:縦/horizontal:横）
		'7', 			// drag threshold ['n' pixels] ドラッグ開始する移動ピクセル（マウスが指定px移動するとドラッグ開始）
		'no',			// restrict drag movement to container axis ['yes'|'no'] コンテナのドラッグ範囲外への移動
		'10', 			// animate re-ordering [frames per transition, or '0' for no effect] ドラッグ時,他のサイドバーが動作するアニメーションの長さ（'0'は効果なし）
		'yes', 			// include open/close toggle buttons ['yes'|'no'] 開閉ボタンを表示する（非表示の場合、開閉不可）
		'open', 		// default state ['open'|'closed'] デフォルト状態

		'open', 		// word for "open", as in "open this box" %toggle% に挿入するメッセージ
		'close', 		// word for "close", as in "close this box" %toggle% に挿入するメッセージ
		'click-down and drag to move this box', // sentence for "move this box" by mouse ドラッグエリアにマウスオーバー時のツールチップ
		'click to %toggle% this box', // pattern-match sentence for "(open|close) this box" by mouse 開閉エリアにマウスオーバー時のツールチップ
		'use the arrow keys to move this box', // sentence for "move this box" by keyboard ドラッグエリアのキーボード操作時のツールチップ
		', or press the enter key to %toggle% it',  // pattern-match sentence-fragment for "(open|close) this box" by keyboard 開閉エリアにキーボード操作時のツールチップ
		'%mytitle%  [%dbxtitle%]' // pattern-match syntax for title-attribute      conflicts title属性が競合した場合？
		);

};