<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
echo $sf_data->getRaw('sf_content');
?>
</div>
<div class="ui-layout-north">
<br>
<?php
use_helper('ysJQueryRevolutions');
use_helper('ysJQueryUIEffects');
?>
<?php
echo ui_theme_switcher_tool();
?>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#btnHideEffect').click(function(){
alert('Inside code javascript ');
<?php
echo ui_effects_hide('#testEffect', array('effect' => 'clip', 'speed' => 'slow', 'callback' => like_function("alert('Hide effect successful')")));
?>
});
});
</script>
<?php
echo ui_effects_add_class('#testClass', array('listener' => array('selector' => '#btnAddClass', 'event' => 'click'), 'class' => 'ui-widget-content', 'duration' => 'slow', 'callback' => like_function("alert('Class added')")));
?>
<?php
echo ui_effects_remove_class('#testClass', array('listener' => array('selector' => '#btnRemoveClass', 'event' => 'click'), 'class' => 'ui-widget-content', 'duration' => 'slow', 'callback' => like_function("alert('Class Removed')")));
?>
