<!--



var browserVer = parseInt(navigator.appVersion);
var browserName = navigator.appName.toUpperCase();
var ns = browserName.indexOf("NETSCAPE") > -1;
var ie = browserName.indexOf("EXPLORER") > -1;
var pc = navigator.appVersion.indexOf("Windows")>-1 || navigator.appVersion.indexOf("Win")>-1;
var mac = navigator.appVersion.indexOf("Macintosh") > -1;

var layerList = new Array();

var active_menu = null;

function moveLayer(name, x, y) {

  var layer = getLayer(name);

  if (document.layers)
    layer.moveTo(x, y);
  if (document.all) { 	
    layer.style.left = x;
    layer.style.top  = y;
  }
}

	// check browser version
	BrowserVer = "badVersion";
	if (navigator.appVersion.substring(0, 1) >= 4) {
     		if (navigator.userAgent.indexOf("IE", 0) > -1) {
          		BrowserVer = "goodIE";
		} else if (navigator.userAgent.indexOf("Mozilla", 0) > -1) {
           	BrowserVer = "goodNS";
	     }
	}
	
	
	// Check to see if the user's browser supports rollovers
	var supported = document.images;
	
	if (supported) {
		var imgArrowOn = new Image(); imgArrowOn.src = "/images/pulldown_arrow.gif";
		var imgArrowOff = new Image(); imgArrowOff.src = "/images/blank.gif";
	}
	
	function turnArrowOn(imgName){
		if(supported){
			document[imgName].src = imgArrowOn.src;
		}	
	}
	
	function turnArrowOff(imgName){
		if(supported){
			document[imgName].src = imgArrowOff.src;
		}
	}


	function mygetLayer(name) {
	// Returns a handle to the named layer.

	if (document.layers)
    	return(document.layers[name]);
	else if (document.all) {
    	layer = eval('document.all.' + name + '.style');
	return(layer);
	}
	else
    	return(null);
	}
	

var active = false;

function mycreateLayer(name, left, top, width, height, visible, content) {

  var layer;

  if (document.layers) {
    document.writeln('<layer name="' + name + '" left=' + left + ' top=' + top + ' width=' + width + ' height=' + height +  ' visibility=' + (visible ? '"show"' : '"hide"') + '>');
    document.writeln(content);
    document.writeln('</layer>');
    layer = mygetLayer(name);
    layer.width = width;
    layer.height = height;
  }

  if (document.all) {
    document.writeln('<div id="' + name + '" style="position:absolute; overflow:none; left:' + left + 'px; top:' + top + 'px; width:' + width + 'px; height:' + height + 'px;' + ' visibility:' + (visible ? 'visible;' : 'hidden;') + '" scrolling=no>');
    document.writeln(content);
    document.writeln('</div>');
  }

  myclipLayer(name, 0, 0, width, height);
}

var timerID = null;
var imageID = null;

function myhideLayer(name,imgName,imgObj) {
    tmpName = name;
    tmpImg = imgName;
    tmpObj = imgObj;
    imageID = setTimeout('changeImg(tmpImg,tmpObj)', 600);
	timerID = setTimeout('myhideLayerDelay(tmpName)', 600);
}

function myhideLayerDelay(name) { 
  var layer = mygetLayer(name);
    
  if (document.layers)
    layer.visibility = "hide";
  if (document.all)
    layer.visibility = "hidden";
}


function hideAllMenu(whichLay) {
	if (whichLay != "menuProducts"){
	    myhideLayerDelay('menuProducts')
		changeImg('pic4','nav_products');
	}
	if (whichLay != "menuTraining"){
		myhideLayerDelay('menuTraining');
		changeImg('pic5','nav_training');
	}
    if (whichLay != "'menuEvents'"){
		myhideLayerDelay('menuEvents')
		changeImg('pic6','nav_events');
	}
    if (whichLay != "'menuOshanswers'"){	
	myhideLayerDelay('menuOshanswers')
	changeImg('pic7','nav_oshanswers');
	}
	if (whichLay != "'menuResources'"){
		myhideLayerDelay('menuResources')
		changeImg('pic8','nav_resources');
	}
}

