var iFt,iQi,iMe,iCm,df,bn=0	// Globals
D=document; DA=D.all

function clip(c,i)	{return (i<0)?0:(i>c)?c:i}

function update(q,c,s) {
	if(DA)	Bar.style.pixelTop=80-Math.round(q/5)
	else	D.Bar.top= D.BarRel.pageY+80-Math.round(q/5)
	D.iArrow.src= s
	f= (q-(q%=48))/48
	m= (c-(c%=100))/100
	if(f!=iFt) df.nFt.value= ' '+(iFt=f)
	if(q!=iQi) {
	 iQi=q
	 i= (q-(q%=4))/4
	 df.nIn.value= (i>9?i:'0'+i)+' '+" ¼½¾".charAt(q)
	}
	if(m!=iMe) df.nMe.value= ' '+(iMe=m)
	if(c!=iCm) df.nCm.value= (iCm=c)>9? c: '0'+c
}

ro="0.0+0.5*df.nRound.selectedIndex"
la=new Image();la.src="larrow.gif"
ra=new Image();ra.src="rarrow.gif"
function fromQi(q) {update(q,Math.floor(eval(ro)+q*2.54/4),ra.src)}
function fromCm(c) {update(Math.floor(eval(ro)+c*400/254),c,la.src)}


function doClick(inc,e) {
 df.nCm.focus()
 if (!e||!DA) {
	if(e) x= e.pageX
	b= bn?bn: x<df.bIn.x?1: x<df.bMe.x?2: x<df.bCm.x?3: 4

	inc*= b<2?48: b==3?100: 1
	if(b<3)	fromQi(clip(400, 48*iFt+iQi+inc))
	else	fromCm(clip(254,100*iMe+iCm+inc))
 }
 return false
}

function ws(a,b,c,d,e,f,g,h) {
 window.status=a+' '+b+' '+c+' '+d+' '+e+' '+f+' '+g+' '+h
}

var dragB
function draginit(e) {
 window.focus()
 dragB=	e? e.which: event.button
 dY=	e? D.Bar.top-e.pageY-D.BarRel.pageY: Bar.style.pixelTop-event.clientY
 if(!DA) D.captureEvents(Event.MOUSEMOVE)
 D.onmousemove=dragmove
 return false
}

function dragmove(e) {
 if (dragB==(e? e.which: event.button)){
	Y= (e? e.pageY: event.clientY)+dY
	v= Y<0? 80: Y>80? 0: 80-Y	// 0..80
	;(e? e.pageX*2<window.innerWidth: event.clientX*2<D.body.clientWidth)?
		fromQi(5*v): fromCm(((v*=254)-v%80)/80)
	return false
 }
}

function dragstop() {
 dragB=-1
 if(!DA) D.releaseEvents(Event.MOUSEMOVE)
 D.onmousemove=''
}

function ShowAt(o,s,p) { o.x=p?s.pageX:s.x; o.y=p?s.pageY:s.y; o.visibility="show" }


if(!DA)D.write("<style>.abshid{position:absolute;visibility:hide}#BarRel{position:relative;visibility:hide}</style>")

D.write(
"<MAP NAME=mapA>"+
" <AREA HREF=about:+	COORDS=1,01,13,11 onClick=return(doClick(+1,event)) onMouseup=doClick(+1)>"+
" <AREA HREF=about:-	COORDS=1,12,13,23 onClick=return(doClick(-1,event)) onMouseup=doClick(-1)>"+
"</MAP>"+

(!DA ?
"<div id=Bar class=abshid><a href=about:+/-><img border=0 src=barHJCC2.gif></a></div>"+
"<div id=dFt class=abshid><img src=button+-.gif USEMAP=#mapA onMouseover=bn=1 border=0></div>"+
"<div id=dIn class=abshid><img src=button+-.gif USEMAP=#mapA onMouseover=bn=1 border=0></div>"+
"<div id=dMe class=abshid><img src=button+-.gif USEMAP=#mapA onMouseover=bn=1 border=0></div>"+
"<div id=dCm class=abshid><img src=button+-.gif USEMAP=#mapA onMouseover=bn=1 border=0></div>"+
"<table width=354 border=0 cellpadding=0 cellspacing=0 background=bgHJCC.gif><tr><td>"+
 "<table width=354 border=0 cellpadding=0 cellspacing=0 background=''>"+
  "<tr><td height=8><div id=BarRel><img border=0 src=barHJCC2.gif></div></td>"
:
"<table width=354 background=bgHJCC.gif border=0 cellpadding=0 cellspacing=0>"+
  "<tr><td height=8><div id=Bar style=position:relative;cursor:hand;width:1;height:1"+
	  "><table background=barHJCC2.gif width=354 height=8><tr><td></table></div>"
)+

  "<tr><th height=78>"+
	"<table "+(DA?"style='position:relative'":"")+" border=2 cellspacing=0 bgcolor=yellow><tr><td>"+
	 "<table border=0 cellpadding=0 cellspacing=1>"+
	  "<tr valign=middle>"+
	   "<td><FORM NAME=fCalc>&nbsp;</td>"+
	   "<td><img src=button+-.gif NAME=bFt USEMAP=#mapA onMouseover=bn=1 border=0></td>"+
	   "<td><INPUT NAME=nFt	TYPE=TEXT SIZE="+(DA?1:2)+" value=.4 onFocus=blur()></td>"+
	   "<td>ft&nbsp;</td>"+
	   "<td><img src=button+-.gif NAME=bIn USEMAP=#mapA onMouseover=bn=2 border=0></td>"+
	   "<td><INPUT NAME=nIn	TYPE=TEXT SIZE="+(DA?3:4)+" value=02 onFocus=blur()></td>"+
	   "<td>in&nbsp;</td>"+
	   "<td><img src=rarrow.gif NAME=iArrow></td>"+
	   "<td>&nbsp;</td>"+
	   "<td><img src=button+-.gif NAME=bMe USEMAP=#mapA onMouseover=bn=3 border=0></td>"+
	   "<td><INPUT NAME=nMe	TYPE=TEXT SIZE="+(DA?1:2)+" value=.1 onFocus=blur()></td>"+
	   "<td>m&nbsp;</td>"+
	   "<td><img src=button+-.gif NAME=bCm USEMAP=#mapA onMouseover=bn=4 border=0></td>"+
	   "<td><INPUT NAME=nCm	TYPE=TEXT SIZE="+(DA?1:2)+" value=27 onFocus=blur()></td>"+
	   "<td>cm&nbsp;"+
	  "<tr><th colspan=15><small>"+
	   "<select name=nRound onChange=(D.iArrow.src==ra.src)?fromQi(48*iFt+iQi):fromCm(100*iMe+iCm)>"+
		"<option selected>Official Conversion (round down)"+
		"<option	>Closest Conversion (round off)"+
	   "</select>"+
	  "</table>"+
	 "</table>"+

 "<tr><td height=8>"+
(DA?
	 "</FORM>"+
"</table>"
:
 "</table>"+
"</table></FORM>"
)
)


df=D.fCalc
if(!DA){ShowAt(D.Bar,D.BarRel,1)
	ShowAt(D.dFt,df.bFt)
	ShowAt(D.dIn,df.bIn)
	ShowAt(D.dMe,df.bMe)
	ShowAt(D.dCm,df.bCm)
	D.Bar.captureEvents(Event.MOUSEDOWN)
	D.captureEvents(Event.MOUSEUP)
	D.Bar.onmousedown=draginit
} else	Bar.onmousedown=draginit
D.onmouseup=	dragstop
fromCm(245)