var fCol='ffffff'; //Background
var sCol='FF0000'; //second Color
var mCol='ffff00'; //Minute Color
var hCol='ffff00'; //Hour Color

var Ybase=40; //Clock Width Size
var Xbase=40; //Clock Height Size


var H='...';
H=H.split('');
var M='....';
M=M.split('');
var S='.....';
S=S.split('');
var NS4=(document.layers);
var NS6=(document.getElementById&&!document.all);
var IE4=(document.all);
var Ypos=0;
var Xpos=0;
var dots=12;
var Split=360/dots;

var dn = "";
var mn = "th";

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

if (NS6){
	for (i=1; i < dots+1; i++){
		document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px; z-index:2000;">'+i+'</div>');
	}
	for (i=0; i < M.length; i++){
		document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'; z-index:2000;"></div>');
	}
	for (i=0; i < H.length; i++){
		document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'; z-index:2000;"></div>');
	}
	for (i=0; i < S.length; i++){
		document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'; z-index:2000;"></div>');
	}
	
	document.write('<div id="nowDate" style="position:absolute;width:100px;height:15px;font-size:10px;color:white; z-index:2000;"></div>');
}

if (NS4){
	dgts='1 2 3 4 5 6 7 8 9 10 11 12';
	dgts=dgts.split(' ')
	for (i=0; i < dots; i++){
		document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
	}
	for (i=0; i < M.length; i++){
		document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
	}
	for (i=0; i < H.length; i++){
		document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
	}
	for (i=0; i < S.length; i++){
		document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
	}
}

if (IE4){
	document.write('<div style="position:absolute;top:0px;left:0px; z-index:2000;"><div style="position:relative; z-index:2000;">');
	for (i=1; i < dots+1; i++){
		document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px; z-index:2000;">'+i+'</div>');
	}
	document.write('</div></div>')
	
	document.write('<div style="position:absolute;top:0px;left:0px; z-index:2000;"><div style="position:relative; z-index:2000;">');
	for (i=0; i < M.length; i++){
		document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'; z-index:2000;"></div>');
	}
	document.write('</div></div>')
	
	document.write('<div style="position:absolute;top:0px;left:0px; z-index:2000;"><div style="position:relative; z-index:2000;">');
	for (i=0; i < H.length; i++){
		document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'; z-index:2000;"></div>');
	}
	document.write('</div></div>')
	
	document.write('<div style="position:absolute;top:0px;left:0px; z-index:2000;"><div style="position:relative; z-index:2000;">');
	for (i=0; i < S.length; i++){
		document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'; z-index:2000;"></div>');
	}
	document.write('</div></div>')
	
	document.write('<div style="position:absolute;top:0px;left:0px; z-index:2000;"><div style="position:relative; z-index:2000;">');
	document.write('<div id=nowDate style="position:absolute;width:100px;height:15px;font-size:10px;color:white; z-index:2000;"></div>');
	document.write('</div></div>')
}



function clock(){
	time = new Date ();
	
	var difftime = (time.getTimezoneOffset()-420) *60000;
	time.setTime(time.getTime()+difftime);
	
    var day = time.getDate();
    mday = time.getDate();
    mmonth = time.getMonth();
    myear = time.getYear();
	secs = time.getSeconds();
	sec = -1.57 + Math.PI * secs/30;
	mins = time.getMinutes();
	min = -1.57 + Math.PI * mins/30;
	hr = time.getHours();
	hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
	
	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"; }
    
    if (hr <= 9) {hr = '0' + hr}
	if (mins <= 9) {mins = '0' + mins}
	if (secs <= 9) {secs = '0' + secs}

	if (NS6){
		Ypos=window.pageYOffset+window.innerHeight-Ybase-55;
		Xpos=window.pageXOffset+window.innerWidth-Xbase-50;
		for (i=1; i < dots+1; i++){
			document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
			document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)
		}
		for (i=0; i < S.length; i++){
			document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec);
			document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec);
		}
		for (i=0; i < M.length; i++){
			document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min);
			document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min);
		}
		for (i=0; i < H.length; i++){
			document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);
			document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);
		}
		
		document.getElementById("nowDate").style.top = Ypos + 50;
		document.getElementById("nowDate").style.left = Xpos - 45;
		document.getElementById('nowDate').innerHTML = '<strong>PST</strong> '+hr+':'+mins+':'+secs+'<br>'+mday+mn+' '+MonthsOfYear[mmonth];
	}
	
	if (NS4){
		Ypos=window.pageYOffset+window.innerHeight-Ybase-20;
		Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
		for (i=0; i < dots; ++i){
			document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
			document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)
		}
		for (i=0; i < S.length; i++){
			document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec);
			document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec);
		}
		for (i=0; i < M.length; i++){
			document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min);
			document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min);
		}
		for (i=0; i < H.length; i++){
			document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);
			document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);
		}
	}

	if (IE4){
		Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-70;
		Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;
		for (i=0; i < dots; ++i){
			ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
			ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
		}
		for (i=0; i < S.length; i++){
			x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec);
			x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec);
		}
		for (i=0; i < M.length; i++){
			y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min);
			y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min);
		}
		for (i=0; i < H.length; i++){
			z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);
			z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);
		}
		
		nowDate.style.pixelTop = Ypos + 50;
		nowDate.style.pixelLeft = Xpos - 45;
		//document.getElementById('nowDate').innerHTML = '<strong>PST</strong> '+hr+':'+mins+':'+secs+'<br>'+mday+mn+' '+MonthsOfYear[mmonth];
		nowDate.innerHTML = '<strong>PST</strong> '+hr+':'+mins+':'+secs+'<br>'+mday+mn+' '+MonthsOfYear[mmonth];
	}
	setTimeout('clock()',100);
}
clock();
//-->