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();
  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 - 170;

  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 =  60;
    }
    else {
      /* pageOverlayActionBoxTop = (viewportOffset.top + viewportDimensions.height / 2) - pageOverlayActionBoxDimensions.height / 2; */
      pageOverlayActionBoxTop = viewportOffset.top + 60;
    }

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

    var pageOverlayActionBoxLeft = 0;

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

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

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

  $('pageOverlayActionBox').show();

  pageOverlayActionBoxPositioned = true;
  pageOverlayActionBoxVisible=true;
}