///////////////////////////////////////////////////////////
// "Live Clock Advanced" script - Version 1.0
// By Mark Plachetta (astroboy@zip.com.au)
//
// Get the latest version at:
// 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 (Advanced version only)
// - User configurable
// ========================================================
// Both "Advanced" and "Lite" versions are available free
// of charge, see the website for more information on the
// two scripts.
///////////////////////////////////////////////////////////

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

	// Set the clock's font face:
	var myfont_face = "Arial";

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

	// Set the clock's font color:
	var myfont_color = "#196db5";
	
	// Set the clock's background color:
	var myback_color = "#FFFFFF";

	// Set the text to display before the clock:
	var mypre_text = "";

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

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

	// Display the date?
	// 0 = No, 1 = Yes
	var DisplayDate = 0;

/////////////// END CONFIGURATION /////////////////////////
///////////////////////////////////////////////////////////
	var LiveTimer='';
// 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 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" align="left" style="width:'+mywidth+'px; background-color:'+myback_color+';margin:0px;"></span>'); }
	else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide" style="margin:0px;"><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.getDay();
		var mday = Digital.getDate();
		var month = Digital.getMonth();
		var hours = Digital.getHours();

		var minutes = Digital.getMinutes();
		var seconds = Digital.getSeconds();

	// Fix the "mn" variable if needed:
		if (mday == 1) { mn = "st"; }
		else if (mday == 2) { mn = "nd"; }
		else if (mday == 3) { mn = "rd"; }
		else if (mday == 21) { mn = "st"; }
		else if (mday == 22) { mn = "nd"; }
		else if (mday == 23) { mn = "rd"; }
		else if (mday == 31) { mn = "st"; }

	// 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+';">';
		myclock += mypre_text;
		myclock += hours+':'+minutes;
		if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
		myclock += ' '+dn;
		if (DisplayDate) { myclock += ' on '+DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month]; }
		myclock += '</font>';
		//alert(myclock);
		/* if (old == "true") {
			document.write(myclock);
			old = "die";
			return;
		} */
		
		var d = new Date();
		var t_date = d.getDate();      
		var t_mon = d.getMonth();      
		var t_year = d.getFullYear();  
		var t_hour = d.getHours();     
		var t_min = d.getMinutes();
		var t_sec  = d.getSeconds();
		var t_zone = d.getTimezoneOffset();
		dateText = "";
		var t_day = d.getDay();
		if (t_day == 0)
			dateText += "Sunday";
		else if (t_day == 1)
			dateText += "Monday";
		else if (t_day == 2)
			dateText += "Tuesday";
		else if (t_day == 3)
			dateText += "Wednesday";
		else if (t_day == 4)
			dateText += "Thursday";
		else if (t_day == 5)
			dateText += "Friday";
		else if (t_day == 6)
			dateText += "Saturday";
		monthtext = "";
		if (t_mon == 0)
			monthtext += "January";
		if (t_mon == 1)
			monthtext += "February";
		if (t_mon == 2)
			monthtext += "March";
		if (t_mon == 3)
			monthtext += "April";
		if (t_mon == 4)
			monthtext += "May";
		if (t_mon == 5)
			monthtext += "June";
		if (t_mon == 6)
			monthtext += "July";
		if (t_mon == 7)
			monthtext += "August";
		if (t_mon == 8)
			monthtext += "September";
		if (t_mon == 9)
			monthtext += "October";
		if (t_mon == 10)
			monthtext += "November";
		if (t_mon == 11)
			monthtext += "December";
		timetext = "";
		if (t_hour >= 12) {
			timetext = "PM"
		} else {
			timetext = "AM"
		}
		hour = "";
		if (t_hour == 1)
			hour += "1"
		else if (t_hour == 2)
			hour += "2"
		else if (t_hour == 3)
			hour += "3"
		else if (t_hour == 4)
			hour += "4"
		else if (t_hour == 5)
			hour += "5"
		else if (t_hour == 6)
			hour += "6"
		else if (t_hour == 7)
			hour += "7"
		else if (t_hour == 8)
			hour += "8"
		else if (t_hour == 9)
			hour += "9"
		else if (t_hour == 10)
			hour += "10"
		else if (t_hour == 11)
			hour += "11"
		else if (t_hour == 12)
			hour += "12"
		else if (t_hour == 13)
			hour += "1"
		else if (t_hour == 14)
			hour += "2"
		else if (t_hour == 15)
			hour += "3"
		else if (t_hour == 16)
			hour += "4"
		else if (t_hour == 17)
			hour += "5"
		else if (t_hour == 18)
			hour += "6"
		else if (t_hour == 19)
			hour += "7"
		else if (t_hour == 20)
			hour += "8"
		else if (t_hour == 21)
			hour += "9"
		else if (t_hour == 22)
			hour += "10"
		else if (t_hour == 23)
			hour += "11"
		else if (t_hour == 24)
			hour += "12"
		min = "";
		if (t_min == 0)
			min += "00"
		else if (t_min == 1)
			min += "01"
		else if (t_min == 2)
			min += "02"
		else if (t_min == 3)
			min += "03"
		else if (t_min == 4)
			min += "04"
		else if (t_min == 5)
			min += "05"
		else if (t_min == 6)
			min += "06"
		else if (t_min == 7)
			min += "07"
		else if (t_min == 8)
			min += "08"
		else if (t_min == 9)
			min += "09"
		else 
		min += t_min
		t_zone=	new Date().toUTCString();
		var long_time;
		long_time = "Chennai, INDIA - "+myclock+ " " + dateText + "  " + monthtext +" "+ t_date +"&nbsp;"+ "," +"&nbsp;"+ t_year + "&nbsp;" + "IST";
		document.getElementById("LongTime").innerHTML = long_time;

	// 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) { LiveTimer=setTimeout("show_clock()",ClockUpdate[myupdate]); }
}