var viewportwidth;
var viewportheight;
 
 
if (typeof window.innerWidth != 'undefined')
{
	viewportwidth = window.innerWidth;
	viewportheight = window.innerHeight;
}
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0)
{
  viewportwidth = document.documentElement.clientWidth;
  viewportheight = document.documentElement.clientHeight;
}
else
{
	viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
	viewportheight = document.getElementsByTagName('body')[0].clientHeight;
}
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 ];
}