// JavaScript Document
/*
width : number;
align : string;
text-color : string;

*/
function currentDate(){
var days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var d = new Date();
dayValue = d.getDay();
dateValue = d.getDate();
monthValue = d.getMonth();
minuteValue = d.getMinutes();
hourValue = d.getHours();
secValue = d.getSeconds();	

	if(secValue < 10)secValue = '0'+secValue;
	if(minuteValue < 10)minuteValue = '0'+minuteValue;
	if(hourValue < 10)hourValue = '0'+hourValue;
	if(hourValue > 12){
		hourValue = hourValue-12;
		suffix = 'pm';
	}else{
		suffix = 'am';
	}
	if(navigator.appName.indexOf('Microsoft') != -1)year = (0000 + d.getYear());
	if (navigator.appName.indexOf('Netscape') != -1)year = (1900 + d.getYear());
	if(!document.getElementById("dateTime")){
		this.displayArea = document.createElement("input");
		this.displayArea.id = 'dateTime';
		appendDisplayArea = document.getElementById("clock");
		appendDisplayArea.appendChild(displayArea);
	}
	setDateTime = document.getElementById("dateTime");
	//write the clock content string
	this.clockContent = hourValue+':'+minuteValue+':'+secValue+' '+suffix+' - '+days[dayValue]+' '+dateValue+' '+months[monthValue]+' '+year+'  ';
	//set width to the final date(string) length + 5 for padding 
	this.displayArea.width = 230;
	// set field styles 
	this.displayArea.style.backgroundColor = 'transparent';
	this.displayArea.style.fontFamily = 'Verdana, Arial, Helvetica, sans-serif';
	this.displayArea.style.color = "#000000";
	this.displayArea.style.fontSize = '9px';
	this.displayArea.style.fontWeight = 'bold';
	this.displayArea.style.border = 'none';//'solid #cccccc 1px';
	this.displayArea.style.textAlign = 'center';
	// set date
	this.displayArea.value = clockContent;
	// do it all again*/
	timer = setTimeout("currentDate()", 1000);
}