var ver = parseInt(navigator.appVersion);
handleResize(true);

var menuName;
var imageOn;
imageOn = "";
menuName = "";
// yBottomOffset equals the height of the rollover trigger image
var yBottomOffset = 24;
// yTopOffset equals the height of the rollover trigger image
var yTopOffset = 24;

// browser requirement
var ver = parseInt(navigator.appVersion);
if (ver < 4) window.location.href = "needmore.htm"; 

// browser sniffer
var myBrowser = null;
if(document.all) {
  myBrowser = "IE";
} 
else if(document.layers) {
  myBrowser = "NN";
}
else if(document.getElementById) {
  myBrowser = "DOM";
}

function handleResize(init) {
  if (init==true) {
    if (myBrowser=="NN") {
   	  document.pgWidth=window.innerWidth;
      document.pgHeight=window.innerHeight;
      window.captureEvents(Event.RESIZE);
  	  window.onresize = handleResize;
    }
  }
  else {
    if (myBrowser=="NN" && parseInt(navigator.appVersion)==4) {
  	  if (window.innerWidth!=document.pgWidth || window.innerHeight!=document.pgHeight) {
	    location.reload();
	  }
	}
  }
}

// get style reference for layer object
function getLayer(ID) {
  if(typeof ID == "string") {
    if(myBrowser == "NN") {
      return(document.layers[ID]);
    } else if(myBrowser == "IE") {
      return(document.all[ID].style);
    } else if(myBrowser == "DOM") {
      return(document.getElementById(ID).style);
    }
  }
  else {
    return ID;
  }
}

// get layer left
function getLayerLeft(layerName) {
  var layerObj = getLayer(layerName);
  return(layerObj.left);
}

// get layer top
function getLayerTop(layerName) {
  var layerObj = getLayer(layerName);
  return(layerObj.top);
}

// get layer width
function getLayerWidth(layerName) {
  var layerObj = getLayer(layerName);
  if(myBrowser == "NN") {
    return(layerObj.clip.width);
  } else if(myBrowser == "IE" || myBrowser == "DOM") {
    return(layerObj.width);
  }
}

// get layer height
function getLayerHeight(layerName) {
  var layerObj = getLayer(layerName);
  if(myBrowser == "NN") {
    return(layerObj.clip.height);
  } else if(myBrowser == "IE" || myBrowser == "DOM") {
    return(layerObj.height);
  }
}

// show layer
function showLayer(layerName) {
	var layerObj = getLayer(layerName);
	if(myBrowser == "NN") {
    	layerObj.visibility='show';
  	} else if (myBrowser == "IE" || myBrowser == "DOM") {
    	layerObj.visibility='visible';
	}
}

// hide layer
function hideLayer(layerName) {
	var layerObj = getLayer(layerName);
	if(myBrowser == "NN") {
    	layerObj.visibility='hide';
  	} else if (myBrowser == "IE" || myBrowser == "DOM") {
    	layerObj.visibility='hidden';
	}
}

// move layer to absolute coordinates
function moveLayer(layerName, xPos, yPos) {
  var layerObj = getLayer(layerName);
  if(myBrowser == "NN") {
    layerObj.moveTo(xPos, yPos);
  } else if(myBrowser == "IE" || myBrowser == "DOM") {
    layerObj.left = xPos + "px";
    layerObj.top = yPos + "px";
  }
}

function mouseMove(e) {
	if ((myBrowser == "NN") || (myBrowser == "DOM")) {
    	menuOff(e.pageX,e.pageY);
  	} else if(myBrowser == "IE") {
    	menuOff(event.x,event.y);
	}
}


function menuOn(layerName, imgName) {
		if (menuName.length) hideLayer(menuName);
		if (imageOn.length) rollOff(imageOn);
		if (imgName.length) rollOn(imgName);
		menuName = layerName;
		showLayer(menuName);
		imageOn = imgName;		
}


function isOutside(xcord, ycord, left, right, top, bottom) {
	if ((xcord < left)||(xcord > right)||(ycord < top)||(ycord > bottom)) return true;
	else return false;
}

function menuOff(xcord, ycord) {
	var left,right,top,bottom;
	//document.xy.mx.value=xcord;
	//document.xy.my.value=ycord;
	if(menuName.length) {
		left = parseInt(getLayerLeft(menuName));
		right = left + parseInt(getLayerWidth(menuName));
		top = parseInt(getLayerTop(menuName)) - yTopOffset;
		bottom = top + parseInt(getLayerHeight(menuName)) + yBottomOffset;
	    // alert(left+','+right+','+top+','+bottom+','+xcord+','+ycord);
		if ((myBrowser == "NN") || (myBrowser == "DOM")) {
			if (isOutside(xcord, ycord, left, right, top, bottom)) { 
				if (imageOn){rollOff(imageOn)};
				imageOn = "";
				hideLayer(menuName);
				menuName = "";
			}
	  	} else if(myBrowser == "IE") {
			if (isOutside(xcord, ycord, left, right, top - document.body.scrollTop, bottom - document.body.scrollTop)) { 
				if (imageOn){rollOff(imageOn)};
				imageOn = "";
				hideLayer(menuName);
				menuName = "";
			}
	  	}
	}
}

if (myBrowser == "NN"){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = mouseMove;

document.popLoaded = true;