$(document).ready(function(){
    
    /* side-column */
    var sideCol = $('.side-content');
    var mainCol = $('.main-content');
    
    var sideContent = $('.side-content-misc');
    var mainContent = $('.main-content-inner');
    
    var sideScrollH = sideCol.height() - sideCol.find('.side-content-nav').innerHeight();
    var mainScrollH = mainCol.height() - mainCol.find('.crumbs').outerHeight(true);
    
    sideContent.css('height', sideScrollH + 'px');
    mainContent.css('height', mainScrollH + 'px');
  
    sideCol.css('left', 0);
    
    
    /* add gib bg image */
    var imgPath = 'fileadmin/img/bgpaper/bg-paper3.jpg';
    $('body').prepend('<div style="height: 100%; width: 100%; overflow: hidden;" class="bgimg"><img width="1" height="1" src="'+ imgPath +'"></div>');
    
    
    /* resize and positioning */
    resize();
    contentPos();
    
    window.onresize = function() {
      resize();
      contentPos();
    }
    
    $('.main-content-inner').jScrollPane();
    $('.side-content-misc').jScrollPane(
      {
        horizontalDragMaxWidth: 0
      }
    );
    
});


function contentPos(){
     var wW = $('body').innerWidth();
     var wH = $('body').innerHeight();
     
     var cW = $('#main').innerWidth();
     var cH = $('#main').innerHeight();
     
     var spareW = (wW - cW)/2;
     var spareH = (wH - cH)/2;
     
     if(spareW < 0){
            spareW = 0;
     }
     
     if(spareH < 0){
            spareH = 0;
     }
     
     var cPosX = $('#main').css('left', spareW + 'px');
     var cPosY = $('#main').css('top', spareH + 'px');

}

function resize() {
     var ww = $('body').innerWidth();
     var wh = $('body').innerHeight();
     var iw = 1360;
     var ih = 1024;
     var scale = ww / iw;
     var niw = iw * scale;
     var nih = ih * scale;
     var img = jQuery('div.bgimg img');

     if (nih < wh) {
  scale = wh / ih;
  niw = iw * scale;
  nih = ih * scale;
     }

     img.width(niw);
     img.height(nih);
}