///////////////////////////////////////////////////////////

// "Live Clock" script - MultiClock beta (3.1b)

// By Mark Plachetta (astroboy@zip.com.au)

//

// Get the latest version from:

// http://www.zip.com.au/~astroboy/liveclock/

//

// Based on the original script: "Upper Corner Live Clock"

// available at:

// - Dynamic Drive (http://www.dynamicdrive.com)

// - Website Abstraction (http://www.wsabstract.com)

// ========================================================

// CHANGES TO ORIGINAL SCRIPT:

// - Gave more flexibility in positioning of clock

// - Added date construct

// - User configurable

// ========================================================

// This script is available free of charge, see the website

// for more information. Please check the website before

// e-mailing for help.

///////////////////////////////////////////////////////////



///////////////////////////////////////////////////////////

/////////////// CONFIGURATION /////////////////////////////



// The following are DEFAULTS, and will be assumed if

// values are not given when creating a clock.



  // Set the clock's font face:

  var LC_Font_Face = "Arial";



  // Set the clock's font size:

  var LC_Font_Size = "2";



  // Set the clock's font color:

  var LC_Font_Color = "#000066";

  

  // Set the clock's background color:

  var LC_Back_Color = "#0000ff";



  // Set any extra HTML to go either side the clock here:

  var LC_OpenTags = "";

  var LC_CloseTags = "";



  // Set the width of the clock (in pixels):

  var LC_Width = 125;

  

  // Set the height of the clock (in pixels):

  var LC_Height = 30;



  // Display the time in 24 or 12 hour time?

  // 0 = 24, 1 = 12

  var LC_12_Hour = 1;



  // How often do you want the clock updated?

  // 0 = Never, 1 = Every Second, 2 = Every Minute

  // If you pick 0 or 2, the seconds will not be displayed

  var LC_Update = 2;



  // Date Options:

  // 0 = No Date, 1 = dd/mm/yy, 2 = mm/dd/yy,

  // 3 = DDDD MMMM, 4 = DDDD MMMM YYYY

  var LC_DisplayDate = 1;



  // Abbreviate Day/Month names?

  // 0 = No, 1 = Yes;

  var LC_Abbrev = 0;



  // Your GMT Offset:

  // This will allow the clock to always be set to your local

  // time, rather than that of the visitor's system Clock.

  // Set to "null" to disable this feature.

  var LC_GMT = "+5.5";

  // Note that this does NOT take into account daylight savings.

  // You should add 1 to your GMT offset if daylight savings is

  // currently active in your area.



///////////////////////////////////////////////////////////

/////////////// GLOBALS ///////////////////////////////////



// Basic Browser detection

  var LC_IE = (document.all) ? 1 : 0;

  var LC_NS = (document.layers) ? 1 : 0;

  var LC_N6 = (window.sidebar) ? 1 : 0;

  var LC_Old = (!LC_IE && !LC_NS && !LC_N6) ? 1 : 0;



// Initialize an array to store the clocks in:

  var LC_Clocks = new Array();



// The following arrays contain data which is used in the

// clock's date function.

  var LC_DaysOfWeek = new Array(7);

      LC_DaysOfWeek[0] = ["Sunday","Sun"];

      LC_DaysOfWeek[1] = ["Monday","Mon"];

      LC_DaysOfWeek[2] = ["Tuesday","Tue"];

      LC_DaysOfWeek[3] = ["Wednesday","Wed"];

      LC_DaysOfWeek[4] = ["Thursday","Thu"];

      LC_DaysOfWeek[5] = ["Friday","Fri"];

      LC_DaysOfWeek[6] = ["Saturday","Sat"];



  var LC_MonthsOfYear = new Array(12);

      LC_MonthsOfYear[0] = ["January","Jan"];

      LC_MonthsOfYear[1] = ["February","Feb"];

      LC_MonthsOfYear[2] = ["March","Mar"];

      LC_MonthsOfYear[3] = ["April","Apr"];

      LC_MonthsOfYear[4] = ["May","May"];

      LC_MonthsOfYear[5] = ["June","Jun"];

      LC_MonthsOfYear[6] = ["July","Jul"];

      LC_MonthsOfYear[7] = ["August","Aug"];

      LC_MonthsOfYear[8] = ["September","Sep"];

      LC_MonthsOfYear[9] = ["October","Oct"];

      LC_MonthsOfYear[10] = ["November","Nov"];

      LC_MonthsOfYear[11] = ["December","Dec"];



// This array controls how often the clock is updated, based

// on your selection in the configuration.

  var LC_ClockUpdate = new Array(3);

      LC_ClockUpdate[0] = 0;

      LC_ClockUpdate[1] = 1000;

      LC_ClockUpdate[2] = 60000;



///////////////////////////////////////////////////////////

/////////////// FUNCTIONS /////////////////////////////////



// For Version 4+ browsers, write the appropriate HTML to

// the page for the clock, otherwise, attempt to write a

// static date to the page.

  function LC_CreateClock(Clock) {

    if (LC_IE || LC_N6) { clockTags = '<span id="'+Clock.Name+'" style="width:'+Clock.Width+'px; style="height:'+LC_Height+'px; background-color:'+Clock.BackColor+'"></span>'; }

    else if (LC_NS) { clockTags = '<ilayer width="'+Clock.Width+'" height="'+LC_Height+'" bgColor="'+Clock.BackColor+'" id="'+Clock.Name+'Pos"><layer id="'+Clock.Name+'"></layer></ilayer>'; }



    if (!LC_Old) { document.write(clockTags); }

    else { LC_UpdateClock(LC_Clocks.length-1); }

  }



