// CREDITS:
// AnalagClock 2.01: select 3 different designs
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com/fast/index.html
// info@24fun.com
// 10/12/2000

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you have to insert a link to http://www.24fun.com/fast/index.html 
// right into the webpage where the script will be displayed.

// CONFIGURATION:
// Go to http://www.24fun.com/fast/index.html, open category 'date' and 
// download the ZIP-file of this script containing
// all images and step-by-step instructions for easy configuration

var clipTop=0
var clipBottom=clipTop+90
var clipLeft
var clipRight
var isNS

if (document.layers) { (isNS=true) }
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

var imgSeconds
var imgMinutes
var imgHours
var imgClock

var clipHours=""
var clipMinutes=""
var clipSeconds=""

var startLeft
var startTop

var tunePosHour=-2

var plusHours=0

var heute= new Date()
var datumtzahl="<font size=1>"+heute.getDate()+"</font>"

function initObjects() {
    if (document.all) {
        imgSeconds = document.all.imgSeconds.style
        imgMinutes = document.all.imgMinutes.style
        imgHours = document.all.imgHours.style
        imgClock = document.all.imgClock.style
        textDate.innerHTML=datumtzahl
        
        imgClock.posLeft=clockposLeft
        imgClock.posTop=clockposTop
        
        startLeft=clockposLeft+2
        startTop=clockposTop
        
        imgHours.posTop=startTop
        imgMinutes.posTop=startTop
        imgSeconds.posTop=startTop
    
        document.all.textDate.style.posTop=clockposTop+40
        document.all.textDate.style.posLeft=clockposLeft+63
    
        imgSeconds.visibility=VISIBLE
        imgMinutes.visibility=VISIBLE
        imgHours.visibility=VISIBLE
        imgClock.visibility=VISIBLE
        document.all.textDate.style.visibility=VISIBLE
    
        tickIE()
    }
    
    if (document.layers) {
        imgSeconds = document.imgSeconds
        imgMinutes = document.imgMinutes
        imgHours = document.imgHours
        imgClock = document.imgClock
        document.textDate.document.write(datumzahl)
        document.textDate.document.close()
        
        imgClock.left=clockposLeft
        imgClock.top=clockposTop
        
        startLeft=clockposLeft+2
        startTop=clockposTop
        
        imgHours.top=startTop
        imgMinutes.top=startTop
        imgSeconds.top=startTop
    
        document.textDate.top=clockposTop+40
        document.textDate.left=clockposLeft+61
        
        imgSeconds.visibility=VISIBLE
        imgMinutes.visibility=VISIBLE
        imgHours.visibility=VISIBLE
        imgClock.visibility=VISIBLE
        document.textDate.visibility=VISIBLE
    
        tickNS()
    }
}

function tickIE() {
    var now=new Date()
    var nowHours=now.getHours()
    var nowMinutes=now.getMinutes()
    var nowSeconds=now.getSeconds()
    if (nowHours>=12) {nowHours=nowHours-12}
    if (nowMinutes<12) {plusHours=0}
    if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
    if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
    if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
    if (nowMinutes>=48) {var plusHours=360}
    imgHours.posLeft=startLeft-(nowHours*90*5+plusHours)
    clipLeft=nowHours*90*5+plusHours
    clipRight=clipLeft+90
    clipHours="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
    imgHours.clip=clipHours 
    if (nowSeconds!=0) {
        imgMinutes.posLeft=startLeft-(nowMinutes*90)
        clipLeft=nowMinutes*90
        clipRight=clipLeft+90
        clipMinutes="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
        imgMinutes.clip=clipMinutes
    }
    imgSeconds.posLeft=startLeft-(nowSeconds*90)
    clipLeft=nowSeconds*90
    clipRight=clipLeft+90
    clipSeconds="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
    imgSeconds.clip=clipSeconds
    var runClock=setTimeout("tickIE()", 100);
}

function tickNS() {
    var now=new Date()
    var nowHours=now.getHours()
    var nowMinutes=now.getMinutes()
    var nowSeconds=now.getSeconds()
    if (nowHours >= 12) {nowHours=nowHours-12}
    if (nowMinutes<12) {plusHours=0}
    if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
    if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
    if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
    if (nowMinutes>=48) {var plusHours=360}
    imgHours.left=startLeft-(nowHours*90*5+plusHours)
    clipLeft=nowHours*90*5+plusHours
    clipRight=clipLeft+90
    imgHours.clip.left=clipLeft
    imgHours.clip.right=clipRight
    imgHours.clip.top=clipTop
    imgHours.clip.bottom=clipBottom
    if (nowSeconds!=0) {
        imgMinutes.left=startLeft-(nowMinutes*90)
        clipLeft=nowMinutes*90
        clipRight=clipLeft+90
        imgMinutes.clip.left=clipLeft
        imgMinutes.clip.right=clipRight
        imgMinutes.clip.top=clipTop
        imgMinutes.clip.bottom=clipBottom
    }
    imgSeconds.left=startLeft-(nowSeconds*90)
    clipLeft=nowSeconds*90
    clipRight=clipLeft+90
    imgSeconds.clip.left=clipLeft
    imgSeconds.clip.right=clipRight
    imgSeconds.clip.top=clipTop
    imgSeconds.clip.bottom=clipBottom

    var runClock = setTimeout("tickNS()", 100);
}

if (document.all) {
    document.write("<DIV ID='imgClock' STYLE='position:absolute;visibility:hidden'><img src='"+whichwatch+".gif'></DIV>")
    document.write("<DIV ID='textDate' STYLE='position:absolute;visibility:hidden'>&nbsp;</DIV>")
    document.write("<DIV ID='imgSeconds' STYLE='position:absolute;visibility:hidden'><img src='sekundenzeiger.gif'></DIV>")
    document.write("<DIV ID='imgHours' STYLE='position:absolute;visibility:hidden'><img src='stundenzeiger.gif'></DIV>")
    document.write("<DIV ID='imgMinutes' STYLE='position:absolute;visibility:hidden'><img src='minutenzeiger.gif'></DIV>")
    document.write("<DIV>&nbsp;</DIV>")
    document.close()
}

if (document.all) {
    window.onload=initObjects
}