/*
 * Flyout menus for the University of Washington Home Page
 * University of Washington / Computing and Communications
 * May, 2003
 * Documentation can be found at
 *     http://www.washington.edu/webinfo/case/flyout/
 * $Id: flyout.js,v 1.52 2003/05/13 17:38:08 fmf Exp $
 *
 * You are free to copy and/or use these flyout menus (or
 * derivative works) but please make sure this comment block
 * remains intact and in its entirety at the top of the file.
 */

var d = document;
var doDHTML = 0;
d.versIE = 0;

if ((! d.cssonly && d.layers) || d.all || d.getElementById) {
    var vers = navigator.appVersion.split ('MSIE ');
    vers = vers[vers.length - 1];
    d.versIE = parseInt (vers);
    FlyLyr.isMac = navigator.platform.indexOf ('Mac') >= 0;
    if (navigator.appVersion.indexOf ('MSIE') < 0 || ! FlyLyr.isMac || d.versIE >= 5) {
	doDHTML = 1;
	FlyLyr.isOpera = navigator.userAgent.indexOf (' Opera ') >= 0;
	FlyLyr.isKonq = navigator.userAgent.indexOf (' Konqueror') >= 0;

	initFlyLyr ();
	initToShow ();
	initDelay ();

	d.write ('<style type="text/css">' +
		    '.flyout { visibility: hidden; position: absolute; ' +
		    'left: 0; top: 0; margin-right: -15px; margin-bottom: -15px; }' +
		    '.flyoutindent {font-size: xx-small; }<\/style>');
    }
}

function useLayer (id) {
    if (! doDHTML || ! d.body.appendChild)
	return;
    var elem = findObj ('l_' + id);
    if (! elem)
	return;
    if (FlyLyr.defs.preDetach)
	FlyLyr.defs.preDetach (elem);
    if (elem.parentNode.tagName != 'BODY')
	d.body.appendChild (elem.parentNode.removeChild (elem));
    new FlyLyr (id, 0);
}

function makeLayer (id, title) {
    if (! doDHTML)
	return;
    var a = arguments;
    var numsp = new Array;
    numsp.max = new Array;
    var pos = 0;
    numsp.max[0] = 0;
    for (var j = 2; j < a.length; ++j) {
	numsp[j] = a[j].length;
	if (numsp[j]) {
	    a[j] = a[j].replace (/^ +/, '');
	    numsp[j] -= a[j].length;
	    numsp.max[pos] = Math.max (numsp[j], numsp.max[pos]);
	} else
	    numsp.max[++pos] = 0;
    }
    var fd = FlyLyr.defs;
    d.write ('<div id="l_' + id + '" class="flyout">' +  
		'<table cellpadding="2" cellspacing="0" border="1" bgcolor="' +
		fd.background + '" bordercolor="' + fd.border + '">');
    if (title) {
	var titleargs = 'align="center"';
	if (fd.titlebackground)
	    titleargs += ' bgcolor="' + fd.titlebackground + '"';
	d.write ('<tr>' +
		    buildCell (title,
				fd.titleclass ? fd.titleclass : fd.useclass,
				titleargs) + '<\/tr>');
    }
    var divstart = '<tr><td><table cellpadding="1" cellspacing="0" ' +
		    'border="0">' + "\n";
    d.write (divstart);
    pos = 0;
    for (j = 2; j < a.length; ++j) {
	if (! a[j]) {
	    d.write ('<\/table><\/td><\/tr>' + divstart);
	    ++pos;
	    continue;
	}
	var args = null;
	var i = numsp[j];
	if (i < numsp.max[pos])
	    args = 'colspan="' + (numsp.max[pos] - i + 1) + '"';
	if (fd.alignright)
	    args += ' align="right"';
	d.write ('<tr>');
	while (i-- > 0)
	    d.write ('<td class="flyoutindent">&nbsp;&nbsp;<\/td>');
	d.write (buildCell (a[j], fd.useclass, args) + '<\/tr>' + "\n");
    }
    d.write ('<\/table><\/td><\/tr><\/table><\/div>' + "\n");
    new FlyLyr (id, 1);
}

function buildCell (str, fc, args) {
    var retstr = '<td class="' + fc + '"';
    if (args)
	retstr += ' ' + args;
    retstr += '>';
    var eqpos = str.indexOf ('=');
    var atpos = str.indexOf ('@');
    if (eqpos > 0) {
	if (atpos > eqpos)
	    retstr += '<a href="' + str.substr (eqpos + 1, atpos - eqpos - 1)
			+ '" target="' + str.substr (atpos + 1) + '">';
	else
	    retstr += '<a href="' + str.substr (eqpos + 1) + '">';
	retstr += str.substr (0, eqpos) + '<\/a>';
    } else
	retstr += str;
    return retstr + '<\/td>';
}

