/*

 * Flyout menus for the University of Washington Home Page

 * University of Washington / Computing and Communications

 * April, 2000

 * Documentation can be found at

 *     http://www.washington.edu/webinfo/case/flyout/

 * $Id: flyout.js,v 1.12 2000/11/02 18:18:31 fmf Exp $

 */



var d = document;

var doDHTML = 0;



if (d.layers || d.all) {

    var vers = navigator.appVersion.split ("MSIE ");

    vers = vers[vers.length - 1];

    if (navigator.appVersion.indexOf ("MSIE") < 0 ||

	    vers.indexOf ("Mac") < 0 || parseInt (vers) >= 5) {

	doDHTML = 1;



	initFlyLyr ();

	initToShow ();

	initDelay ();



	d.write ("<style type='text/css'>" +

		    ".flyout { visibility: hidden; position: absolute; " +

		    "left: 0; top: 0; }<\/style>");

    }

}



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);

	d.write ("<tr>");

	while (i-- > 0)

	    d.write ("<td><font size='1'>&nbsp;&nbsp;<\/font><\/td>");

	d.write (buildCell (a[j], fd.useclass, args) + "<\/tr>\n");

    }

    d.write ("<\/table><\/td><\/tr><\/table><\/div>\n");

    new FlyLyr (id);

}



function buildCell (str, fc, args) {

    var retstr = "<td";

    if (args)

	retstr += " " + args;

    var eqpos = str.indexOf ("=");

    if (eqpos > 0)

	retstr += "><a href='" + str.substr (eqpos + 1) + "'><font class='" +

		    fc + "'>" + str.substr (0, eqpos) + "<\/font><\/a>";

    else

	retstr += " class='" + fc + "'>" + str;

    return retstr + "<\/td>";

}



function positionLayerNS () {

    var img = this.image;

    var ypos = img.y - 2;

    var moveup = ypos + this.lyr.clip.bottom + FlyLyr.unmacOffset -

    			window.pageYOffset - window.innerHeight;

    if (moveup > 0)

    	ypos -= moveup;

    this.lyr.moveTo (img.x + img.width + 2, ypos);

}



function positionLayer () {

    var img = this.image;

    var xpos = -img.offsetWidth;    //modified to negative number, to move the layer to the left of the image

    var ypos = -2;

    if (FlyLyr.usepos['startX'])

	xpos += FlyLyr.usepos['startX'];

    if (FlyLyr.usepos['startY'])

	ypos += FlyLyr.usepos['startY'];

    for (; img && img.parentElement; img = img.parentElement)

	if (FlyLyr.usepos[img.tagName]) {

	    xpos += img.offsetLeft ;  

		ypos += img.offsetTop;

	}

    var moveup = ypos + this.lyr.offsetHeight -

		    d.body.scrollTop - d.body.clientHeight;

    if (moveup > 0)

	ypos -= moveup;

    this.lyr.style.pixelLeft = xpos - this.lyr.offsetWidth + 9;  //modified to move to the left the width of the layer, plus an X number that depends on the width of the original menu

    this.lyr.style.pixelTop = ypos;

    if (this.tbl)

	this.lyr.style.clip = 'rect ( 0px ' + this.tbl.offsetWidth + 'px ' +

				this.tbl.offsetHeight + 'px 0px )';

}



function FlyLyr (id) {

    this.lyr = findObj ('l_' + id);

    if (! d.all) {

        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 (this.lyr.children && FlyLyr.unmacOffset)

	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 ();

	this.image.src = this.outimg;

	FlyLyr.showing = null;

    };

    FlyLyr.prototype.doShow = function () {

	if (! this.image && ! (this.image = findObj (this.id)))

	    return;

	this.position ();

	this.realShow ();

	this.image.src = this.overimg;

	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: 'arrow2.gif',

	outimg: 'arrow0.gif',

	pause: 250,

	timeout: 1000

    }

    FlyLyr.unmacOffset = navigator.platform.indexOf ("Mac") != -1 ? 0 : 16;



    if (d.all) {

    	FlyLyr.prototype.realHide = function () {

    	    this.lyr.style.visibility = 'hidden';

	};

    	FlyLyr.prototype.realShow = function () {

    	    this.lyr.style.visibility = 'visible';

	};

    	FlyLyr.prototype.position = positionLayer;

	var vers = navigator.appVersion.split ("MSIE ");

	vers = vers[vers.length - 1];

	FlyLyr.usepos = {

	    'BODY': 1,

	    'IMG': 1,

	    'TABLE': 1,

	    'TD': 1

	};

	if (parseInt (vers) < 5)

	    FlyLyr.usepos["TR"] = 1;

	else if (! FlyLyr.unmacOffset) {

	    FlyLyr.usepos["startX"] = 8;

	    FlyLyr.usepos["startY"] = 12;

	}

    } else {

    	FlyLyr.prototype.realHide = function () {

    	    this.lyr.visibility = 'hide';

	};

    	FlyLyr.prototype.realShow = function () {

    	    this.lyr.visibility = 'show';

	};

    	FlyLyr.prototype.position = positionLayerNS;

    }

}



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) { // was 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];

    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)

	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 ();

}