page divider using jquery

source from http://layout.jquery-dev.com/index.cfm

by santosh_patnala

HTML

<div class="ui-layout-center">Center</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>

CSS

/*
 * Default Layout Theme
 *
 * Created for jquery.layout 
 *
 * Copyright (c) 2010 
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
 */

/*
 *	DEFAULT FONT
 *	Just to make demo-pages look better - not actually relevant to Layout!
 */
 body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    *font-size: 80%;
}
/*
 *	PANES & CONTENT-DIVs
 */
 .ui-layout-pane {
    /* all 'panes' */
    background: #FFF;
    border: 1px solid #BBB;
    padding: 10px;
    overflow: auto;
    /* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
}
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
 .ui-layout-content {
    padding: 10px;
    position: relative;
    /* contain floated or positioned elements */
    overflow: auto;
    /* add scrolling to content-div */
}
/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
 .layout-child-container, .layout-content-container {
    padding: 0;
    overflow: hidden;
}
.layout-child-container {
    border: 0;
    /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
    overflow: auto;
}
.layout-hide {
    display: none;
}
/*
 *	RESIZER-BARS
 */
 .ui-layout-resizer {
    /* all 'resizer-bars' */
    background: #DDD;
    border: 1px solid #BBB;
    border-width: 0;
}
.ui-layout-resizer-drag {
    /* REAL resizer while...

JavaScript

//plugin

/**
 * @preserve
 * jquery.layout 1.4.4
 * $Date: 2014-11-29 08:00:00 (Sat, 29 November 2014) $
 * $Rev: 1.0404 $
 *
 * Copyright (c) 2014 Kevin Dalman (http://jquery-dev.com)
 * Based on work by Fabrizio Balliano (http://www.fabrizioballiano.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * SEE: http://layout.jquery-dev.com/LICENSE.txt
 *
 * Changelog: http://layout.jquery-dev.com/changelog.cfm
 *
 * Docs: http://layout.jquery-dev.com/documentation.html
 * Tips: http://layout.jquery-dev.com/tips.html
 * Help: http://groups.google.com/group/jquery-ui-layout
 */

/* JavaDoc Info: http://code.google.com/closure/compiler/docs/js-for-compiler.html
 * {!Object}	non-nullable type (never NULL)
 * {?string}	nullable type (sometimes NULL) - default for {Object}
 * {number=}	optional parameter
 * {*}			ALL types
 */
/*	TODO for jQ 2.x 
 *	check $.fn.disableSelection - this is in jQuery UI 1.9.x
 */

// NOTE: For best readability, view with a fixed-width font and tabs equal to 4-chars

;
(function ($) {

    // alias Math methods - used a lot!
    var min = Math.min,
        max = Math.max,
        round = Math.floor

        ,
        isStr = function (v) {
            return $.type(v) === "string";
        }

        /**
         * @param {!Object}			Instance
         * @param {Array.<string>}	a_fn
         */,
        runPluginCallbacks = function (Instance, a_fn) {
            if ($.isArray(a_fn)) for (var i = 0, c = a_fn.length; i < c; i++) {
                var fn = a_fn[i];
                try {
                    if (isStr(fn)) // 'name' of a function
                    fn = eval(fn);
                    if ($.isFunction(fn)) g(fn)(Instance);
                } catch (ex) {}
            }

            function g(f) {
                return f;
            }; // compiler hack
        };

    /*
     *	GENERIC $.layout METHODS - used by all layouts
   ...