function positionLayer () {
    var img = this.image;
    this.getObjMetrics (img);
    this.normalizeVars ();
    var xpos = img.width + this.hpad;
    if (this.positionleft)
	xpos = -this.lyr.offsetWidth - this.hpad;
    xpos += img.flyX;
    var ypos = img.flyY + this.vpad;
    if (this.position) {
	var strs = this.position.split (';');
	for (var i = 0; i < strs.length; ++i) {
	    var str = strs[i];
	    if ((pos = str.search (/[-|]/)) <= 0)
		continue;
	    var direct = str.substr (pos, 1);
	    var obj = img;
	    if (str.substr (0, pos) != 'IMG') {
		if (! (obj = findObj (str.substr (0, pos), d)))
		    continue;
		this.getObjMetrics (obj);
	    }
	    var posstr = str.substr (pos + 1);
	    var cmp = posstr.search (/[<=>]/);
	    if (cmp <= 0)
		continue;
	    var opos, mpos;
	    if (direct == '-') {
		opos = targetPos (posstr.substr (0, cmp), obj.flyX, obj.width);
		mpos = targetPos (posstr.substr (cmp + 1), xpos, this.lyr.offsetWidth);
	    } else {
		opos = targetPos (posstr.substr (0, cmp ), obj.flyY, obj.height);
		mpos = targetPos (posstr.substr (cmp + 1), ypos, this.lyr.offsetHeight);
	    }
	    var rel = posstr.substr (cmp, 1);
	    if ((rel == '<' && mpos < opos) || (rel == '>' && mpos > opos) || rel == '=') {
		if (direct == '-')
		    xpos += opos - mpos;
		else
		    ypos += opos - mpos;
	    }
	}
    }
    xpos = posInWindow (xpos, this.lyr.offsetWidth, window.pageXOffset, window.innerWidth);
    ypos = posInWindow (ypos, this.lyr.offsetHeight, window.pageYOffset, window.innerHeight);
    this.moveTo (xpos, ypos);
    if (this.tbl)
	this.lyr.style.clip = 'rect ( 0px ' + this.tbl.offsetWidth + 'px ' +
				this.tbl.offsetHeight + 'px 0px )';
}

function getObjMetricsIE (obj) {
    var oObj = obj;
    oObj.width = obj.offsetWidth || obj.width;
    oObj.height = obj.offsetHeight || obj.height;
    oObj.flyX = oObj.flyY = 0;
    var seenTable = 0;
    if (FlyLyr.isMac && oObj.offsetParent.tagName == 'BODY') {
	if (getInt (oObj.clientLeft) + getInt (oObj.clientTop)) {
	    oObj.flyX = oObj.clientLeft;
	    oObj.flyY = oObj.clientTop;
	} else {
	    oObj.flyX = oObj.offsetLeft;
	    oObj.flyY = oObj.offsetTop;
	}
	return;
    }
    for (; obj; obj = obj.offsetParent) {
	var tag = obj.tagName;
	if (! FlyLyr.noCpos[tag] && (! FlyLyr.isMac || obj != oObj) &&
		! FlyLyr.isOpera) {
	    oObj.flyX += getInt (obj.clientLeft);
	    oObj.flyY += getInt (obj.clientTop);
	}
	var noOent = FlyLyr.noOpos[tag];
	if (! noOent || (noOent < 0 && obj.currentStyle &&
		obj.currentStyle.display != 'block')) {
	    oObj.flyX += getInt (obj.offsetLeft);
	    oObj.flyY += getInt (obj.offsetTop);
	}
	if (FlyLyr.isMac && tag == 'TABLE')
	    if (seenTable++)
		oObj.flyY += getInt (obj.cellSpacing);
    }
}

function getObjMetricsDOM (obj) {
    var oObj = obj;
    obj.width = obj.width || obj.offsetWidth;
    obj.height = obj.height || obj.offsetHeight;
    oObj.flyX = oObj.flyY = 0;
    for (; obj; obj = obj.offsetParent) {
	if (obj.tagName == 'TABLE') {
	    var bord = parseInt (obj.border);
	    if (isNaN (bord)) {
		if (obj.getAttribute ('frame')) {
		    ++oObj.flyX;
		    ++oObj.flyY;
		}
	    } else if (bord > 0) {
		oObj.flyX += bord;
		oObj.flyY += bord;
	    }
	}
	oObj.flyX += obj.offsetLeft;
	oObj.flyY += obj.offsetTop;
    }
}