function myshowLayer(name,imgName,imgObj) {
if (timerID) clearTimeout(timerID);
if (imageID) clearTimeout(imageID);
  changeImg(imgName,imgObj);
  var layer = mygetLayer(name);

  if (document.layers)
    layer.visibility = "show";
  if (document.all)
    layer.visibility = "visible";

	active = true;
}

function menuHighlight(src) {
	if (!src.contains(event.fromElement) && document.all && BrowserVer == "goodIE") {
		src.style.background = "#000099";
	}
}

function menuNormal(src) {
	if (!src.contains(event.toElement) && document.all && BrowserVer == "goodIE") {
		src.style.background = "";
	}
}

function myclipLayer(name, clipleft, cliptop, clipright, clipbottom) {

  var layer = mygetLayer(name);

  if (document.layers) {
    layer.clip.left   = clipleft;
    layer.clip.top    = cliptop;
    layer.clip.right  = clipright;
    layer.clip.bottom = clipbottom;
  }
  if (document.all)
    layer.clip = 'rect(' + cliptop + ' ' +  clipright + ' ' + clipbottom + ' ' + clipleft +')';
}

function mygetLayer(name) {

  // Returns a handle to the named layer.

  if (document.layers)
    return(document.layers[name]);
  else if (document.all) {
    layer = eval('document.all.' + name + '.style');
    return(layer);
  }
  else
    return(null);
}   

