//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 sidebar_dual = new dbxGroup(
		'sidebar-dual', 		// container ID [/-_a-zA-Z0-9/]
		'vertical', 		// orientation ['vertical'|'horizontal']
		'6', 			// drag threshold ['n' pixels]
		'no',			// restrict drag movement to container axis ['yes'|'no']
		'8', 			// animate re-ordering [frames per transition, or '0' for no effect]
		'yes', 			// include open/close toggle buttons ['yes'|'no']
		'open', 		// default state ['open'|'closed']

		'abrir', 		// word for "open", as in "open this box"
		'cerrar', 		// word for "close", as in "close this box"
		'Haga click, mantengalo y luego arrastre para mover esta caja', // sentence for "move this box" by mouse
		'Haga click para %toggle% esta caja', // pattern-match sentence for "(open|close) this box" by mouse
		'Use las flechas del teclado para mover esta caja', // sentence for "move this box" by keyboard
		', o presione enter para %toggle%la',  // pattern-match sentence-fragment for "(open|close) this box" by keyboard
		'%mytitle%  [%dbxtitle%]' // pattern-match syntax for title-attribute conflicts
		);
	
	//create new docking boxes group
	var sidebar_left = new dbxGroup(
		'sidebar-left', 		// container ID [/-_a-zA-Z0-9/]
		'vertical', 		// orientation ['vertical'|'horizontal']
		'6', 			// drag threshold ['n' pixels]
		'no',			// restrict drag movement to container axis ['yes'|'no']
		'8', 			// animate re-ordering [frames per transition, or '0' for no effect]
		'yes', 			// include open/close toggle buttons ['yes'|'no']
		'open', 		// default state ['open'|'closed']

		'abrir', 		// word for "open", as in "open this box"
		'cerrar', 		// word for "close", as in "close this box"
		'Haga click, mantengalo y luego arrastre para mover esta caja', // sentence for "move this box" by mouse
		'Haga click para %toggle% esta caja', // pattern-match sentence for "(open|close) this box" by mouse
		'Use las flechas del teclado para mover esta caja', // sentence for "move this box" by keyboard
		', o presione enter para %toggle%la',  // pattern-match sentence-fragment for "(open|close) this box" by keyboard
		'%mytitle%  [%dbxtitle%]' // pattern-match syntax for title-attribute conflicts
		);
	
	//create new docking boxes group
	var sidebar_right = new dbxGroup(
		'sidebar-right', 		// container ID [/-_a-zA-Z0-9/]
		'vertical', 		// orientation ['vertical'|'horizontal']
		'6', 			// drag threshold ['n' pixels]
		'no',			// restrict drag movement to container axis ['yes'|'no']
		'8', 			// animate re-ordering [frames per transition, or '0' for no effect]
		'yes', 			// include open/close toggle buttons ['yes'|'no']
		'open', 		// default state ['open'|'closed']

		'abrir', 		// word for "open", as in "open this box"
		'cerrar', 		// word for "close", as in "close this box"
		'Haga click, mantengalo y luego arrastre para mover esta caja', // sentence for "move this box" by mouse
		'Haga click para %toggle% esta caja', // pattern-match sentence for "(open|close) this box" by mouse
		'Use las flechas del teclado para mover esta caja', // sentence for "move this box" by keyboard
		', o presione enter para %toggle%la',  // pattern-match sentence-fragment for "(open|close) this box" by keyboard
		'%mytitle%  [%dbxtitle%]' // pattern-match syntax for title-attribute conflicts
		);

};