function getScrollYCoords() {
  var y;
  if (document.documentElement && document.documentElement.scrollTop) {
    y = document.documentElement.scrollTop;
  }
  else if (document.body && document.body.scrollTop) {
    y = document.body.scrollTop;
  }
  else if (window.pageYOffset) {
    y = window.pageYOffset;
  }
  else if (window.scrollY) {
    y = window.scrollY;
  }
  if (typeof(y) == 'number') {
    return y;
  }
  return 0;
}

function getClientWidth() {
  if (typeof(window.innerWidth) == 'number') {
    return window.innerWidth;
  } 
  else if (document.documentElement &&
          (document.documentElement.clientWidth)) {
    return document.documentElement.clientWidth;
  }
  else if (document.body && (document.body.clientWidth)) {
    return document.body.clientWidth;
  }
}

function getClientHeight() {
  if (typeof(window.innerWidth) == 'number') {
    return window.innerHeight;
  } 
  else if (document.documentElement && 
          (document.documentElement.clientHeight)) {
    return document.documentElement.clientHeight;
  }
  else if (document.body && (document.body.clientHeight)) {
    return document.body.clientHeight;
  }
}

function getTotalDocumentHeight() {
  if (window.innerHeight && typeof(window.scrollMaxY) !== 'undefined') {
    return window.innerHeight + window.scrollMaxY;
  }
  else if (document.body.scrollHeight > document.body.offsetHeight) {
    return document.body.scrollHeight;
  }
  else {
    return document.body.offsetHeight + document.body.offsetTop;
  }
}