function GetDay(nDay)
{
  var Days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
  return Days[nDay]
}

function GetMonth(nMonth)
{
  var Months = new Array("January","February","March","April","May","June", "July","August","September","October","November","December");
  return Months[nMonth]
}

function DateString()
{
  var Today = new Date();
  var suffix = "th";
  switch (Today.getDate())
  {
    case 1:
    case 21:
    case 31:
      suffix = "st"; break;
    case 2:
    case 22:
      suffix = "nd"; break;
    case 3:
    case 23:
      suffix = "rd"; break;
  };
  // day, month date-th, year
  var strDate = GetDay(Today.getDay()) + ", " + GetMonth(Today.getMonth()) + " " + Today.getDate() + suffix + ", " + Today.getFullYear();
  return strDate
}
var place = document.getElementById("currentdate");
place.innerHTML = 'on ' + DateString();

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 getWindowWH() {
  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;
  }
  return [myWidth, myHeight];
}

function setHintPosition() {
  var hint = document.getElementById('hint');
  wh = getWindowWH();
  sc = getScrollXY();
  if (sc[1] < 300) {
    hint.style.visibility = 'visible';
    hint.style.left = (wh[0] - hint.offsetWidth) / 2;
    hint.style.top = wh[1] + sc[1] - hint.offsetHeight - 1;
  } else
    hint.style.visibility = "hidden";
}
window.onload = setHintPosition;
window.onresize = setHintPosition;
window.onscroll = setHintPosition;