$(document).ready(function () {
    GetRemainingWindowHeight()
    $(window).resize(function () {
        GetRemainingWindowHeight();
    });
});

function GetRemainingWindowHeight() {
    var windowheight = $(window).height();
    var mainNavigationHeight = $('.pnlMainNavigation').innerHeight();
    var paddingTop = parseInt($('.pnlContentWrapper').css('padding-top'));
    var relativeTopPositionPageWrapper = parseInt($('.pnlPageWrapper').css('margin-top'));
    var headerHeight = $('.pnlHeader').innerHeight() + (relativeTopPositionPageWrapper);
    var footerHeight = $('.pnlFooterWrapper').innerHeight();
    var contentMinHeight = windowheight - (headerHeight + mainNavigationHeight + paddingTop + footerHeight);

    $('.pnlContentWrapper').css('min-height', contentMinHeight);
}

// little plugin by
// Russ Cam
// http://stackoverflow.com/questions/1708429/wrap-three-repeating-div-groups-into-one-using-jquery
(function ($) {

    $.fn.wrapChildren = function (options) {

        var options = $.extend({
            childElem: undefined,
            sets: 1,
            wrapper: 'div'
        }, options || {});
        if (options.childElem === undefined) return this;

        return this.each(function () {
            var elems = $(this).children(options.childElem);
            var arr = [];

            elems.each(function (i, value) {
                arr.push(value);
                if (((i + 1) % options.sets === 0) || (i === elems.length - 1)) {
                    var set = $(arr);
                    arr = [];
                    set.wrapAll($("<" + options.wrapper + ">"));
                }
            });
        });
    }
})(jQuery);

// wrap customCkTemplate for Gallery Script
$(function () {
    $('.pnlAdminScrollableInnerWrapper').wrapChildren({
        childElem: '.pnlAdminScrollableItem',
        sets: 8,
        wrapper: 'div class="pnlAdminScrollableGroup clearfix"'
    });
});