var dCol='#5c0000';
	var fCol='#000000';//face colour.
	var sCol='#FF0000';//seconds colour.
	var mCol='#FF0000';//minutes colour.
	var hCol='#FF0000';//hours colour.
	var ClockHeight=40;
	var ClockWidth=40;
	var ClockFromMouseY=0;
	var ClockFromMouseX=100;

	var d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
	var m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
	var date=new Date();
	var day=date.getDate();
	var year=date.getYear();
	if (year < 2000) year=year+1900;
	var TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
	var D=TodaysDate.split('');
	var H='...';
	H=H.split('');
	var M='....';
	M=M.split('');
	var S='.....';
	S=S.split('');
	var Face='1 2 3 4 5 6 7 8 9 10 11 12';
	var font='Arial';
	var size=1;
	var speed=.8;
	Face=Face.split(' ');
	n=Face.length;
	var a=size*10;
	var ymouse=0;
	var xmouse=0;
	var scrll=0;
	var props="<font face="+font+" size="+size+" color="+fCol+"><B>";
	var props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
	var Split=360/n;
	var Dsplit=360/D.length;
	var HandHeight=ClockHeight/4.5
	var HandWidth=ClockWidth/4.5
	var HandY=-7;
	var HandX=-2.5;
	scrll=0;
	var step=0.06;
	var currStep=0;
	var y=new Array();
	var x=new Array();
	var Y=new Array();
	var X=new Array();
	for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
	var Dy=new Array();
	var Dx=new Array();
	var DY=new Array();
	var DX=new Array();
	for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
	$().ready(function(){
		ymouse = 40;
		xmouse=($("html").width()/2);
		$("html").mousemove(function(event){
			ymouse = event.pageY+ClockFromMouseY;
			xmouse = event.pageX+ClockFromMouseX;
		});
		scrll=$("html").scrollTop();
		clockworks();
	});

		$("body").append('<div class="Od clock"><div class="cbox">');
		for (i=0; i < D.length; i++)
		$("body").append('<div class="ieDate" style="height:'+a+';width:'+a+';">'+props2+D[i]+'</div>');
		$("body").append('</div></div>');
		$("body").append('<div class="Of clock"><div class="cbox">');
		for (i=0; i < n; i++)
		$("body").append('<div class="ieFace clock" style="height:'+a+';width:'+a+';">'+props+Face[i]+'</B></font></div>');
		$("body").append('</div></div>');
		$("body").append('<div class="Oh clock"><div class="cbox">');
		for (i=0; i < H.length; i++)
		$("body").append('<div class="ieHours clockhands" style="color:'+hCol+';">'+H[i]+'</div>');
		$("body").append('</div></div>');
		$("body").append('<div class="Om clock"><div class="cbox">');
		for (i=0; i < M.length; i++)
		$("body").append('<div class="ieMinutes clockhands" style="color:'+mCol+';">'+M[i]+'</div>');
		$("body").append('</div></div>');
		$("body").append('<div class="Os clock"><div class="cbox">');
		for (i=0; i < S.length; i++)
		$("body").append('<div class="ieSeconds clockhands" style="color:'+sCol+';">'+S[i]+'</div>');
		$("body").append('</div></div>');


	function ClockAndAssign(){
		var time = new Date ();
		var secs = time.getSeconds();
		var sec = -1.57 + Math.PI * secs/30;
		var mins = time.getMinutes();
		var min = -1.57 + Math.PI * mins/30;
		var hr = time.getHours();
		var hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
		var clocktop=$("html").scrollTop()+"px";
		$(".Od").css('top',clocktop);
		$(".Of").css('top',clocktop);
		$(".Oh").css('top',clocktop);
		$(".Om").css('top',clocktop);
		$(".Os").css('top',clocktop);

		$(".ieFace").each(function(i){
		 $(this).css({
			'top': Math.round(y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll)+'px',
			'left': Math.round(x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180))+"px"
			}); 
		 });
		$(".ieHours").each(function(i){
		 $(this).css({
			'top': Math.round(y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll)+"px",
			'left': Math.round(x[i]+HandX+(i*HandWidth)*Math.cos(hrs))+"px"
			});
		 });
		$(".ieMinutes").each(function(i){
		 $(this).css({
			'top': Math.round(y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll)+"px",
			'left': Math.round(x[i]+HandX+(i*HandWidth)*Math.cos(min))+"px"
			});
		});
		$(".ieSeconds").each(function(i){	
			$(this).css({
			'top':Math.round(y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll)+"px",
			'left':Math.round(x[i]+HandX+(i*HandWidth)*Math.cos(sec))+"px"
			});
		});
		$(".ieDate").each(function(i){
			$(this).css({
				'top': Math.round(Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll)+"px",
				'left': Math.round(Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180))+"px"
			});
		});
		 
		currStep-=step;
	}
	function clockworks(){
		
		Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
		Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
		for (i=1; i < D.length; i++){
		Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
		Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
		}
		y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
		x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
		for (i=1; i < n; i++){
		y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
		x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
		}
		ClockAndAssign();
		setTimeout('clockworks()',50);
	}