// detect browser and platform
// neede to isolate IE/Win

var agt=navigator.userAgent.toLowerCase(); 

 // *** BROWSER VERSION ***
 // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
 var is_major = parseInt(navigator.appVersion);
 var is_minor = parseFloat(navigator.appVersion);

 // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
 // If you want to allow spoofing, take out the tests for opera and webtv.
 var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
				 && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
				 && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
 var is_nav2 = (is_nav && (is_major == 2));
 var is_nav3 = (is_nav && (is_major == 3));
 var is_nav4 = (is_nav && (is_major == 4));
 var is_nav4up = (is_nav && (is_major >= 4));
 var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
							  (agt.indexOf("; nav") != -1)) );
 var is_nav6 = (is_nav && (is_major == 5));
 var is_nav6up = (is_nav && (is_major >= 5));
 var is_gecko = (agt.indexOf('gecko') != -1);


 var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
 var is_ie3    = (is_ie && (is_major < 4));
 var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
 var is_ie4up  = (is_ie && (is_major >= 4));
 var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
 var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
 var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
 var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
 var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
 var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

 // KNOWN BUG: On AOL4, returns false if IE3 is embedded browser
 // or if this is the first browser window opened.  Thus the
 // variables is_aol, is_aol3, and is_aol4 aren't 100% reliable.
 var is_aol   = (agt.indexOf("aol") != -1);
 var is_aol3  = (is_aol && is_ie3);
 var is_aol4  = (is_aol && is_ie4);
 var is_aol5  = (agt.indexOf("aol 5") != -1);
 var is_aol6  = (agt.indexOf("aol 6") != -1);

 var is_opera = (agt.indexOf("opera") != -1);
 var is_opera2 = (agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1);
 var is_opera3 = (agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1);
 var is_opera4 = (agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1);
 var is_opera5 = (agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1);
 var is_opera5up = (is_opera && !is_opera2 && !is_opera3 && !is_opera4);

 var is_webtv = (agt.indexOf("webtv") != -1); 

 var is_TVNavigator = ((agt.indexOf("navio") != -1) || (agt.indexOf("navio_aoltv") != -1)); 
 var is_AOLTV = is_TVNavigator;

 var is_hotjava = (agt.indexOf("hotjava") != -1);
 var is_hotjava3 = (is_hotjava && (is_major == 3));
 var is_hotjava3up = (is_hotjava && (is_major >= 3));
			//var is_safari = (agt.indexOf("safari") != -1);
			var is_safari = (agt.indexOf("applewebkit") != -1);
 // *** JAVASCRIPT VERSION CHECK ***
 var is_js;
 if (is_nav2 || is_ie3) is_js = 1.0;
 else if (is_nav3) is_js = 1.1;
 else if (is_opera5up) is_js = 1.3;
 else if (is_opera) is_js = 1.1;
 else if ((is_nav4 && (is_minor <= 4.05)) || is_ie4) is_js = 1.2;
 else if ((is_nav4 && (is_minor > 4.05)) || is_ie5) is_js = 1.3;
 else if (is_hotjava3up) is_js = 1.4;
 else if (is_nav6 || is_gecko) is_js = 1.5;
 // NOTE: In the future, update this code when newer versions of JS
 // are released. For now, we try to provide some upward compatibility
 // so that future versions of Nav and IE will show they are at
 // *least* JS 1.x capable. Always check for JS version compatibility
 // with > or >=.
 else if (is_nav6up) is_js = 1.5;
 // NOTE: ie5up on mac is 1.4
 else if (is_ie5up) is_js = 1.3

 // HACK: no idea for other browsers; always check for JS version with > or >=
 else is_js = 0.0;
 

// *** PLATFORM ***
var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
// NOTE: On Opera 3.0, the userAgent string includes "Windows 95/NT4" on all
//        Win32, so you can't distinguish between Win95 and WinNT.
var is_win95 = ((agt.indexOf("win95")!=-1) || (agt.indexOf("windows 95")!=-1));