function printDHTMLMenu() {
	if (BrowserVer == "goodIE" || BrowserVer == "goodNS") {

	// create Layer--whatsnew.
	var answerMen = 
	'<table width="120" height="100" cellpadding="0" cellspacing="0" border="0" bgcolor="#3366CC">' +
    '<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="d1">&nbsp;<font size=1 face=arial><a href="/oshanswers/" onMouseOver="turnArrowOn(\'d1\');myshowLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers_over\');return true;" onMouseOut="turnArrowOff(\'d1\');myhideLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers\');return true;" class="menu">Main Page&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +

    '<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="d2">&nbsp;<font size=1 face=arial><a href="/oshanswers/whats_new.html"  onMouseOver="turnArrowOn(\'d2\');myshowLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers_over\');return true;" onMouseOut="turnArrowOff(\'d2\');myhideLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers\');return true;" class="menu">What\'s New&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
	'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="d3">&nbsp;<font size=1 face=arial><a href="/oshanswers/about.html"  onMouseOver="turnArrowOn(\'d3\');myshowLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers_over\');return true;" onMouseOut="turnArrowOff(\'d3\');myhideLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers\');return true;" class="menu">About OSH Answers&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +

    '<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="d4">&nbsp;<font size=1 face=arial><a href="/ccohs/inq.html"  onMouseOver="turnArrowOn(\'d4\');myshowLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers_over\');return true;" onMouseOut="turnArrowOff(\'d4\');myhideLayer(\'menuOshanswers\',\'pic7\',\'nav_oshanswers\');return true;" class="menu">Inquiries&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
	'</table>'
	
    var productMen = 
            '<table width=120 height=180 cellpadding=0 cellspacing=0 border=0 bgcolor=#3366CC>' +

			'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a7">&nbsp;<font size=1 face=arial><a href="/products/" class="menu" onMouseOver="turnArrowOn(\'a7\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a7\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">Main Page&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
					
	'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a8">&nbsp;<font size=1 face=arial><a href="/products/alphabetical.html" class="menu" onMouseOver="turnArrowOn(\'a8\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a8\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">By Alphabetical&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +

			'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a1">&nbsp;<font size=1 face=arial><a href="/products/subject.html" class="menu" onMouseOver="turnArrowOn(\'a1\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a1\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">By Subject&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +

			'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a2">&nbsp;<font size=1 face=arial><a href="/products/format.html" class="menu" onMouseOver="turnArrowOn(\'a2\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a2\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">By Format&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +	

			'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a4">&nbsp;<font size=1 face=arial><a href="/products/ordering.html" class="menu" onMouseOver="turnArrowOn(\'a4\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a4\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">Ordering Info.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
			
			'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a5">&nbsp;<font size=1 face=arial><a href="/products/ordering/distributor.html" class="menu" onMouseOver="turnArrowOn(\'a5\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a5\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">Distributors&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +

			'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="a6">&nbsp;<font size=1 face=arial><a href="/products/faqs.html" class="menu" onMouseOver="turnArrowOn(\'a6\');myshowLayer(\'menuProducts\',\'pic4\',\'nav_products_over\');return true;" onMouseOut="turnArrowOff(\'a6\');myhideLayer(\'menuProducts\',\'pic4\',\'nav_products\');return true;">Product FAQs&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>'
+ '</table>'
    
    trainingMen = 
        '<table width=120 height=70 cellpadding=0 cellspacing=0 border=0 bgcolor=#3366CC>' +

			'<tr><td align="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="b3">&nbsp;<font size=1 face=arial><a href="/education/" class="menu" onMouseOver="turnArrowOn(\'b3\');myshowLayer(\'menuTraining\',\'pic5\',\'nav_training_over\');return true;" onMouseOut="turnArrowOff(\'b3\');myhideLayer(\'menuTraining\',\'pic5\',\'nav_training\');return true;">Main Page&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
			'<tr><td align="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="b1">&nbsp;<font size=1 face=arial><a href="/education/asp/" class="menu" onMouseOver="turnArrowOn(\'b1\');myshowLayer(\'menuTraining\',\'pic5\',\'nav_training_over\');return true;" onMouseOut="turnArrowOff(\'b1\');myhideLayer(\'menuTraining\',\'pic5\',\'nav_training\');return true;">ASP Program&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
			'<tr><td align="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="b2">&nbsp;<font size=1 face=arial><a href="/products/courses/courses.html" class="menu" onMouseOver="turnArrowOn(\'b2\');myshowLayer(\'menuTraining\',\'pic5\',\'nav_training_over\');return true;" onMouseOut="turnArrowOff(\'b2\');myhideLayer(\'menuTraining\',\'pic5\',\'nav_training\');return true;">CCOHS Courses&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr>' +
			'</table>'
            
    eventsMen = '<table width=100 height=70 cellpadding=0 cellspacing=0 border=0 bgcolor=#3366CC>' + 
    
                '<tr><td align="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="c3">&nbsp;<font size=1 face=arial><a href="/events/" class="menu" onMouseOver="turnArrowOn(\'c3\');myshowLayer(\'menuEvents\',\'pic6\',\'nav_events_over\');return true;" onMouseOut="turnArrowOff(\'c3\');myhideLayer(\'menuEvents\',\'pic6\',\'nav_events\');return true;">Main Page&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr><tr><td align="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="c1">&nbsp;<font size=1 face=arial><a href="/events/ccohs_events.html" class="menu" onMouseOver="turnArrowOn(\'c1\');myshowLayer(\'menuEvents\',\'pic6\',\'nav_events_over\');return true;" onMouseOut="turnArrowOff(\'c1\');myhideLayer(\'menuEvents\',\'pic6\',\'nav_events\');return true;">CCOHS Events&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr><tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="c2">&nbsp;<font size=1 face=arial><a href="/events/conferences/2001/" class="menu" onMouseOver="turnArrowOn(\'c2\');myshowLayer(\'menuEvents\',\'pic6\',\'nav_events_over\');return true;" onMouseOut="turnArrowOff(\'c2\');myhideLayer(\'menuEvents\',\'pic6\',\'nav_events\');return true;">Conferences&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr></table>' 

    resourceMen = '<table width=115 height=100 cellpadding=0 cellspacing=0 border=0 bgcolor=#3366CC>' + 
    
    '<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="e4">&nbsp;<font size=1 face=arial><a href="/resources/" class="menu" onMouseOver="turnArrowOn(\'e4\');myshowLayer(\'menuResources\',\'pic8\',\'nav_resources_over\');return true;" onMouseOut="turnArrowOff(\'e4\');myhideLayer(\'menuResources\',\'pic8\',\'nav_resources\');return true;">Main Page</a></font></td></tr>'+
	
	'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="e1">&nbsp;<font size=1 face=arial><a href="/resources/hshome.html" class="menu" onMouseOver="turnArrowOn(\'e1\');myshowLayer(\'menuResources\',\'pic8\',\'nav_resources_over\');return true;" onMouseOut="turnArrowOff(\'e1\');myhideLayer(\'menuResources\',\'pic8\',\'nav_resources\');return true;">Internet Directory</a></font></td></tr>'  + 
	
	'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="e2">&nbsp;<font size=1 face=arial><a href="/resources/communications/" class="menu" onMouseOver="turnArrowOn(\'e2\');myshowLayer(\'menuResources\',\'pic8\',\'nav_resources_over\');return true;" onMouseOut="turnArrowOff(\'e2\');myhideLayer(\'menuResources\',\'pic8\',\'nav_resources\');return true;">Communications</a></font></td></tr>' +

	'<tr><td valign="top" onmouseOver="menuHighlight(this);" onMouseOut="menuNormal(this)"><img align="texttop" src="/images/blank.gif" width=7 height=22 alt="" border="0" name="e3">&nbsp;<font size=1 face=arial><a href="/resources/reference/" class="menu" onMouseOver="turnArrowOn(\'e3\');myshowLayer(\'menuResources\',\'pic8\',\'nav_resources_over\');return true;" onMouseOut="turnArrowOff(\'e3\');myhideLayer(\'menuResources\',\'pic8\',\'nav_resources\');return true;">Reference&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></font></td></tr></table>'  

	
      
      
	mycreateLayer('menuOshanswers', 420, 95, 120, 100, false, answerMen);
    mycreateLayer('menuProducts',25, 95, 120, 180,false, productMen);
    mycreateLayer('menuTraining',170,95, 120,70, false, trainingMen);
    mycreateLayer('menuEvents', 300,95, 100,70, false, eventsMen);
    mycreateLayer('menuResources', 500, 95, 100, 100, false, resourceMen);
	}
}

