//assign the correct style sheet for the browser ************************************
if (navigator.OS == 'mac') 
	if(navigator.family == 'nn4') 
		{
			document.write('<link rel="stylesheet" type="hatfield.css">');	
		} 
	else 
		{
			document.write('<link rel="stylesheet" type="text/css" href="hatfield.css">');	
		}
	else 
		{
			if(navigator.family == 'nn4') 
				{
					document.write('<link rel="stylesheet" type="text/css" href="hatfield.css">');	
				} 
			else 
				{
					document.write('<link rel="stylesheet" type="text/css" href="hatfield.css">');	
				}
		}
			
	// *******************************************************************************
	//redirect for NN4
	
			if(!document.getElementById)
				{
				window.location = "NN4.htm";
				}
	// *******************************************************************************
	
	
	
	

	
	
	
	
	
		
//****************************************************
// This returns the appropriate reference for the DOM
// used by the browser.  It is sometimes called a
// "Cross-Browser DOM"
// Source:  Teague, DHTML and CSS, 2d Ed.
//****************************************************

var isDHTML = 0;
var isID = 0;
var isAll = 0;
var isLayers = 0;

if (document.getElementById) 
	{
		isID = 1;
		isDHTML = 1
	}
else
	{
		if (document.all)				
			{
				isAll = 1;
				isDHTML = 1;
			}
		else
			{
				browserVersion = parseInt(navigator.appVersion);
				if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) //it's Netscape 4
					{
						isLayers = 1;
						isDHTML = 1;
					}
			}
		}


function findDOM(objectID,withStyle)
	{
		if (withStyle==1)
			{
				if (isID)
					{
						return (document.getElementById(objectID).style);
					}
				else
					{
						if(isAll)
							{
								return (document.all[objectID].style);
							}
						else
							{
								if (isLayers)
									return (document.layers[objectID]);
							};
					}
			}
		else
			{
				if (isID)
					{
						return (document.getElementById(objectID));
					}
				else
					{
						if(isAll)
							{
								return (document.all[objectID]);
							}
						else
							{
								if (isLayers)
									return (document.layers[objectID]);
							};
					}	
			}
	}



// **************************************************************************
			// cross-browser DOM for nested layers 
			function findNestedDOM(objectID1,objectID2,withStyle) {
				if (withStyle == 1) {
					if (isID) { return (document.getElementById(objectID2).style) ; }
					else { 
						if (isAll) { return (document.all[objectID2].style); }
					else {
						if (isLayers) { 
							if (objectID1) { return (document.layers[objectID1].layers[objectID2]); }
							else { return (document.layers[objectID2]); }
						}
					};}
				}
				else {
					if (isID) { return (document.getElementById(objectID2)) ; }
					else { 
						if (isAll) { return (document.all[objectID2]); }
					else {
						if (isLayers) { 
							if (objectID1) { return (document.layers[objectID1].layers[objectID2]); }
							else { return (document.layers[objectID2]); }
						}
					};}
				}
			}
			// **************************************************************************




//****************************************************
//These functions return the live dimensions of the
//browser window
//****************************************************

function findLivePageHeight()
	{
		if (window.innerHeight != null)
			return window.innerHeight;
		if (document.body.clientHeight != null)
			return document.body.clientHeight;
		return (null);
	}
	
function findLivePageWidth()
	{
		if (window.innerWidth != null)
			return window.innerWidth;
		if (document.body.clientWidth != null)
			return document.body.clientWidth;
		return (null);
	}
	
//****************************************************
// This function returns the operating system
//****************************************************

function findOS()
	{
		if (navigator.appVersion.indexOf('Mac') != -1)
			return 'isMac'
		else 
			{
				if (navigator.appVersion.indexOf('Win') != -1)
					return 'isWindows'
				else
					return 'isUnknownOS'
			}
	}


//****************************************************
// This function returns the width of an object
//****************************************************

function findWidth(objectID)
	{
		var dom = findDOM(objectID)
		if (dom.offsetWidth)
			return dom.offsetWidth;
		if (dom.clip.height)
			return dom.clip.width;
		return (null);
	} 
	
	

//****************************************************
// This function returns the height of an object
//****************************************************

function findHeight(objectID)
	{
		var dom = findDOM(objectID)
		if (dom.offsetHeight)
			return dom.offsetHeight;
		if (dom.clip.height)
			return dom.clip.height;
		return (null);
	}