// is this a 16 bit compiled version?
var is_win16 = ((agt.indexOf("win16")!=-1) || 
           (agt.indexOf("16bit")!=-1) || (agt.indexOf("windows 3.1")!=-1) || 
           (agt.indexOf("windows 16-bit")!=-1) );  

var is_win31 = ((agt.indexOf("windows 3.1")!=-1) || (agt.indexOf("win16")!=-1) ||
                (agt.indexOf("windows 16-bit")!=-1));

// NOTE: Reliable detection of Win98 may not be possible. It appears that:
//       - On Nav 4.x and before you'll get plain "Windows" in userAgent.
//       - On Mercury client, the 32-bit version will return "Win98", but
//         the 16-bit version running on Win98 will still return "Win95".
var is_win98 = ((agt.indexOf("win98")!=-1) || (agt.indexOf("windows 98")!=-1));
var is_winnt = ((agt.indexOf("winnt")!=-1) || (agt.indexOf("windows nt")!=-1));
var is_win32 = (is_win95 || is_winnt || is_win98 || 
                ((is_major >= 4) && (navigator.platform == "Win32")) ||
                (agt.indexOf("win32")!=-1) || (agt.indexOf("32bit")!=-1));

var is_os2   = ((agt.indexOf("os/2")!=-1) || 
                (navigator.appVersion.indexOf("OS/2")!=-1) ||   
                (agt.indexOf("ibm-webexplorer")!=-1));

var is_mac    = (agt.indexOf("mac")!=-1);
var is_mac68k = (is_mac && ((agt.indexOf("68k")!=-1) || 
                           (agt.indexOf("68000")!=-1)));
var is_macppc = (is_mac && ((agt.indexOf("ppc")!=-1) || 
                            (agt.indexOf("powerpc")!=-1)));


/*****************************************************
* ypSlideOutMenu
* 3/04/2001
* 
* a nice little script to create exclusive, slide-out
* menus for ns4, ns6, mozilla, opera, ie4, ie5 on 
* mac and win32. I've got no linux or unix to test on but 
* it should(?) work... 
*
* --youngpup--
*****************************************************/
ypSlideOutMenu.Registry = []
ypSlideOutMenu.aniLen = 400
ypSlideOutMenu.hideDelay = 100
ypSlideOutMenu.minCPUResolution = 20

function ypSlideOutMenu(id, dir, left, top, width, height)
{

this.ie = document.all ? 1 : 0
this.ns4 = document.layers ? 1 : 0
this.dom = document.getElementById ? 1 : 0
if (this.ie || this.ns4 || this.dom) {
this.id = id
this.dir = dir
this.orientation = dir == "left" || dir == "right" ? "h" : "v"
this.dirType = dir == "right" || dir == "down" ? "+" : "-"
this.dim = this.orientation == "h" ? width : height
this.hideTimer = false
this.aniTimer = false
this.open = false
this.over = false
this.startTime = 0
this.gRef = "ypSlideOutMenu_"+id
eval(this.gRef+"=this")
ypSlideOutMenu.Registry[id] = this
var d = document
d.write('<style type="text/css">')
var str = ""
str += '#' + this.id + 'Container { visibility: hidden; left:' + left + 'px; top: -' + top + 'px; position: absolute; width:' + width + 'px;'
str += 'height:' + (height+20) + 'px; clip:rect(0 ' + width + 'px' + ' ' + (height+20) + 'px' + ' 0); overflow:hidden; z-index: 99;} '

d.write(str)
	//alert(this.id + "==" + height)
str = '#' + this.id + 'Content { position:relative; width:' + width + 'px; '
d.write(str)
d.write('height:' + height + 'px; ')
d.write('clip:rect(0 ' + width + 'px' + ' ' + height + 'px' + ' 0); ')
d.write('}')
d.write('</style>')
this.load() //!!!

}
}
ypSlideOutMenu.prototype.load = function() {

var d = document
var lyrId1 = this.id + "Container"
var lyrId2 = this.id + "Content"
var obj1 = this.dom ? d.getElementById(lyrId1) : this.ie ? d.all[lyrId1] : d.layers[lyrId1]
if (obj1) var obj2 = this.ns4 ? obj1.layers[lyrId2] : this.ie ? d.all[lyrId2] : d.getElementById(lyrId2)
var temp
if (!obj1 || !obj2) window.setTimeout(this.gRef + ".load()", 100)
else {
	this.container = obj1
	this.menu = obj2
	this.style = this.ns4 ? this.menu : this.menu.style
	this.homePos = eval("0" + this.dirType + this.dim)
	this.outPos = 0
	this.accelConst = (this.outPos - this.homePos) / ypSlideOutMenu.aniLen / ypSlideOutMenu.aniLen 
	if (this.ns4) this.menu.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
	this.menu.onmouseover = new Function("ypSlideOutMenu.showMenu('" + this.id + "')")
	this.menu.onmouseout = new Function("ypSlideOutMenu.hideMenu('" + this.id + "')")
//	alert(this.menu.id)
	this.endSlide()
}
}
	ypSlideOutMenu.showMenu = function(id)
	{
	  //alert('hide ' + id)
	var reg = ypSlideOutMenu.Registry
	var obj = ypSlideOutMenu.Registry[id]
	if (obj.container) {
		obj.over = true
		for (menu in reg) if (id != menu) ypSlideOutMenu.hide(menu)
		if (obj.hideTimer) { reg[id].hideTimer = window.clearTimeout(reg[id].hideTimer) }
		if (!obj.open && !obj.aniTimer) reg[id].startSlide(true)
		}
	}
	
