function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}


function getSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  var ret = new Array(2);
  ret[0] = myWidth;
  ret[1] = myHeight;
  return ret;
}


function updateSize(what1, what2) {
var shader = document.getElementById(what1);
if (shader.style.display=='block') {
	var bug = document.getElementById(what2);
	var size=getSize();
	shader.style.width = size[0]+'px';
	shader.style.height = size[1]+'px';
	bug.style.width = size[0]+'px';
	bug.style.height = size[1]+'px';
	
	var scroll = getScrollXY();
	shader.style.top = scroll[1]+'px';
	shader.style.left = scroll[0]+'px';
	bug.style.top = scroll[1]+'px';
	bug.style.left = scroll[0]+'px';
}
}

function setUpdating() {
updateSize('shader','bug');
}