// Set the update interval for each clock, and run any

// commands that may have been in <body onload="">

  function LC_InitializeClocks() {

    LC_OtherOnloads();

    if (LC_Old) { return; }

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

      LC_UpdateClock(i);

      eval('var '+LC_Clocks[i].Name+' = setInterval("LC_UpdateClock("+'+i+'+")",'+LC_ClockUpdate[LC_Clocks[i].Update]+')');

    }

  }



// Update a clock with the new time/date.

  function LC_UpdateClock(Clock) {

    Clock = LC_Clocks[Clock];



  // Get all our date variables.

    var time = new Date();

    if (!isNaN(Clock.GMT)) {

      var offset = time.getTimezoneOffset();

      if (parseInt(navigator.appVersion) == 4 && LC_NS) { offset += 60; }

      if (navigator.appVersion.indexOf('MSIE 3') != -1) { offset = offset * (-1); }

      time.setTime(time.getTime() + offset*60000);

      time.setTime(time.getTime() + Clock.GMT*3600000);

    }

    var day = time.getDay();

    var mday = time.getDate();

    var month = time.getMonth();

    var hours = time.getHours();

    var minutes = time.getMinutes();

    var seconds = time.getSeconds();

    var year = time.getYear();



  // Fix the "year" variable for Y2K.

    if (year < 1900) { year += 1900; }



  // Add appropriate th/st/rd if displaying full date.

    if (Clock.DisplayDate >= 3) {

      mday += "";

      abbrev = "th";

      if (mday.charAt(mday.length-2) != 1) {

        if (mday.charAt(mday.length-1) == 1) { abbrev = "st"; }

        else if (mday.charAt(mday.length-1) == 2) { abbrev = "nd"; }

        else if (mday.charAt(mday.length-1) == 3) { abbrev = "rd"; }

      }

      mday += abbrev;

    }



  // Set up the hours for either 24 or 12 hour display.

    var LC_AMPM = "";

    if (Clock.Hour12 == 1) {

      LC_AMPM = "AM";

      if (hours >= 12) { LC_AMPM = "PM"; hours -= 12; }

      if (hours == 0) { hours = 12; }

    }

    if (minutes <= 9) { minutes = "0"+minutes; }

    if (seconds <= 9) { seconds = "0"+seconds; }



  // This is the actual HTML of the Clock. If you're going to play

  // around with this, be careful to keep all your quotations in tact.

    var html = '<font color="'+Clock.FntColor+'" face="'+Clock.FntFace+'" size="'+Clock.FntSize+'">';

    html += Clock.OpenTags;

    html += hours+':'+minutes;

    if (Clock.Update == 1) { html += ':'+seconds; }

    if (Clock.Hour12) { html += ' '+LC_AMPM; }

    if (Clock.DisplayDate == 1) { html += ' '+mday+'/'+(month+1)+'/'+year; }

    if (Clock.DisplayDate == 2) { html += ' '+(month+1)+'/'+mday+'/'+year; }

    if (Clock.DisplayDate >= 3) { html += ' on '+LC_DaysOfWeek[day][Clock.Abbreviate]+', '+mday+' '+LC_MonthsOfYear[month][Clock.Abbreviate]; }

    if (Clock.DisplayDate >= 4) { html += ' '+year; }

    html += Clock.CloseTags;

    html += '</font>';



  // Write the clock to the layer.

    if (LC_NS) {

      var layer = document.layers[Clock.Name+"Pos"].document.layers[Clock.Name].document;

      layer.open();

      layer.write(html);

      layer.close();

    } else if (LC_N6 || LC_IE) {

      document.getElementById(Clock.Name).innerHTML = html;

    } else {

      document.write(html);

    }

  }



// Creates each clock object and stores them for updating.

  function LiveClock(vars) {

    if (!vars) { vars = ''; }

    vars = vars.split(',');

    this.Name = 'LiveClock' + LC_Clocks.length;

    this.FntFace = (vars[0]) ? vars[0] : LC_Font_Face;

    this.FntSize = (vars[1]) ? vars[1] : LC_Font_Size;

    this.FntColor = (vars[2]) ? vars[2] : LC_Font_Color;

    this.BackColor = (vars[3]) ? vars[3] : LC_Back_Color;

    this.OpenTags = (vars[4]) ? vars[4] : LC_OpenTags;

    this.CloseTags = (vars[5]) ? vars[5] : LC_CloseTags;

    this.Width = (vars[6]) ? vars[6] : LC_Width;

    this.Hour12 = (vars[7]) ? vars[7] : LC_12_Hour;

    this.Update = (vars[8]) ? vars[8] : LC_Update;

    this.Abbreviate = (vars[9]) ? vars[9] : LC_Abbrev;

    this.DisplayDate = (vars[10]) ? vars[10] : LC_DisplayDate;

    this.GMT = (vars[11]) ? vars[11] : LC_GMT;

    LC_Clocks[LC_Clocks.length] = this;

    LC_CreateClock(this);

}



///////////////////////////////////////////////////////////

/////////////// INITIALIZATION ////////////////////////////



// Save any extra onload events so we don't overwrite them.

  LC_OtherOnloads = (window.onload) ? window.onload : new Function;

  window.onload = LC_InitializeClocks;