if(document.all){
	document.write("\n<STYLE TYPE='text/css'>\n.MENU .FilmFrames A, .MENU .FilmFrames SPAN {font-weight: normal; letter-spacing: .96em; font-family: fixed; }\n	.MENU .FilmFrames SPAN	{font-weight: bold; letter-spacing: .9em; }\n.MENU .FilmFrames A {letter-spacing: 1em; left: .65em; }\n</STYLE>\n");
}
var rad = 47;

var radsec = 40;
var radmin = 33;
var radhr = 20;

var xpos = 68;
var ypos = 68;
var content = '';
var drawnClockHand = 0;
var displayDigital = 1;
var donotDisplayCopy = 0;
var digitalDisplayStyle = 'inset';

var digits = "<DIV STYLE='left: px; top: px; font-size: 6pt; font-family: arial; font-weight: bold; height: 1em; width: 1.5em; line-height: 1em; border: silver 1px inset; border-left-style: none; border-right-style: none; -moz-border-radius: 1px; background: silver; text-align: right; padding-right: 1px; ' ID=>&nbsp;</DIV>";

var dot = "<DIV STYLE='left: px; top: px; '>&nbsp;</DIV>";
var dotsec = "<DIV STYLE='left: px; top: px; ' CLASS=Sec ID=>&nbsp;</DIV>";
var dotmin = "<DIV STYLE='left: px; top: px; ' CLASS=Min ID=>&nbsp;</DIV>";
var dothr = "<DIV STYLE='left: px; top: px; ' CLASS=Hr ID=>&nbsp;</DIV>";

////alert(Math.PI);
////draw(rad + 10, 0);
draw(rad + 21, rad * 2.5, 'white');
draw(rad + 19, rad * 2.5, 'black');
draw(rad + 17, rad * 2, 'white');
////draw(rad + 17, rad * 3);
////draw(rad, rad * 4);
draw(3, 10);
draw(rad + 15, 30);
draw(rad + 13, 30);
draw(rad + 11, 6);
draw(rad, 6);
draw(rad - 2, 6);
drawClockHand();

