<script type="text/javascript">
$(document).ready(function()
{
// ID of CMS view
var cmsViewID = "#wb_CmsView1";
// ID of body layer
var cmsBodyLayer = "#Layer1";
// ID of footer layer
var cmsFooterLayer = "#Layer2";
// do not change anything after this...
// set height of CMS view to 'auto'
$(cmsViewID).css('height', 'auto');
// set overflow to visible
$(cmsViewID).css('overflowY', 'visible');
// get (dynamic) height of CMS view
var height = $(cmsViewID).outerHeight();
// save old height
var oldHeight = $(cmsBodyLayer).height();
// calculate new height
var newHeight = height + $(cmsViewID).offset().top - $(cmsBodyLayer).offset().top;
// do not shrink layout, only expand...
if (newHeight > oldHeight)
{
$(cmsBodyLayer).height(newHeight);
// move footer
var newTop = $(cmsBodyLayer).offset().top + $(cmsBodyLayer).height();
$(cmsFooterLayer).offset({ top: newTop });
}
});
</script>
