var clipTop=0             //value of top of image
var clipBottom=clipTop+60 //value of bottom of image
var clipLeft              //always calculated
var clipRight             //always calculated

var isNS                  //NS v IE
if (document.layers) { (isNS=true) }
var HidDEN = (isNS) ? 'hide' : 'hidden';   //NS hide and show
var VISIBLE = (isNS) ? 'show' : 'visible'; //IE hidden and visible

var imgSeconds  // this resets style to hidden
var imgMinutes
var imgHours
var imgClock

var clipHours=""    //these variables declared empty
var clipMinutes=""
var clipSeconds=""

var startLeft=-18   //-5these variables declared with starting values
var startTop=85
var tunePosHour=-2

function initObjects() {

if (document.all) {
imgSeconds = document.all.imgSeconds.style //hidden absolute
imgMinutes = document.all.imgMinutes.style //hidden absolute
imgHours = document.all.imgHours.style     //hidden absolute
imgClock = document.all.imgClock.style     //hidden absolute

startLeft=-18
startTop=85

imgHours.posTop=startTop   //posTop of hours style is 85
imgMinutes.posTop=startTop //posTop of min style is 85
imgSeconds.posTop=startTop //posTop of sec stlye is 85

imgSeconds.visibility=VISIBLE //sec style is visible
imgMinutes.visibility=VISIBLE //min style is visible
imgHours.visibility=VISIBLE   //hr style is visible
imgClock.visibility=VISIBLE   //this overrides style to make visible

tickIE()
}
	
if (document.layers) {
imgSeconds = document.imgSeconds
imgMinutes = document.imgMinutes
imgHours = document.imgHours
imgClock = document.imgClock

startLeft=-18
startTop=78

imgHours.top=startTop
imgMinutes.top=startTop
imgSeconds.top=startTop

imgSeconds.visibility=VISIBLE
imgMinutes.visibility=VISIBLE
imgHours.visibility=VISIBLE
imgClock.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}
//get values for hr/min/sec in 12 hr format

imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour) 
clipLeft = -(imgHours.posLeft)+42
clipRight= clipLeft+60
clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
imgHours.clip=clipHours

imgMinutes.posLeft=-((nowMinutes)*60+startLeft)
clipLeft = -(imgMinutes.posLeft)+42
clipRight= clipLeft+60
clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
imgMinutes.clip=clipMinutes

imgSeconds.posLeft=-((nowSeconds)*60+startLeft)
clipLeft = -(imgSeconds.posLeft)+47
clipRight= clipLeft+60
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}
imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour+2)
clipLeft = -(imgHours.left)+42
clipRight= clipLeft+60

imgHours.clip.left = clipLeft
imgHours.clip.right = clipRight
imgHours.clip.top = clipTop
imgHours.clip.bottom = clipBottom

imgMinutes.left=-((nowMinutes)*60+startLeft)
clipLeft = -(imgMinutes.left)+42
clipRight= clipLeft+60
imgMinutes.clip.left = clipLeft
imgMinutes.clip.right = clipRight
imgMinutes.clip.top = clipTop
imgMinutes.clip.bottom = clipBottom

imgSeconds.left=-((nowSeconds)*60+startLeft)
clipLeft = -(imgSeconds.left)+47
clipRight= clipLeft+60
imgSeconds.clip.left = clipLeft
imgSeconds.clip.right = clipRight
imgSeconds.clip.top = clipTop
imgSeconds.clip.bottom = clipBottom
var runClock = setTimeout("tickNS()", 100);
}
