<!-- 
var ns6=document.getElementById&&!document.all
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
start=true;

dCol='#0000ff';//farbe datum.
fCol='#993333';//farbe uhrziffern.
sCol='#ff0000';//farbe sekundenzeiger.
mCol='#660033';//farbe minutenzeiger.
hCol='#660033';//farbe stundenzeiger.

ClockHeight=40;//uhr höhe
ClockWidth=40;//uhr breite

ClockFromMouseY=0;
ClockFromMouseX=100;

d=new Array("SONNTAG","MONTAG","DIENSTAG","MITTWOCH","DONNERSTAG","FREITAG","SAMSTAG");
m=new Array("JANUAR","FEBRUAR","MÄRZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER");

date=new Date();
day=date.getDate();
year=date.getYear();

if (year< 2000)
  year=year+1900;

TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');

Face='1 2 3 4 5 6 7 8 9 10 11 12';
Face=Face.split(' ');
n=Face.length;

font='Arial Rounded MT Bold';
size=2;
a=size*10;

speed=0.6;

ymouse=0;
xmouse=0;

scrll=0;

props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";

Split=360/n;
Dsplit=360/D.length;

HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;

step=0.06;
currStep=0;

y=new Array();x=new Array();Y=new Array();X=new Array();

for (i=0; i< n; i++) {y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

for (i=0; i< D.length; i++) {Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

  document.write('<div id="Od" style="position:absolute;top:0px;left:0px;z-index:10;"><div style="position:relative">');
  for (i=0; i< D.length; i++)
    document.write('<div id="Date' + i + '" style="position:absolute;z-index:10;top:0px;left:0px;height:'+a+'px;width:'+a+'px;text-align:center">'+props2+D[i]+'</B></font></div>');
  document.write('</div></div>');

  document.write('<div id="Of" style="position:absolute;z-index:10;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i< n; i++)
    document.write('<div id="Face' + i + '" style="position:absolute;top:0px;left:0px;height:'+a+'px;width:'+a+'px;text-align:center">'+props+Face[i]+'</B></font></div>');
  document.write('</div></div>');

  document.write('<div id="Oh" style="position:absolute;z-index:10;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i< H.length; i++)
    document.write('<div id="Hours' + i + '" style="position:absolute;z-index:10;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
  document.write('</div></div>');

  document.write('<div id="Om" style="position:absolute;z-index:10;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i< M.length; i++)
    document.write('<div id="Minutes' + i + '" style="position:absolute;z-index:10;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
  document.write('</div></div>')

  document.write('<div id="Os" style="position:absolute;z-index:10;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i< S.length; i++)
    document.write('<div id="Seconds' + i + '" style="position:absolute;z-index:10;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
  document.write('</div></div>')

function Mouse(e) {

  xmouse = getMouseXPos(e) + ClockFromMouseX
  ymouse = getMouseYPos(e) + ClockFromMouseY

}

// Get the horizontal position of the mouse
function getMouseXPos(e) {
  if (document.layers||ns6) {
    return parseInt(e.pageX+10)
  } else {
    return (parseInt(event.clientX+10) + posLeft())
  }
}

// Get the vertical position of the mouse
function getMouseYPos(e) {
  if (document.layers||ns6) {
    return (parseInt(e.pageY))
  } else {
    return (parseInt(event.clientY))
  }
}

function ClockAndAssign() {

  time = new Date ();
  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.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

  if (document.layers||ns6) {
  } else {
    Od.style.top= posTop() + "px";
    Of.style.top= posTop() + "px";
    Oh.style.top= posTop()+ "px";
    Om.style.top= posTop() + "px";
    Os.style.top= posTop() + "px";
  }

  for (i=0; i< n; i++){
    var F = eval(docbitK + "Face" + i + docbitendK + stylebitK);
    F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll + "px";
    F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180) + "px";
  }

  for (i=0; i< H.length; i++){
    var HL = eval(docbitK + "Hours" + i + docbitendK + stylebitK);
    HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll + "px";
    HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs) + "px";
  }

  for (i=0; i< M.length; i++){
    var ML = eval(docbitK + "Minutes" + i + docbitendK + stylebitK);
    ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll + "px";
    ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min) + "px";
  }

  for (i=0; i< S.length; i++){
    var SL = eval(docbitK + "Seconds" + i + docbitendK + stylebitK);
    SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll + "px";
    SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec) + "px";
  }

  for (i=0; i< D.length; i++){
    var DL= eval(docbitK + "Date" + i + docbitendK + stylebitK);
    DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll + "px";
    DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180) + "px";
  }

  currStep-=step;

}

function Delay() {

  if (start) {
    start = false;
    if (document.layers) 
      document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = Mouse
  }

  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('Delay()',20);

}
//-->