<?php
use_helper('ysJQueryRevolutions');
use_helper('ysJQueryUILayout');
?>
<?php
ui_layout_configure_to('layoutVarName2', '.bodyTest');
ui_layout_configure_to('layoutVarName3', '.bodyTest2');
?>
<div class="bodyTest" style="height:100%">
<div class="ui-layout-center" style="width:100%">
<div class="bodyTest2" style="height:100%">
<div class="ui-layout-center" style="width:100%">
Nested(Inner) Center
</div>
<div class="ui-layout-west" style="width:100%">
Nested(Inner) West
</div>
</div>
</div>
<div class="ui-layout-south" style="width:100%">
Nested(Outer) South
</div>
<div class="ui-layout-north" style="width:100%">
Nested(Outer) North
</div>
<div class="ui-layout-west" style="width:100%">
Nested(Outer) West
</div>
<?php
include_title();
?>
<?php
include_stylesheets();
?>
<?php
include_javascripts();
?>
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
<?php
ui_layout_configure_to('layoutVarName', 'body', array('cache' => true, 'addCloseBtn' => array('#btnCloseWestId' => 'west', '#btnCloseEastId' => 'east'), 'addOpenBtn' => array('#btnOpenWestId' => 'west', '#btnOpenEastId' => 'east'), 'addToggleBtn' => array('#btnToggleSouthId' => 'south'), 'addPinBtn' => array('#btnPinWestId' => 'west', '#btnPinEastId' => 'east'), 'allowOverflow' => 'north', 'north' => array('size' => 54), 'south' => array('spacing' => 50), 'west' => array(), 'east' => array('initClosed' => true), 'center' => array()));
?>
<br><br>
<div class="ui-layout-center" id="testId">
<?php
echo ui_theme_switcher_tool('themeroller', array('width' => 200, 'buttonPreText' => 'ysJQueryUIPlugin: '));
?>
<br>
<?php