function create_img_object() {	

	if (document.images) {
	
		var image_path = "/images/";
		
		nav_products = new Image();
		nav_products.src = image_path + "nav_products.gif";
	
		nav_products_over = new Image();
		nav_products_over.src = image_path + "nav_products_on.gif";
		
		nav_training = new Image();
		nav_training.src = image_path + "nav_training.gif";
	
		nav_training_over = new Image();
		nav_training_over.src = image_path + "nav_training_on.gif";
		
		nav_events = new Image();
		nav_events.src = image_path + "nav_events.gif";
	
		nav_events_over = new Image();
		nav_events_over.src = image_path + "nav_events_on.gif";
	
		nav_oshanswers = new Image();
		nav_oshanswers.src = image_path + "nav_oshanswers.gif";
	
		nav_oshanswers_over = new Image();
		nav_oshanswers_over.src = image_path + "nav_oshanswers_on.gif";
	
		nav_resources = new Image();
		nav_resources.src = image_path + "nav_resources.gif";
	
		nav_resources_over = new Image();
		nav_resources_over.src = image_path + "nav_resources_on.gif";
			
		blank = new Image();
		blank.src = image_path + "blank.gif";
		
		pulldown_arrow = new Image();
		pulldown_arrow.src = image_path + "pulldown_arrow.gif";
		
	}
}

function changeImg(imgDocID,imgObjName) {
	if (document.images) {
		document.images[imgDocID].src = eval(imgObjName + ".src")
	}
}	