ypSlideOutMenu.hideMenu = function(id)
{

var obj = ypSlideOutMenu.Registry[id]
if (obj.container) {
if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
obj.hideTimer = window.setTimeout("ypSlideOutMenu.hide('" + id + "')", ypSlideOutMenu.hideDelay);
}
}
ypSlideOutMenu.hide = function(id)
{

var obj = ypSlideOutMenu.Registry[id]
obj.over = false
if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
obj.hideTimer = 0
if (obj.open && !obj.aniTimer) obj.startSlide(false)
}
ypSlideOutMenu.prototype.startSlide = function(open) {
this[open ? "onactivate" : "ondeactivate"]()
this.open = open
if (open) this.setVisibility(true)
this.startTime = (new Date()).getTime() 
this.aniTimer = window.setInterval(this.gRef + ".slide()", ypSlideOutMenu.minCPUResolution)
}
ypSlideOutMenu.prototype.slide = function() {
var elapsed = (new Date()).getTime() - this.startTime
if (elapsed > ypSlideOutMenu.aniLen) this.endSlide()
else {
var d = Math.round(Math.pow(ypSlideOutMenu.aniLen-elapsed, 2) * this.accelConst)
if (this.open && this.dirType == "-") d = -d
else if (this.open && this.dirType == "+") d = -d
else if (!this.open && this.dirType == "-") d = -this.dim + d
else d = this.dim + d
this.moveTo(d)
}
}
ypSlideOutMenu.prototype.endSlide = function() {
this.aniTimer = window.clearTimeout(this.aniTimer)
this.moveTo(this.open ? this.outPos : this.homePos)
if (!this.open) this.setVisibility(false)
if ((this.open && !this.over) || (!this.open && this.over)) {
this.startSlide(this.over)
}
}
ypSlideOutMenu.prototype.setVisibility = function(bShow) { 
var s = this.ns4 ? this.container : this.container.style
s.visibility = bShow ? "visible" : "hidden"  ///!!!!
}
ypSlideOutMenu.prototype.moveTo = function(p) { 
this.style[this.orientation == "h" ? "left" : "top"] = this.ns4 ? p : p + "px"
}
ypSlideOutMenu.prototype.getPos = function(c) {
return parseInt(this.style[c])
}
ypSlideOutMenu.prototype.onactivate = function() { }
ypSlideOutMenu.prototype.ondeactivate = function() { }


