function updateClock(){
  var currentTime = new Date();

  var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
  var days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");

  var currentDay = days[currentTime.getDay()];
  var currentDate =  currentTime.getDate();
  var currentMonth = months[currentTime.getMonth()];
  var currentYear = currentTime.getFullYear();
  var currentHours = currentTime.getHours ();
  var currentMinutes = currentTime.getMinutes ();
  var currentSeconds = currentTime.getSeconds ();

  // Get the date suffix
  switch(currentDate % 10){
      case 1:
        dateSuffix = "st";
        break;

      case 1:
            dateSuffix = "nd";
            break;

      case 3:
            dateSuffix = "rd";
            break;

      default:
            dateSuffix = "th";
            break;
      
  }
  
  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = currentDay + ", " + currentDate + dateSuffix + " " + currentMonth + ", " + currentYear + 
  "<br />" + currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

  // Update the time display
  $("#clock").html(currentTimeString);
}

$(document).ready(function(){
    updateClock(); 
    setInterval("updateClock()", 1000 );
});