//Analog clock script- By Kurt (kurt.grigg@virgin.net)

fCol='444444'; //face colour.
sCol='FF0000'; //seconds colour.
mCol='444444'; //minutes colour.
hCol='444444'; //hours colour.

Ybase=30; //Clock height.
Xbase=30; //Clock width.


H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
Ypos=0;
Xpos=0;
dots=12;
var jg_myWatch = new jsGraphics("myWatch");

Split=360/dots;


if (IE4){
  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  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">'+i+'</div>');
  }
  document.write('</div></div>')
  document.write('<div style="position:absolute;top:0px;left:0px;"><div style="position:relative">');
  for (i=0; i < M.length; i++){
    document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:3px;background:'+mCol+'"></div>');
  }
  document.write('</div></div>')
  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i < H.length; i++){
    document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:3px;background:'+hCol+'"></div>');
  }
  document.write('</div></div>')
  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i < S.length; i++){
    document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:3px;background:'+sCol+'"></div>');
  }
  document.write('</div></div>')

  //追加　干支時計
  var eto1=['未','未','申','申','酉','酉','戌','戌','亥','亥','子','子','丑'];
  var eto2=['丑','丑','寅','寅','卯','卯','辰','辰','巳','巳','午','午','未'];

  time2 = new Date ();

  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  for (i=0; i < dots; i++){
    if ((time2.getHours() >= 13) || (time2.getHours() < 1)) {
	eto = eto1[i];
    }
    else {
	eto = eto2[i];
    }
    document.write('<div id="ieDigits2" 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">'+eto+'</div>');
  }
  document.write('</div></div>');

  //追加　デジタル時計
  document.write('<div id="my_time" style="position:absolute;top:0px;left:0px;font-family:Arial;font-size:9px;color:'+fCol+';text-align:center;padding-top:10px">TimeFullYear</div>');


}

function clock(){


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


  var TimeFullYear 	= time.getFullYear();
  var TimeMonth		= time.getMonth() + 1;
  var TimeDate		= time.getDate();
  var TimeDay		= time.getDay();
  var TimeMilliseconds	= time.getMilliseconds();



  if (IE4){

    Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20;
    Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;


    Xpos=offset[0]+56;
    Ypos=offset[1]+50;

    //円
    
    if (0 == 0) {
	jg_myWatch.clear();
	jg_myWatch.setColor("#CAD0E5"); //円大
	jg_myWatch.fillEllipse( 7,  2, 96, 96); //円塗co-ordinates related to the document(左上x,左上y,横直径,縦直径)
	jg_myWatch.setColor("#E8AF48"); //円中
	jg_myWatch.fillEllipse(20, 15, 70, 70); //円塗co-ordinates related to the document(左上x,左上y,横直径,縦直径)
	jg_myWatch.setColor("#F9F966"); //円小
	jg_myWatch.fillEllipse(30, 25, 50, 50); //円塗co-ordinates related to the document(左上x,左上y,横直径,縦直径)


	var w_sec = -1.57 + Math.PI * secs/30;
	var w_min = -1.57 + Math.PI * mins/30;
	var w_hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
	var cx = 30 + 50 / 2; //円小の真ん中
	var cy = 25 + 50 / 2; //円小の真ん中
	var hrs_y = 17*Math.sin(w_hrs);
        var hrs_x = 17*Math.cos(w_hrs);
	var min_y = 29*Math.sin(w_min);
        var min_x = 29*Math.cos(w_min);
	var sec_y = 32*Math.sin(w_sec);
        var sec_x = 32*Math.cos(w_sec);
	jg_myWatch.setStroke(2);
	jg_myWatch.setColor("blue");
	jg_myWatch.drawLine(cx, cy, cx + hrs_x , cy + hrs_y);
	jg_myWatch.setColor("blue");
	jg_myWatch.drawLine(cx, cy, cx + min_x , cy + min_y);
	jg_myWatch.setStroke(1);
	jg_myWatch.setColor("black");
	jg_myWatch.drawLine(cx, cy, cx + sec_x , cy + sec_y);
	jg_myWatch.paint();

    }
    flg = 1;

    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 < dots; ++i){
      ieDigits2[i].style.pixelTop=Ypos-15+(Ybase+10)*Math.sin(-1.045 +i *Split*Math.PI/180);
      ieDigits2[i].style.pixelLeft=Xpos-15+(Xbase+10)*Math.cos(-1.045 +i *Split*Math.PI/180);
    }

    //デジタル時計
    if (hr >= 13) {eto = eto1[hr-13];}
    else if (hr == 0) {eto = eto1[11];}
    else {eto = eto2[hr-1];}


    my_time.style.pixelLeft=	offset[0]+0;
    my_time.style.pixelTop =	Ypos + 38;
    //document.getElementById("my_time").innerHTML = TimeFullYear+"/"+TimeMonth+"/"+TimeDate + " " + hr + ":" + mins + ":" + secs;

    
    if (hr % 2 == 0) {
	if (mins < 30) {
		my_toki = "三つ時";
	}
	else {
		my_toki = "四つ時";
	}
    }
    else {
	if (mins < 30) {
		my_toki = "一つ時";
	}
	else {
		my_toki = "二つ時";
	}
    }


    document.getElementById("my_time").innerHTML = "" + eto + "の刻 " + my_toki + " " + hr + ":" + mins + ":" + secs;



  }
  setTimeout('clock()',100);
}

flg = 0;

var offset = $('myWatch').positionedOffset();

clock();