var winW = 630, winH = 460;
if (parseInt(navigator.appVersion)>3) {
 if (navigator.appName=="Netscape") {
  winW = window.innerWidth;
  winH = window.innerHeight;
 }
 if (navigator.appName.indexOf
("Microsoft")!=-1) {
  winW = document.body.offsetWidth;
  winH = document.body.offsetHeight;
 }
}
pageLoadComplete = false

//document.write("Window width = "+winW+"<br>"+"Window height = "+winH)
<!--

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
tempX = 0
tempY = 0
topHeight = 200
topWidth = (winW/5)*2
midHeight = 400

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
   if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  //document.Show.MouseX.value = tempX
 // document.Show.MouseY.value = tempY 
  if(pageLoadComplete == true){
  if (tempY < topHeight && tempX < topWidth){
	  document.getElementById('face').style.backgroundPosition = 'left';
  }else if(tempY <topHeight && tempX >(winW-topWidth)){
	  document.getElementById('face').style.backgroundPosition = 'right';
  }else if(tempY <topHeight && tempX <(winW-topWidth) && tempX > topWidth){
	  document.getElementById('face').style.backgroundPosition = 'center';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }else if(tempY <midHeight && tempY >topHeight && tempX < topWidth){
	  document.getElementById('face').style.backgroundPosition = 'left';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }else if(tempY <midHeight && tempY >topHeight && tempX >(winW-topWidth)){
	  document.getElementById('face').style.backgroundPosition = 'right';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }else if(tempY <midHeight && tempY >topHeight && tempX <(winW-topWidth) && tempX > topWidth){
	  document.getElementById('face').style.backgroundPosition = 'center';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }else if(tempY >midHeight && tempX < topWidth){
	  document.getElementById('face').style.backgroundPosition = 'left';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }else if(tempY >midHeight && tempX >(winW-topWidth)){
	  document.getElementById('face').style.backgroundPosition = 'right';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }else if(tempY >midHeight && tempX <(winW-topWidth) && tempX > topWidth){
	  document.getElementById('face').style.backgroundPosition = 'center';
	  if (expanding == false){collapse('boxRight');collapse('boxLeft')}
  }
  }
  return true
}
//-->
