var ver = parseInt(navigator.appVersion);

handleResize(true);



var name;

var imageOn;

imageOn = "";

name = "";

// yBottomOffset equals the height of the rollover trigger image

var yBottomOffset = 35;

// yTopOffset equals the height of the rollover trigger image

var yTopOffset = 35;



// 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 (name.length) hideLayer(name);

		if (imageOn.length) rollOff(imageOn);

		if (imgName.length) rollOn(imgName);

		name = layerName;

		showLayer(name);

		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(name.length) {

		left = parseInt(getLayerLeft(name));

		right = left + parseInt(getLayerWidth(name));

		top = parseInt(getLayerTop(name)) - yTopOffset;

		bottom = top + parseInt(getLayerHeight(name)) + 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(name);

				name = "";

			}

	  	} else if(myBrowser == "IE") {

			if (isOutside(xcord, ycord, left, right, top - document.body.scrollTop, bottom - document.body.scrollTop)) { 

				if (imageOn){rollOff(imageOn)};

				imageOn = "";

				hideLayer(name);

				name = "";

			}

	  	}

	}

}



if (myBrowser == "NN"){

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = mouseMove;



document.popLoaded = true;