﻿var myLayout; // a var is required because this page utilizes: myLayout.allowOverflow() method

	$(document).ready(function () {

		// this layout could be created with NO OPTIONS - but showing some here just as a sample...
		// myLayout = $('body').layout(); -- syntax with No Options
		myLayout = $('body').layout({
		//	reference only - these options are NOT required because are already the 'default'
			closable:				true	// pane can open & close
		,	resizable:				true	// when open, pane can be resized 
		,	slidable:				false	// when closed, pane can 'slide' open over other panes - closes on mouse-out
		//	some resizing/toggling settings
		,	north__slidable:		false	// OVERRIDE the pane-default of 'slidable=true'
		,	north__resizable:		false	// OVERRIDE the pane-default of 'resizable=true'
		//,	north__togglerLength_closed: '100%'	// toggle-button is full-width of resizer-bar
		,	north__spacing_closed:	0		// big resizer-bar when open (zero height)
		,	north__spacing_open:	0		// big resizer-bar when open (zero height)
		, north__minSize: 42
		,	south__resizable:		false	// OVERRIDE the pane-default of 'resizable=true'
		,	south__spacing_open:	0		// no resizer-bar when open (zero height)
		,	south__spacing_closed:	0		// big resizer-bar when open (zero height)
		//	some pane-size settings
		,	west__size:			230
		,	west__minSize:			0
		,	west__maxSize:			600
		,	west__spacing_open:	5
		,	west__spacing_closed:	5
		,	east__size:				230
		,	east__minSize:			0
		//,	east__maxSize:			Math.floor(screen.availWidth / 2) // 1/2 screen width
		,	east__maxSize:			400
		,	east__spacing_open:	5
		,	east__spacing_closed:	5
		});

//		// add event to the 'Close' button in the East pane dynamically...
//		myLayout.addCloseBtn('#btnCloseEast', 'east');

//		// add event to the 'Toggle South' buttons in Center AND South panes dynamically...
//		myLayout.addToggleBtn('.south-toggler', 'south');

//		// add MULTIPLE events to the 'Open All Panes' button in the Center pane dynamically...
//		myLayout.addOpenBtn('#openAllPanes', 'north');
//		myLayout.addOpenBtn('#openAllPanes', 'south');
//		myLayout.addOpenBtn('#openAllPanes', 'west');
//		myLayout.addOpenBtn('#openAllPanes', 'east');

});
