resize kendo splitter to full vertical height of window

resize.js

$("#vertical").kendoSplitter({
    orientation: "vertical",
        panes: [
            { collapsible: false, resizable: false, size: "100px" },
            { collapsible: false },
            { collapsible: false, resizable: false, size: "100px" }
        ]
    });

$("#horizontal").kendoSplitter({
    panes: [
        { collapsible: true },
        { collapsible: false },
        { collapsible: true }
    ]
});

$(window).resize(function() {
    resizeSplitter()
});

var resizeSplitter = function() {
    var topHeight = 100;
    var bottomHeight = 100;
    var centerHeight = $(window).height() - (topHeight + bottomHeight);

    var splitter = $("#vertical").data("kendoSplitter");
 
    splitter.size("#topPane", topHeight + "px");
    splitter.size("#middlePane", centerHeight + "px");
    splitter.size("#bottomPane", bottomHeight + "px");
    
    splitter.trigger("resize")
};