function getObj(name){
              
	if (document.getElementById){
       	return document.getElementById(name).style;
        }
    else if (document.all){
        return document.all[name].style;
        }
    else if (document.layers){
        return document.layers[name];
        }
}

function writeCoor(e) {
var x=(navigator.appName.indexOf("Netscape")!=-1)?e.pageX:event.x;
var y=(navigator.appName.indexOf("Netscape")!=-1)?e.pageY:event.y;
window.status="Mouse x-coordinate: "+x+" Mouse y-coordinate: "+y;
showPopUp(x,y)
}


function showPopUp(x,y){
	if(document.all){
		xw=document.body.clientWidth
		xh=document.body.clientHeight
		}
	else if(document.layers||document.getElementById){
		xw=innerWidth
		xh=innerHeight
		}
	window.status="xh= " + xh
	if(x+144>xw){x=x-134}
	if(y+170>xh){y=y-160}

	var obj=getObj("menuBack");
	obj.left=x-43;
	obj.top=y-20
	obj.visibility="visible";

	var obj=getObj("item1");
	obj.left=x-10;
	obj.top=y-10;
	obj.visibility="visible"
		
	var obj=getObj("item2");
	obj.left=x-10;
	obj.top=y+24;
	obj.visibility="visible"

	var obj=getObj("item3");
	obj.left=x-10;
	obj.top=y+58;
	obj.visibility="visible"

	var obj=getObj("item4");
	obj.left=x-10;
	obj.top=y+92;
	obj.visibility="visible"

	var obj=getObj("item5");
	obj.left=x-10;
	obj.top=y+126;
	obj.visibility="visible"



	if(document.layers){
		var obj=getObj("item6");
		obj.left=x-10;
		obj.top=y+160;
		obj.visibility="visible"
	}
	
}
function hidePopUp(){
	getObj("item1").visibility="hidden"
	getObj("item2").visibility="hidden"
	getObj("item3").visibility="hidden"
	getObj("item4").visibility="hidden"
	getObj("item5").visibility="hidden"
	getObj("item6").visibility="hidden"
	getObj("menuBack").visibility="hidden"
}

function showMenuInstruct(action){
	
	var obj=getObj("menuInstruct");
	obj.visibility=action;
	return true
}

// shows layer from middle out ... requires getObj

var lyrRef, ht=220;
                          function init(obj) {
                          	lyrRef=getObj(obj)
                          }

                          // ideas from dynduo, brainjar and bratta
                          function getClipValues(lyr) {
                          if (document.layers) {
                          var clipVal = new Array();
                          clipVal[0] = lyr.clip.top;
                          clipVal[1] = lyr.clip.right;
                          clipVal[2] = lyr.clip.bottom;
                          clipVal[3] = lyr.clip.left;
                          } else {
                          var clipVal = lyr.clip.substring(5,lyr.clip.length-1).split(' ');
                          for (var i=0; i<4; i++) {
                          clipVal[i] = parseInt(clipVal[i]);
                          }
                          }
                          return clipVal;
                          }

                          function clipBy(lyr,top,rt,btm,lft) {
                          if (document.layers) {
                          lyr.clip.top += top;
                          lyr.clip.right += rt;
                          lyr.clip.bottom += btm;
                          lyr.clip.left += lft;
                          } else {
                          var clipVal = getClipValues(lyr);
                          lyr.clip = "rect(" + Number(clipVal[0]+top) + "px " + Number(clipVal[1]+rt) + "px " + Number(clipVal[2]+btm) + "px "
                          + Number(clipVal[3]+lft) + "px)"
                          }
                          }

                          var t1,t2;
                          function grow() {
                          if (t2 != null) clearInterval(t2);
                          if (t1 != null) clearInterval(t1);
                          	t1=setInterval('slideOut()',10);
                          }

                          function shrink() {
                          if (t2 != null) clearInterval(t2);
                          if (t1 != null) clearInterval(t1);
                          t2=setInterval('slideIn()',10);
						  
                          }

                          function slideOut() {
                          if (!lyrRef) return;
                          var clipVal = getClipValues(lyrRef);
                          if (clipVal[2]<ht) clipBy(lyrRef,-5,5,5,-5);
                          else clearInterval(t1);
                          }

                          function slideIn() {
                          if (!lyrRef) return;
                          var clipVal = getClipValues(lyrRef);
                          if (clipVal[2]>110){ clipBy(lyrRef,5,-5,-5,5);}
                          else {clearInterval(t2);
						  
							
							}
                          }
// end of show layer from middle out


function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);



if (navigator.appName.indexOf("Netscape")!=-1) document.captureEvents(Event.MOUSEDOWN);
document.onclick=writeCoor;
//-->