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

// Set the clock's background color:
var myback_color = "#F8F6F6";

// Set the width of the clock (in pixels):
var mywidth = 210;

// Display the time in 24 or 12 hour time?
// 0 = 24, 1 = 12
var my12_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 myupdate = 2;

/////////////// END CONFIGURATION /////////////////////////
///////////////////////////////////////////////////////////

// Browser detect code
var ie4=document.all
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var agt=navigator.userAgent.toLowerCase();
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

if (ie4) myupdate = 1;

// Global varibale definitions:
var dn = "";
var mn = "th";
var old = "";

// The following arrays contain data which is used in the clock's
// date function. Feel free to change values for Days and Months
// if needed (if you wanted abbreviated names for example).
var DaysOfWeek = new Array(7);
	DaysOfWeek[0] = "Sunday";
	DaysOfWeek[1] = "Monday";
	DaysOfWeek[2] = "Tuesday";
	DaysOfWeek[3] = "Wednesday";
	DaysOfWeek[4] = "Thursday";
	DaysOfWeek[5] = "Friday";
	DaysOfWeek[6] = "Saturday";

var MonthsOfYear = new Array(12);
	MonthsOfYear[0] = "January";
	MonthsOfYear[1] = "February";
	MonthsOfYear[2] = "March";
	MonthsOfYear[3] = "April";
	MonthsOfYear[4] = "May";
	MonthsOfYear[5] = "June";
	MonthsOfYear[6] = "July";
	MonthsOfYear[7] = "August";
	MonthsOfYear[8] = "September";
	MonthsOfYear[9] = "October";
	MonthsOfYear[10] = "November";
	MonthsOfYear[11] = "December";

// This array controls how often the clock is updated,
// based on your selection in the configuration.
var ClockUpdate = new Array(3);
ClockUpdate[0] = 0;
ClockUpdate[1] = 1000;
ClockUpdate[2] = 60000;

// For Version 4+ browsers, write the appropriate HTML to the
// page for the clock, otherwise, attempt to write a static
// date to the page.
if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }

// The main part of the script:
function show_clock() {
	if (old == "die") return;

	//show clock in NS 4
	if (ns4) document.ClockPosNS.visibility="show"

	//GMT + 8
	// Get all our date variables:
	var localTime = new Date();
	var ms = localTime.getTime()
	     + (localTime.getTimezoneOffset() * 60000)
	     + 8 * 3600000;
	var Digital = new Date(ms);
	var day = Digital.getDay();
	var mday = Digital.getDate();
	var month = Digital.getMonth();
	var hours = Digital.getHours();
	var yr = Digital.getFullYear();
	var minutes = Digital.getMinutes();
	var seconds = Digital.getSeconds();

	// Set up the hours for either 24 or 12 hour display:
	if (my12_hour) {
		dn = "AM";
		if (hours > 12) {
			dn = "PM";
			hours = hours - 12;
		}
		if (hours == 0) hours = 12;
	}
	else dn = "";

	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.
	myclock = "<p><b>Webmaster's Time (GMT + 0800):</b><br>"

	myclock += DaysOfWeek[day]+', '+MonthsOfYear[month]+' '+mday+', '+yr;

	if ((myupdate < 2) || (myupdate == 0)) { myclock += "<br />"+hours+':'+minutes+':'+seconds; }
	else myclock += ", "+hours+':'+minutes;

	myclock += ' '+dn+'</p>';

	if (old == "true") {
		document.write(myclock);
		old = "die";
		return;
	}

	// Write the clock to the layer:
	if (ns4) {
		clockpos = document.ClockPosNS;
		liveclock = clockpos.document.LiveClockNS;
		liveclock.document.write(myclock);
		liveclock.document.close();
	}
	else if (ie4)	LiveClockIE.innerHTML = myclock;
	else if (ns6)	document.getElementById("LiveClockIE").innerHTML = myclock;

	if (myupdate != 0) {
		setTimeout("show_clock()",ClockUpdate[myupdate]);
	}
}