CubeResize = {
  RESIZE_MIN: 600,
  RESIZE_MAX: 1200,
  INTERVAL: 0,

  ELEMENTS_TO_RESIZE: [],
  
  initialize: function(){
    $(window).resize(function() {
      clearTimeout(CubeResize.INTERVAL);
      CubeResize.INTERVAL = setTimeout(CubeResize.resize, 250);
    });
    CubeResize.resize(true);
  },
  resize: function(skip_anim) {
    var wh = $(window).height()-25;
    wh = wh > CubeResize.RESIZE_MIN ? wh : CubeResize.RESIZE_MIN; wh = wh < CubeResize.RESIZE_MAX ? wh : CubeResize.RESIZE_MAX;
    var ww = $(window).width()-($("#menu").width()+10);
    ww = ww > CubeResize.RESIZE_MIN ? ww : CubeResize.RESIZE_MIN; ww = ww < CubeResize.RESIZE_MAX ? ww : CubeResize.RESIZE_MAX;
    
    var p = ww<=wh ? ww : wh;
    var pv= ww<=wh ? ww : wh;
    p =  Math.round(p/80)-1;
    //p = p>=7 ? p : 7;
    pv = p;
    p+="px";

    
    $("#container").css({width: (pv*80+800) + "px"});  
      
    var a=0;
    var etr = CubeResize.ELEMENTS_TO_RESIZE;
    for(a; a<etr.length; a++) {
      if(etr[a].css("fontSize")!=p) {
        ScrollPanes.killScrolls();
        if( skip_anim!=true ) {
          etr[a].animate( { fontSize: p, easing: 'linear' }, 300, "linear", CubeResize.onResized );
        }else{
          etr[a].css( { fontSize: p } );
          CubeResize.onResized();
        }
      }
    }
  },
  onResized: function(){
    ScrollPanes.updateScrolls();
  }
}