var viewport = {
  getWinWidth: function () {
    this.width = 0;
if (window.innerWidth) this.width = window.innerWidth - 18;
else if (document.documentElement && document.documentElement.clientWidth) 
this.width = document.documentElement.clientWidth;
else if (document.body && document.body.clientWidth) this.width = document.body.clientWidth;
  },getWinHeight: function () {
this.height = 0;
if (window.innerHeight) this.height = window.innerHeight - 18;
else if (document.documentElement && document.documentElement.clientHeight) 
this.height = document.documentElement.clientHeight;
else if (document.body && document.body.clientHeight) 
this.height = document.body.clientHeight;
  },
  
  getScrollX: function () {this.scrollX = 0;
if (typeof window.pageXOffset == "number") this.scrollX = window.pageXOffset;
else if (document.documentElement && document.documentElement.scrollLeft) this.scrollX = document.documentElement.scrollLeft;
else if (document.body && document.body.scrollLeft) this.scrollX = document.body.scrollLeft;
else if (window.scrollX) this.scrollX = window.scrollX;  }, getScrollY: function () {
this.scrollY = 0;    
    if (typeof window.pageYOffset == "number") this.scrollY = window.pageYOffset;
else if (document.documentElement && document.documentElement.scrollTop)
this.scrollY = document.documentElement.scrollTop;
else if (document.body && document.body.scrollTop) 
this.scrollY = document.body.scrollTop; 
else if (window.scrollY) this.scrollY = window.scrollY;},
getAll: function () {   
this.getWinWidth(); 
this.getWinHeight();
 this.getScrollX();
this.getScrollY();}}