function  getElementsByAttribute(attribute, attributeValue)
{
  var elementArray  = new Array();
  var matchedArray  = new Array();

  if  (document.all)
  {
    elementArray = document.all;
  }
  else
  {
    elementArray  = document.getElementsByTagName("*");
  }

  for (var i=0; i<elementArray.length; i++)  {

    if  (attribute == "class")  {
      var pattern = new RegExp("(^| )" + attributeValue + "( |$)");

      if (pattern.test(elementArray[i].className))
      {
        matchedArray[matchedArray.length] = elementArray[i];
      }

    }
    else if (attribute == "for")
    {
      if  (elementArray[i].getAttribute("htmlFor") ||  elementArray[i].getAttribute("for"))
      {
        if  (elementArray[i].htmlFor == attributeValue)
        {
          matchedArray[matchedArray.length] = elementArray[i];
        }
      }
    }
    else if (elementArray[i].getAttribute(attribute) == attributeValue)
    {
      matchedArray[matchedArray.length] = elementArray[i];
    }

  }

  return matchedArray;

}


function getScrollingPosition()
{
  var position  = [0,0];

  if  (typeof window.pageYOffset != 'undefined')
  {
    position  = [window.pageXOffset,window.pageYOffset];
  }
  else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0)
  {
    position  = [document.documentElement.scrollLeft,document.documentElement.scrollTop];
  }
  else if (typeof document.body.scrollTop != 'undefined')
  {
    position  = [document.body.scrollLeft, document.body.scrollTop];
  }

  return position;

}

function getViewportSize()
{
  var size  = [0,0];

  if  (typeof window.innerWidth != 'undefined')
  {
    size  = [window.innerWidth,window.innerHeight];
  }
  else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)
  {
    size  = [document.documentElement.clientWidth,document.documentElement.clientHeight];
  }
  else
  {
    size  = [document.getElementsByTagName('body')[0].clientWidth, document.getElementsByTagName('body')[0].clientHeight,];
  }

  return  size;

}