function getInt (n) {
    n = parseInt (n);
    if (isNaN (n))
	return 0;
    return n;
}

function targetPos (wherestr, start, len) {
    var where = wherestr.substr (0, 1);
    var adj = getInt (wherestr.substr (1));
    if (where == 'l' || where == 't')
	return start + adj;
    if (where == 'r' || where == 'b')
	return start + len + adj;
    return start + len / 2 + adj;
}

function posInWindow (loc, objSize, scroll, winSize) {
    var move = loc + objSize - scroll - winSize;
    move += FlyLyr.nsOffset;
    if (move > 0)
	loc -= move;
    if (loc < scroll)
	loc = scroll;
    return loc;
}

function FlyLyr (id, doclip) {
    this.lyr = findObj ('l_' + id);
    if (! d.all && ! d.getElementById) {
	this.lyr.captureEvents (Event.MOUSEOUT | Event.MOUSEOVER);
	this.lyr.bgColor = FlyLyr.defs.background;
    }
    this.lyr.onmouseover = function () {
	FlyLyr.showing.stopdelay ()
	ToShow.stopdelay ();
    };
    this.lyr.onmouseout = function () { mOut () };
    this.id = id;
    if (doclip && this.lyr.children && ! FlyLyr.isMac)
	this.tbl = this.lyr.children[0];
    FlyLyr.lyrs[id] = this;
    for (var a in FlyLyr.defs)
	this[a] = FlyLyr.defs[a];
}

function flyDefs (defs) {
    if (! defs)
	return;
    for (var d in defs)
	FlyLyr.defs[d] = defs[d];
}

function initFlyLyr () {
    FlyLyr.prototype.doHide = function () {
	this.stopdelay ();
	this.realHide ();
	if (this.hideImage)
	    this.hideImage (this.image, this.lyr);
	else if (this.outimg && this.image.tagName == 'IMG')
	    this.image.src = this.outimg;
	FlyLyr.showing = null;
    };
    FlyLyr.prototype.doShow = function () {
	if (! this.image && ! (this.image = findObj (this.id)))
	    return;
	this.positionLayer ();
	if (! this.outimg && this.image.tagName == 'IMG')
	    this.outimg = this.image.src;
	if (this.showImage)
	    this.showImage (this.image, this.lyr);
	else if (this.overimg && this.image.tagName == 'IMG')
	    this.image.src = this.overimg;
	this.realShow ();
	FlyLyr.showing = this;
    };
    FlyLyr.prototype.delayCallback = function () {
	if (this == FlyLyr.showing)
	    this.doHide ();
    };
    FlyLyr.prototype.setdelay = function () {
	this.delay = new Delay (this.timeout, this);
    };
    FlyLyr.prototype.stopdelay = function () {
	if (this.delay)
	    this.delay.stop ();
	return this.delay;
    };

    FlyLyr.lyrs = new Object ();
    FlyLyr.defs = {
	background: '#ffffff',
	titlebackground: '#333399',
	border: '#333399',
	useclass: 'navlink',
	titleclass: 'barlink',
	overimg: '/home/graphics/mo/arrow.gif',
	outimg: null,
	pause: 250,
	timeout: 1000,
	positionleft: 0,
	alignright: 0,
	hpad: 2,
	vpad: -2,
	position: '',
	preDetach: null,
	showImage: null,
	hideImage: null
    }
    FlyLyr.prototype.positionLayer = positionLayer;
    FlyLyr.nsOffset = 0;

    if (d.all && ! FlyLyr.isKonq) {
	FlyLyr.prototype.realHide = function () {
	    this.lyr.style.visibility = 'hidden';
	};
	FlyLyr.prototype.realShow = function () {
	    this.lyr.style.visibility = 'visible';
	};
	FlyLyr.prototype.getObjMetrics = getObjMetricsIE;
	if (FlyLyr.isOpera)
	    FlyLyr.prototype.normalizeVars = function () {};
	else
	    FlyLyr.prototype.normalizeVars = function () {
		window.innerWidth = d.body.clientWidth;
		window.innerHeight = d.body.clientHeight;
		window.pageXOffset = d.body.scrollLeft;
		window.pageYOffset = d.body.scrollTop;
	    };
	FlyLyr.prototype.moveTo = function (x, y) {
	    this.lyr.style.pixelLeft = x;
	    this.lyr.style.pixelTop = y;
	};
	FlyLyr.noCpos = {
	    'BODY': 1,
	    'TABLE': 1
	};
	FlyLyr.noOpos = {};
	if (! FlyLyr.isOpera)
	    FlyLyr.noOpos['A'] = -1;
	if (FlyLyr.isMac && ! FlyLyr.isOpera) {
	    FlyLyr.noOpos = FlyLyr.noCpos;
	    FlyLyr.noCpos = {
		'DIV': 1,
		'TD': 1,
		'TH': 1
	    };
	}
    } else if (d.getElementById) {
	FlyLyr.prototype.realHide = function () {
	    this.lyr.style.visibility =  'hidden';
	};
	FlyLyr.prototype.realShow = function () {
	    this.lyr.style.visibility = 'visible';
	}
	FlyLyr.prototype.getObjMetrics = getObjMetricsDOM;
	FlyLyr.prototype.normalizeVars = function () {};
	FlyLyr.prototype.moveTo = function (x, y) {
	    this.lyr.style.left = x + 'px';
	    this.lyr.style.top = y + 'px';
	};
    } else {
	FlyLyr.prototype.realHide = function () {
	    this.lyr.visibility = 'hide';
	};
	FlyLyr.prototype.realShow = function () {
	    this.lyr.visibility = 'show';
	};
	FlyLyr.prototype.getObjMetrics = function (obj) {
	    obj.flyX = obj.x;
	    obj.flyY = obj.y;
	};
	FlyLyr.prototype.normalizeVars = function () {
	    this.lyr.offsetHeight = this.lyr.clip.bottom;
	    this.lyr.offsetWidth = this.lyr.clip.right;
	};
	FlyLyr.prototype.moveTo = function (x, y) {
	    this.lyr.moveTo (x, y);
	};
	FlyLyr.nsOffset = 16;
    }
}