// BEGIN HACK
// this is a hack to work around IE/Win, which is a P.O.S. browser
// windows + ie
if (is_win && is_ie5_5up) 
{
	//This sets the size and position of each drop-down - left, top, width, height.
	//new ypSlideOutMenu("ABOUT_USMenu", "down", 388, 190, 192, 125)
}
// windows + ie (hopefully ie 6)
else if (is_win && is_ie5) 
{
	//This sets the size and position of each drop-down - left, top, width, height.
	//new ypSlideOutMenu("ABOUT_USMenu", "down", 388, 190, 192, 125)
}
// windows + ie (hopefully ie 6)
else
{
	//This sets the size and position of each drop-down - left, top, width, height.
	//new ypSlideOutMenu("ABOUT_USMenu", "down", 497, 190, 192, 125)
}

// END HACK

/**********************************
End of drop down menus
**********************************/

//hide show selects
//arr_select = new Array("", "")
function hideSelect(nm, num)
{
  if(document.all) {
	if(document.all[nm]) {
		//arr_select[num] = document.all['hide_' + nm].innerHTML
		//document.all['hide_' + nm].innerHTML = "&nbsp;"
		document.all[nm].style.display="none"
	}
  }
}
function showSelect(nm, num)
{
 if(document.all) {
	if(document.all[nm]) {
		//document.all['hide_' + nm].innerHTML = arr_select[num]
		document.all[nm].style.display=""
	}
  }
}

	// preload the images
if (document.images)
{
	arrowRight = new Image();
	arrowRight.alt = "";
	arrowRight.src = "/images/bullet_square_grey.gif";
	arrowDown = new Image();
	arrowDown = "";
	arrowDown.src = "/images/bullet_square_red.gif";
}

var dispStatus = Array();
var halfTone = "#666666";
var fullTone = "#CA0018";

function expandItem(intItem) {
	// change it's properties and swap the image
	for (i=0; i < dispStatus.length; i++) {
		if (dispStatus[i] == "on") {
			dispStatus[i] = "off";
			setIdProperty("subnav"+i, "display", "none");
			setIdProperty("titleText"+i, "color", halfTone);
			document.images["titleArrow"+i].src = "/images/bullet_square_grey.gif";
		}
	}

	dispStatus[intItem] = "on";
	setIdProperty("subnav"+intItem, "display", "block");
//setIdProperty("subnav"+intItem, "left", "10");
	setIdProperty("titleText"+intItem, "color", fullTone);
	document.images["titleArrow"+intItem].src = "/images/bullet_square_red.gif";

}

function CexpandItem(intItem) {
//	dispStatus[intItem] = "on";

	setIdProperty("xx", "display", "block");
        var styleObject = document.getElementById( "xx" );
//alert(styleObject.style["display"])
//alert('gg')
//setIdProperty("subnav"+intItem, "left", "10");
//	setIdProperty("titleText"+intItem, "color", fullTone);
//	document.images["titleArrow"+intItem].src = "/images/bullet_square_red.gif";
}

function closeAllItems() {
	for (i=0; i < dispStatus.length; i++) {
		if (dispStatus[i] == "on") {
			dispStatus[i] = "off";
			setIdProperty("subnav"+i, "display", "none");
			setIdProperty("titleText"+i, "color", halfTone);
			document.images["titleArrow"+i].src = "/images/bullet_square_grey.gif";
		}
	}
}

function setIdProperty( id, property, value )
{
    if (document.getElementById)
    {
        var styleObject = document.getElementById( id );
        if (styleObject != null)
        {
            styleObject = styleObject.style;
            styleObject[ property ] = value;
        }

    }
    else {
        alert("incompatible browser--need to handle this");
		// error - incompatible browser
    }
}


var autoHidePass = 1;
var autoHideTime = 100;
var autoHideVar = null;
function subMenuOut()
{
    autoHideVar = setInterval("autoHide()", 10);
}
function autoHide()
{
	if (autoHidePass > autoHideTime)
	{
	    closeAllItems();
	}
	else
    {
	    autoHidePass++;
	}
}
function subMenuOver()
{
    clearInterval(autoHideVar);
	autoHidePass = 1;
}

function hOn(Element) { Element.className = "HOn"; }
function hOff(Element) { Element.className = "HOff"; }

/* Form field Limiter */

var ns6=document.getElementById&&!document.all

function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}

function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}


function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<br /><em><b><span id="'+theform.toString()+'">'+thelimit+'</span></b> characters remaining on your input limit</em>'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
}
}
