var mainContainerName = 'wxlMasterTable';
var pageOverlayActionBoxPositioned = false;
var pageOverlayActionBoxVisible = false;

function pageOverlayShow() {

  $('pageOverlayActionBox').hide();

  var wrapperHeight = $('wxlPageWrapper').getHeight();
  var clientHeight = document.viewport.getHeight();
  
  $('pageOverlay').setStyle({
    top: '0px',
    left: '0px',
    width: '100%',
    height: ((wrapperHeight >= clientHeight) ? wrapperHeight : clientHeight) + 'px',
    visibility:'visible'
  });
}

function pageOverlayHide() {

  $('pageOverlay').setStyle({ visibility:'hidden' });
  
  pageOverlayActionBoxPositioned = false;
  pageOverlayActionBoxVisible = false;
}


/*
 * new function to close the different layers
 */
function pageOverlayHideAll() {

  $('pageOverlay').setStyle({ visibility:'hidden' });
  $('pageOverlayActionBox').hide();
  $('pageOverlayActionBox').update('');
  
  pageOverlayActionBoxPositioned = false;
  pageOverlayActionBoxVisible = false;
}

function setOverlayPosition() {

  if(pageOverlayActionBoxVisible == true) {
    pageOverlayActionBoxPositioned = false;
    positionPageOverlayActionBox();
  }

}

/*
 * resize the overlay in height, using from nls tree for showing categories, regions
 */
function setOverlayHeight(command) {

  var optHeight = document.viewport.getDimensions().height - 220;

  if($('ocontent') && command == "collapse" && $('ocontent').getHeight() > optHeight ) {
     $('ocontent').setStyle({'height':'auto'});
     setOverlayHeight("expand");
  }

  if($('ocontent') && command == "expand" && $('ocontent').getHeight() > optHeight){
     $('ocontent').setStyle({'height': optHeight +'px','overflow':'auto'});
  }
}

function positionPageOverlayActionBox() {

  if (!pageOverlayActionBoxPositioned) {
  
    var viewportOffset = document.viewport.getScrollOffsets();
    var viewportDimensions = document.viewport.getDimensions();
    var pageOverlayActionBoxDimensions = $('pageOverlayActionBox').getDimensions();
    var pageOverlayActionBoxTop = 0;

    if ($('wxlPageWrapper').getHeight() < viewportDimensions.height) {
      /* pageOverlayActionBoxTop = $('wxlPageWrapper').getHeight() / 2 - pageOverlayActionBoxDimensions.height / 2; */
      pageOverlayActionBoxTop =  40;
    }
    else {
      /* pageOverlayActionBoxTop = (viewportOffset.top + viewportDimensions.height / 2) - pageOverlayActionBoxDimensions.height / 2; */
      pageOverlayActionBoxTop = viewportOffset.top + 40;
    }

    if (pageOverlayActionBoxTop < 0) {
      pageOverlayActionBoxTop = 10;
    }

    var pageOverlayActionBoxLeft = 0;
 
    if ($(mainContainerName).getWidth() > viewportDimensions.width) {
      pageOverlayActionBoxLeft = viewportOffset.left + viewportDimensions.width / 2 - pageOverlayActionBoxDimensions.width / 2;
    }
    else {
      pageOverlayActionBoxLeft = (viewportDimensions.width / 2) - ($('pageOverlayActionBox').getWidth() / 2);
    }
    

    if (pageOverlayActionBoxLeft < 0) {
      pageOverlayActionBoxLeft = 10;
    }

    $('pageOverlayActionBox').setStyle({
      top: pageOverlayActionBoxTop + 'px',
      left: pageOverlayActionBoxLeft + 'px'
    });
  }

  $('pageOverlayActionBox').show();

  pageOverlayActionBoxPositioned = true;
  pageOverlayActionBoxVisible = true;
}