function ToShow (lyr) {
    if (! lyr || lyr == FlyLyr.showing)
	return;
    this.lyr = lyr;
    ToShow.stopdelay ();
    ToShow.queued = this;
    this.delay = new Delay (FlyLyr.defs.pause, this);
}

function initToShow () {
    ToShow.stopdelay = function () {
	var q = ToShow.queued;
	if (q) {
	    q.delay.stop ();
	    ToShow.queued = null;
	}
	return q;
    };
    ToShow.prototype.delayCallback = function () {
	ToShow.queued = null;
	if (FlyLyr.showing)
	    FlyLyr.showing.doHide ();
	if (this.lyr)
	    this.lyr.doShow ();
    };
}

function Delay (delay, obj) {
    this.obj = obj;
    var uid = ++Delay.nuid;
    this.timeoutid = setTimeout ('Delay.dispatch (' + uid + ')', delay);
    this.uid = uid;
    Delay.disparr[uid] = this;
}

function initDelay () {
    Delay.prototype.stop = function () {
	clearTimeout (this.timerid);
	delete Delay.disparr[this.uid];
    };
    Delay.dispatch = function (uid) {
	var item = Delay.disparr[uid];
	if (! item)
	    return;
	item.obj.delayCallback ();
	item.stop ();
    };
    Delay.nuid = 0;
    Delay.disparr = new Object;
}

function findObj (n, od) { // based on MM_findObj v3.0 from Macromedia Dreamweaver
    var p, i, x;
    if (! od)
	od = d;
    if ((p = n.indexOf ('?')) > 0 && parent.frames.length) {
	od = parent.frames[n.substring (p + 1)].document;
	n = n.substring (0, p);
    }
    if (! (x = od[n]) && d.all)
	x = od.all[n];
    if (! x && d.getElementById)
	x = d.getElementById (n);
    for (i = 0; ! x && i < od.forms.length; i++)
	x = od.forms[i][n];
    for (i = 0; ! x && od.layers && i < od.layers.length; i++)
	x = findObj (n, od.layers[i].document);
    return x;
}

function mIn (id) {
    if (! doDHTML)
	return;
    var lyr = FlyLyr.lyrs[id];
    if (! lyr) {
	if (findObj ('l_' + id))
	    useLayer (id);
	lyr = FlyLyr.lyrs[id];
	if (! lyr)
	    return;
    }
    if (lyr == FlyLyr.showing)
	lyr.stopdelay ();
    else
	new ToShow (lyr);
}

function mOut () {
    if (! doDHTML)
	return;
    var lyr = FlyLyr.showing;
    if (! ToShow.stopdelay () && lyr)
	lyr.setdelay ();
}