function drawClockHand(){
	var date = new Date();

	var i = (-1 * Math.PI) + ((Math.PI / 30) * date.getSeconds());
	var m = date.getMinutes() * 60 + date.getSeconds();
	var mi = (-1 * Math.PI) + ((Math.PI / 1800) * m);
	var h = date.getHours();
	h = (((h < 12)?(h):(h - 12)) * 60 * 60) + m;
	var hi = (-1 * Math.PI) + ((Math.PI / 21600) * h);
	for(var pxl = 1; pxl < radsec; pxl++){
//Get Second Hand Pos
		var sypos = Math.cos(i) * pxl;
		var sxpos2 = (pxl * pxl) - (sypos * sypos);
		var spol = (sxpos2 < 0)?(-1):(1);
		var sxpos = Math.sqrt(Math.abs(sxpos2)) * spol;
//Get Minute Hand Pos
		var mypos = Math.cos(mi) * pxl;
		var mxpos2 = (pxl * pxl) - (mypos * mypos);
		var mpol = (mxpos2 < 0)?(-1):(1);
		var mxpos = Math.sqrt(Math.abs(mxpos2)) * mpol;
//Get Hour Hand Pos
		var hypos = Math.cos(hi) * pxl;
		var hxpos2 = (pxl * pxl) - (hypos * hypos);
		var hpol = (hxpos2 < 0)?(-1):(1);
		var hxpos = Math.sqrt(Math.abs(hxpos2)) * hpol;

		var sdot = dotsec;
		var mdot = dotmin;
		var hdot = dothr;

		if(i < 0){
			sxpos += xpos;
			sypos += ypos;
		}else{
			sypos += ypos;
			sxpos = xpos - sxpos;
		}
		if(mi < 0 && pxl < radmin){
			mxpos += xpos;
			mypos += ypos;
		}else{
			mypos += ypos;
			mxpos = xpos - mxpos;
		}
		if(hi < 0 && pxl < radhr){
			hxpos += xpos;
			hypos += ypos;
		}else{
			hypos += ypos;
			hxpos = xpos - hxpos;
		}

		if(drawnClockHand){
			xPosition('sec'+pxl, sxpos, sypos);
//alert(mxpos+" "+mypos);
			if(pxl < radmin) xPosition('min'+pxl, mxpos, mypos);
			if(pxl < radhr) xPosition('hr'+pxl, hxpos, hypos);
			if(pxl == 2 && displayDigital){
//			document.getElementById('Radius').innerHTML = +date.getHours()+" Hours; "+date.getMinutes()+" Minutes; "+date.getSeconds()+" seconds";
				if(document.getElementById('dhr').innerHTML != date.getHours()+":") document.getElementById('dhr').innerHTML = date.getHours()+":";
				if(document.getElementById('dmin').innerHTML != date.getMinutes()+":") document.getElementById('dmin').innerHTML = date.getMinutes()+":";
				if(document.getElementById('dsec').innerHTML != date.getSeconds()) document.getElementById('dsec').innerHTML = date.getSeconds();
			}
		}else{
			if(pxl == 1 && displayDigital){
				var ddot = digits;
				ddot = ddot.replace(/left: /, 'left: '+ (xpos - 17));
				ddot = ddot.replace(/top: /, 'top: '+ (ypos - 30));
				ddot = ddot.replace(/border-left-style: none/, 'border-left-style: '+digitalDisplayStyle);
				ddot = ddot.replace(/ID=/, 'ID=dhr');
				content += ddot;
				ddot = digits;
				ddot = ddot.replace(/left: /, 'left: '+ (xpos - 5));
				ddot = ddot.replace(/top: /, 'top: '+ (ypos - 30));
				ddot = ddot.replace(/ID=/, 'ID=dmin');
				content += ddot;
				ddot = digits;
				ddot = ddot.replace(/left: /, 'left: '+ (xpos + 7));
				ddot = ddot.replace(/top: /, 'top: '+ (ypos - 30));
				ddot = ddot.replace(/ID=/, 'ID=dsec');
				ddot = ddot.replace(/border-right-style: none/, 'border-right-style: '+digitalDisplayStyle);
				content += ddot;
			}
			if(donotDisplayCopy != 1){
				ddot = digits;
				ddot = ddot.replace(/width: [^;]+;/, 'width: 8.8em;');
				ddot = ddot.replace(/(text-align:) [^;]+;/, "$1 center;");
				ddot = ddot.replace(/(padding:) [^;]+;/, "$1 1px;");
				ddot = ddot.replace(/(background:) [^;]+;/, "$1 transparent;");
				ddot = ddot.replace(/(border:) [^;]+;/, "$1 0px white none;");
				ddot = ddot.replace(/border-right-style: none/, 'border-right-style: none');
				ddot = ddot.replace(/border-left-style: none/, 'border-left-style: none');
				ddot = ddot.replace(/&nbsp;/, '&copy; 2003 <A HREF="http://acmecode.com">Acme Code</A>');
				ddot = ddot.replace(/STYLE=\'/, "STYLE='font-weight: normal; ");

				ddotshadow = ddot;
				ddot = ddot.replace(/left: /, 'left: '+ (xpos - 33));
				ddot = ddot.replace(/top: /, 'top: '+ (ypos + 15));
				ddot = ddot.replace(/STYLE=\'/, "STYLE='color: white; ");
				ddot = ddot.replace(/<A/, "<A STYLE='color: white; ' ");
//alert(ddot);
				ddotshadow = ddotshadow.replace(/left: /, 'left: '+ (xpos - 34));
				ddotshadow = ddotshadow.replace(/top: /, 'top: '+ (ypos + 14));
				ddotshadow = ddotshadow.replace(/STYLE=\'/, "STYLE='color: black; ");
				ddotshadow = ddotshadow.replace(/<A/, "<A STYLE='color: black; ' ");
//alert(ddotshadow);
				
//				alert(ddot);
				content += ddotshadow+ddot;
				donotDisplayCopy = 1;
			}

			if(pxl < radhr){
				hdot = hdot.replace(/left: /, 'left: '+ hxpos);
				hdot = hdot.replace(/top: /, 'top: '+ hypos);
				hdot = hdot.replace(/ID=/, 'ID=hr'+pxl);
				content += hdot;
			}
			if(pxl < radmin){
				mdot = mdot.replace(/left: /, 'left: '+ mxpos);
				mdot = mdot.replace(/top: /, 'top: '+ mypos);
				mdot = mdot.replace(/ID=/, 'ID=min'+pxl);
//				alert(pxl+" "+mdot+" "+radmin);
				content += mdot;
			}
			sdot = sdot.replace(/left: /, 'left: '+ sxpos);
			sdot = sdot.replace(/top: /, 'top: '+ sypos);
			sdot = sdot.replace(/ID=/, 'ID=sec'+pxl);
			content += sdot;
		}
//		++pxl;
	}
//	document.getElementById('Clock').innerHTML = '';
	if(!drawnClockHand){
//		document.getElementById('CCanvas').visibility = 'visible';
		document.getElementById('CCanvas').innerHTML = content;
	}
	drawnClockHand = 1;
	setTimeout("drawClockHand()", 800);
//	alternateMenu();
}

function draw(crad, step, color){
	var numbers = 0;
	if(step == 0){
		step = 6;
		numbers = 1;
	}
//	alert(color);

	var pos = 0
	for(var i = (-1 * Math.PI); i < Math.PI; i){
		var cypos = Math.cos(i) * crad;
		var cxpos2 = (crad * crad) - (cypos * cypos);
		var pol = (cxpos2 < 0)?(-1):(1);
		var cxpos = Math.sqrt(Math.abs(cxpos2)) * pol;

		var cdot = dot;
		if(i < 0){
			cxpos += xpos;
			cypos += ypos;
		}else{
			cypos += ypos;
			cxpos = xpos - cxpos;
		}
		cdot = cdot.replace(/left: /, 'left: '+ cxpos);
		cdot = cdot.replace(/top: /, 'top: '+ cypos);
		if(color) cdot = cdot.replace(/STYLE=\'/, "STYLE='background: "+ color+"; ");
		if(numbers){
			cdot = cdot.replace(/STYLE=\'/, "STYLE='font-size: 8pt; font-family: arial; margin-left: -3px; margin-top: -5px; background: transparent; font-weight: bold; height: 1em; width: 1em; line-height: 1em; ");
			if(pos) cdot = cdot.replace(/&nbsp;/, pos);
		}

		content += cdot;

		i += (Math.PI / step);
		++pos;
	}

	document.getElementById('CCanvas').innerHTML = content;
}

function changeForm(obj, targ){
	if(targ === undefined) targ = 'Form';
	var frm = eval("frm"+obj.innerHTML);

	frm = frm.replace(/ACTION=/, 'ACTION="'+obj.href+'"');

	document.getElementById(targ).innerHTML = frm;
}


function xPosition(id, x, y){
	var obj = document.getElementById(id);
	obj.style.left = x;
	obj.style.top = y;
}