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

	// Set the clock's font face:
	var myfont_face = "Verdana, Arial, Helvetica, sans-serif";

	// Set the clock's font size (in point):
	var myfont_size = "9";

	// Set the clock's font color:
	var myfont_color = "#ffffff";
	
	// Set the clock's background color:
	var myback_color = "#1B1B1B";

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

	// 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 = 1;

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

// Browser detect code
        var ie4=document.all
        var ns4=document.layers
        var ns6=document.getElementById&&!document.all

// 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 MonthsOfYear = new Array(12);
		MonthsOfYear[0] = "01";
		MonthsOfYear[1] = "02";
		MonthsOfYear[2] = "03";
		MonthsOfYear[3] = "04";
		MonthsOfYear[4] = "05";
		MonthsOfYear[5] = "06";
		MonthsOfYear[6] = "07";
		MonthsOfYear[7] = "08";
		MonthsOfYear[8] = "09";
		MonthsOfYear[9] = "10";
		MonthsOfYear[10] = "11";
		MonthsOfYear[11] = "12";

	var DaysOfMonth = new Array(31);
		DaysOfMonth[1] = "01";
		DaysOfMonth[2] = "02";
		DaysOfMonth[3] = "03";
		DaysOfMonth[4] = "04";
		DaysOfMonth[5] = "05";
		DaysOfMonth[6] = "06";
		DaysOfMonth[7] = "07";
		DaysOfMonth[8] = "08";
		DaysOfMonth[9] = "09";
		DaysOfMonth[10] = "10";
		DaysOfMonth[11] = "11";
		DaysOfMonth[12] = "12";
		DaysOfMonth[13] = "13";
		DaysOfMonth[14] = "14";
		DaysOfMonth[15] = "15";
		DaysOfMonth[16] = "16";
		DaysOfMonth[17] = "17";
		DaysOfMonth[18] = "18";
		DaysOfMonth[19] = "19";
		DaysOfMonth[20] = "20";
		DaysOfMonth[21] = "21";
		DaysOfMonth[22] = "22";
		DaysOfMonth[23] = "23";
		DaysOfMonth[24] = "24";
		DaysOfMonth[25] = "25";
		DaysOfMonth[26] = "26";
		DaysOfMonth[27] = "27";
		DaysOfMonth[28] = "28";
		DaysOfMonth[29] = "29";
		DaysOfMonth[30] = "30";
		DaysOfMonth[31] = "31";
		
// 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"
	// Get all our date variables:
		var Digital = new Date();
		var day = Digital.getDate();
		var month = Digital.getMonth();
		var year = Digital.getFullYear();
		var hours = Digital.getHours();
		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 = ' ';
		myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'px;">';
		myclock += MonthsOfYear[month]+'.'+DaysOfMonth[day]+'.'+year;
		myclock += '<font style="color: #FDBE00;"> // </font>';
		myclock += hours+':'+minutes;
		if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
		myclock += ' '+dn;
		myclock += '</font>';
		myclock += ' ';
		
		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]); }
}