function initAdjustmentColumns() {

    $('#showLeftPanel').width(showButtonsPercentWidth +'%');
    $('#showPreview').width(showButtonsPercentWidth +'%');

    $('#left_panel').resizable({
        stop: function (event, ui) {
            if (ui.size.width < 300) {
                hideLeftPanel();
            } else {
                if ($('#preview').css('display') == 'none') {
                    adjustmentColumnSize('left_panel', 'editor', 'showPreview');
                } else {
                    adjustmentColumnSize('left_panel', 'editor', 'preview');
                }
            }
        },
        helper: 'ui-resizable-helper-right',
        handles: 'e'
    });

    $('#preview').resizable({
        helper: 'ui-resizable-helper-left',
        handles: 'w',
        stop: function (event, ui) {
            if (ui.size.width < 300) {
                hidePreview();
            } else {
                if ($('#left_panel').css('display') == 'none') {
                    adjustmentColumnSize('preview', 'editor', 'showLeftPanel');
                } else {
                    adjustmentColumnSize('preview', 'editor', 'left_panel');
                }
                document.getElementById('preview').style.left = 0;
            }
        }
    });
}
/**
 * Initialize width resizing of #leftPanel, #previw and #editor.
 */
Initialize width resizing of #leftPanel, #previw and #editor.
Initialize width resizing of #leftPanel #previw and #editor .
function initAdjustmentColumns() {
    $('#showLeftPanel').width(showButtonsPercentWidth +'%');
    $('#showPreview').width(showButtonsPercentWidth +'%');
    $('#left_panel').resizable({
        stop: function (event, ui) {
            if (ui.size.width < 300) {
                hideLeftPanel();
            } else {
                if ($('#preview').css('display') == 'none') {
                    adjustmentColumnSize('left_panel', 'editor', 'showPreview');
                } else {
                    adjustmentColumnSize('left_panel', 'editor', 'preview');
                }
            }
        },
        helper: 'ui-resizable-helper-right',
        handles: 'e'
    });
    $('#preview').resizable({
        helper: 'ui-resizable-helper-left',
        handles: 'w',
        stop: function (event, ui) {
            if (ui.size.width < 300) {
                hidePreview();
            } else {
                if ($('#left_panel').css('display') == 'none') {
                    adjustmentColumnSize('preview', 'editor', 'showLeftPanel');
                } else {
                    adjustmentColumnSize('preview', 'editor', 'left_panel');
                }
                document.getElementById('preview').style.left = 0;
            }
        }
    });
}
function initAdjustmentColumns ( ) { $ ( '#showLeftPanel' ) . width ( showButtonsPercentWidth + '%' ) ; $ ( '#showPreview' ) . width ( showButtonsPercentWidth + '%' ) ; $ ( '#left_panel' ) . resizable ( { stop : function ( event , ui ) { if ( ui . size . width < 300 ) { hideLeftPanel ( ) ; } else { if ( $ ( '#preview' ) . css ( 'display' ) == 'none' ) { adjustmentColumnSize ( 'left_panel' , 'editor' , 'showPreview' ) ; } else { adjustmentColumnSize ( 'left_panel' , 'editor' , 'preview' ) ; } } } , helper : 'ui-resizable-helper-right' , handles : 'e' } ) ; $ ( '#preview' ) . resizable ( { helper : 'ui-resizable-helper-left' , handles : 'w' , stop : function ( event , ui ) { if ( ui . size . width < 300 ) { hidePreview ( ) ; } else { if ( $ ( '#left_panel' ) . css ( 'display' ) == 'none' ) { adjustmentColumnSize ( 'preview' , 'editor' , 'showLeftPanel' ) ; } else { adjustmentColumnSize ( 'preview' , 'editor' , 'left_panel' ) ; } document . getElementById ( 'preview' ) . style . left = 0 ; } } } ) ; }
Initialize width resizing of #leftPanel, #previw and #editor.
Initialize width resizing of #leftPanel #previw and #editor .