// Generate office wallclock

ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
monitor = (screen.width > 1280)? true : false;
var mx=0;
var my=0;
var outer;
var now=new Date(); 
var ringX=new Array();
var ringY=new Array();
ringX[7]=[80,94,100,94,77,53,28,11,5,11,28,53];
ringY[7]=[8,26,50,74,91,97,91,74,50,26,8,2];
var hours=new Array();
var minutes=new Array();
var seconds=new Array();

var txt=(monitor)? '<div id="outer" style="position:absolute; z-index: 12; left:950px; top:95px; width:44px; height:44px; visibility:visible;"><img src="http://www.itproduction.net/images/pages_company/pic_10.png" width="44" height="44" border="0" class="png">' : '<div id="outer" style="position:absolute; z-index: 12; left: 555px; top:95px; width:44px; height:44px; visibility:visible"><img src="http://www.itproduction.net/images/pages_company/pic_10.png" width="44" height="44" border="0" class="png">';
for(i=1;i<=5;i++)txt+='<div id="sec'+i+'" style="position:absolute; width:1px; height:1px; background-color:#cc0000; font-size:1px;"></div>';
for(i=1;i<=4;i++)txt+='<div id="min'+i+'" style="position:absolute; width:1px; height:1px; background-color:#5f5f5f; font-size:1px;"></div>';
for(i=1;i<=3;i++)txt+='<div id="hrs'+i+'" style="position:absolute; width:1px; height:1px; background-color:#5f5f5f; font-size:1px;"></div>';
txt+='</div>';
document.write(txt);

function runclock(){
now=new Date();
now.hrs=now.getHours();
now.min=now.getMinutes();
now.sec=now.getSeconds();
if(now.hrs==12)now.hrs=0;
now.hrs=(now.hrs>12)? now.hrs-12 : now.hrs;
now.hrs=Math.floor((now.hrs*5)+(now.min/12));
for(n=0;n<hours.length;n++)moveid(hours[n], ringX[n][now.hrs], ringY[n][now.hrs]);
for(n=0;n<minutes.length;n++)moveid(minutes[n], ringX[n][now.min], ringY[n][now.min]);
for(n=0;n<seconds.length;n++)moveid(seconds[n], ringX[n][now.sec], ringY[n][now.sec]);
}

function moveid(id,x,y){
id.style.left=x+'px';
id.style.top=y+'px';
}

function getid(idstr){
return document.getElementById(idstr);
}

window.onload=function(){
  for(i=1;i<=3;i++)hours[i-1]=getid('hrs'+i);
  for(i=1;i<=4;i++)minutes[i-1]=getid('min'+i);
  for(i=1;i<=5;i++)seconds[i-1]=getid('sec'+i);
  outer=getid('outer');
  var cnt=[0];
  var radius=3;
  var result=new Array();
  for(i=1;i<=60;i++){
  cnt[i]=cnt[i-1]+((Math.PI*2)/60);
  cnt[i-1]+=Math.PI/180;
  }
  for(num=0;num<=6;num++){
  ringX[num]=new Array();
  ringY[num]=new Array();
  for(i=1;i<=60;i++){
  result=((i-15)<0)? 60+i-15 : i-15;
  ringX[num][i]=Math.floor((num*radius*Math.cos(cnt[result]))+21);
  ringY[num][i]=Math.floor((num*radius*Math.sin(cnt[result]))+20);
  }
  ringX[num][0]=ringX[num][60];
  ringY[num][0]=ringY[num][60];
  }
  setInterval('runclock()',100);
 
}