/* =================================================================================================
* 
*
* Javascript library responsible for the semi-transparent multi-level dropdown menus
*
* Copyright 2003, Aaron Boodman (aaron@youngpup.net)
* =================================================================================================
* "Can I use this?"
* 
* Use of this library is governed by the Creative Commons Attribution-NonCommercial-ShareAlike 1.0
* License. You can check it out at: http://creativecommons.org/licenses/by-nc-sa/1.0
*
* Basically:
* - You may copy, distribute, and eat this code as you wish. But you must give me credit for 
* writing it. You may not misrepresent yourself as the author of this code.
* - You may not use this code in a commercial setting without prior consent from me.
* - If you make changes to this code, you must make the changes available under a license like
* this one.
* =================================================================================================
* "It's kinda hard to read, though"
*
* The uncompressed, commented version of this script can be found at: 
* http://youngpup.net/code/DropDowns
* ============================================================================================== */

/* Added by Matthew Arieta Sept 15th 2004 */

var IE = (document.all) ? 1 : 0;
var dObj = "all."; var stlObj = ".style";

function sMnu(tDiv) {
	document.getElementById(tDiv).style.visibility = "visible";
}

function hMnu(tDiv) {
	document.getElementById(tDiv).style.visibility = "hidden";
}

function hideForm() {
	if (IE && document.getElementById('dhtml_patch')) {
		hMnu('dhtml_patch');
	}
	
	// Dave's additions to handle select boxes...
	if (IE) {
		var select_boxes = document.getElementsByTagName("select");
		for(var i = 0; i < select_boxes.length; i++) {  // Loop through the returned tags
			if (select_boxes[i].className.indexOf('hideForMenu') >= 0)
				select_boxes[i].style.visibility = "hidden";
		} 
	}
}

function showForm() {
	if (IE && document.getElementById('dhtml_patch')) {
		sMnu('dhtml_patch');
	}
	

	if (IE) {
		var select_boxes = document.getElementsByTagName("select");
		for(var i = 0; i < select_boxes.length; i++) {  // Loop through the returned tags
			if (select_boxes[i].className.indexOf('hideForMenu') >= 0)
				select_boxes[i].style.visibility =
"visible";
		} 
	}
}


DropDown.spacerGif = "/cps/images/spacer.gif"; 
DropDown.dingbatOn = "/cps/images/spacer.gif"; 
DropDown.dingbatOff = "/cps/images/spacer.gif"; 
DropDown.dingbatSize = 0; 
DropDown.menuPadding = 5; 
DropDown.itemPadding = 5; 
DropDown.shadowSize = 0; 
DropDown.shadowOffset = 0; 
DropDown.shadowColor = ""; 
DropDown.shadowPng = ""; 
DropDown.backgroundColor = ""; //main menu bg color
DropDown.backgroundPng = ""; 
DropDown.hideDelay = 300; 
DropDown.slideTime = 300; 

DropDown.reference = {topLeft:1,topRight:2,bottomLeft:3,bottomRight:4};
DropDown.direction = {down:1,right:2};
DropDown.registry = [];
DropDown._maxZ = 100;

DropDown.isSupported = function() {
    if (typeof DropDown.isSupported.r == "boolean") 
        return DropDown.isSupported.r;
        var ua = navigator.userAgent.toLowerCase();
        var an = navigator.appName;
        var r = false;
    if (ua.indexOf("gecko") > -1) r = true; 
    else if (an == "Microsoft Internet Explorer") {
        if (document.getElementById) r = true; 
        }
    else if (an == "Opera") {
        if (document.getElementById) r = true; 
        }
    DropDown.isSupported.r = r;
    return r;
}

DropDown.initialize = function() {
    for (var i = 0, menu = null; menu = this.registry[i]; i++) {
        menu.initialize();
    }
}

DropDown.renderAll = function() {
    var aMenuHtml = [];
    for (var i = 0, menu = null; menu = this.registry[i]; i++) {
        aMenuHtml[i] = menu.toString();
    }
    document.write(aMenuHtml.join(""));
}

function DropDown(oActuator, iDirection, iLeft, iTop, iReferencePoint, parentMenuSet) {
    this.addItem = addItem;
    this.addMenu = addMenu;
    this.toString = toString;
    this.initialize = initialize;
    this.isOpen = false;
    this.show = show;
    this.hide = hide;
    this.items = [];

    this.onactivate = new Function(); 
    this.ondeactivate = new Function(); 
    this.onmouseover = new Function(); 
    this.onqueue = new Function(); 

    this.index = DropDown.registry.length;

    DropDown.registry[this.index] = this;
    var id = "DropDown" + this.index;

    var contentHeight = null;
    var contentWidth = null;
    var childMenuSet = null;
    var animating = false;
    var childMenus = [];
    var slideAccel = -1;
    var elmCache = null;
    var ready = false;
    var _this = this;
    var a = null;
    var pos = iDirection == DropDown.direction.down ? "top" : "left";

    var dim = null;

    function addItem(sText, sUrl) {
        var item = new DropDownItem(sText, sUrl, this);
        item._index = this.items.length;
        this.items[item._index] = item;
        //alert(item);
    }
    function addMenu(oMenuItem) {
        if (!oMenuItem.parentMenu == this) throw new Error("Cannot add a menu here");
        if (childMenuSet == null) childMenuSet = new DropDownSet(DropDown.direction.right, 1, 0, DropDown.reference.topRight);
        var m = childMenuSet.addMenu(oMenuItem);
        childMenus[oMenuItem._index] = m;
        m.onmouseover = child_mouseover;
        m.ondeactivate = child_deactivate;
        m.onqueue = child_queue;
        return m;
    }
    function initialize() {
        initCache();
        initEvents();
        initSize();
        ready = true;
    }

    //SHOW
    function show() {
        if (ready) {

        _this.isOpen = true;
        animating = true;
        setContainerPos();
        elmCache["clip"].style.visibility = "visible";
        elmCache["clip"].style.zIndex = DropDown._maxZ++;
        slideStart();
        _this.onactivate();
        //hideForm();
    }
}

//HIDE
function hide() {
    if (ready) {
    _this.isOpen = false;
    animating = true;
    for (var i = 0, item = null; item = elmCache.item[i]; i++) 
        dehighlight(item);
        if (childMenuSet) childMenuSet.hide();
        slideStart();
        _this.ondeactivate();
        //showForm();
    }
}

function setContainerPos() {
    var sub = oActuator.constructor == DropDownItem; 
    var act = sub ? oActuator.parentMenu.elmCache["item"][oActuator._index] : oActuator; 
    var el = act;
    var x = 0;
    var y = 0;
    var minX = 0;
    var maxX = (window.innerWidth ? window.innerWidth : document.body.clientWidth) - parseInt(elmCache["clip"].style.width);
    var minY = 0;
    var maxY = (window.innerHeight ? window.innerHeight : document.body.clientHeight) - parseInt(elmCache["clip"].style.height);
    while (sub ? el.parentNode.className.indexOf("DropdownMenu") == -1 : el.offsetParent) {
    x += el.offsetLeft;
    y += el.offsetTop;
    if (el.scrollLeft) x -= el.scrollLeft;
    if (el.scrollTop) y -= el.scrollTop;
        el = el.offsetParent;
    }
    if (oActuator.constructor == DropDownItem) {
        x += parseInt(el.parentNode.style.left);
        y += parseInt(el.parentNode.style.top);
    }

    //right most dd is left aligned
    if(id=="DropDown7"){
        x=x-99;
    }

    switch (iReferencePoint) {
        case DropDown.reference.topLeft:
            break;
        case DropDown.reference.topRight:
            x += act.offsetWidth;
            break;
        case DropDown.reference.bottomLeft:

            y += act.offsetHeight;
            break;
        case DropDown.reference.bottomRight:
            x += act.offsetWidth;
            y += act.offsetHeight;
            break;
    }


    x += iLeft;
    y += iTop;
    x = Math.max(Math.min(x, maxX), minX);
    y = Math.max(Math.min(y, maxY), minY);
    elmCache["clip"].style.left = x + "px";
    elmCache["clip"].style.top = y + "px";
}

function slideStart() {
    var x0 = parseInt(elmCache["content"].style[pos]);
    var x1 = _this.isOpen ? 0 : -dim;
    if (a != null) a.stop();
    a = new Accelimation(x0, x1, DropDown.slideTime, slideAccel);
    a.onframe = slideFrame;
    a.onend = slideEnd;
    a.start();
}

function slideFrame(x) {
    elmCache["content"].style[pos] = x + "px";
}

function slideEnd() {
    if (!_this.isOpen) elmCache["clip"].style.visibility = "hidden";
    animating = false;
}

function initSize() {

    var ow = elmCache["items"].offsetWidth;
    var oh = elmCache["items"].offsetHeight;

    var ua = navigator.userAgent.toLowerCase();

    elmCache["clip"].style.width = ow + DropDown.shadowSize + 2 + "px";
    elmCache["clip"].style.height = oh + DropDown.shadowSize + 2 + "px";

    elmCache["content"].style.width = ow + DropDown.shadowSize + "px";
    elmCache["content"].style.height = oh + DropDown.shadowSize + "px";
    contentHeight = oh + DropDown.shadowSize;
    contentWidth = ow + DropDown.shadowSize;
    dim = iDirection == DropDown.direction.down ? contentHeight : contentWidth;

    elmCache["content"].style[pos] = -dim - DropDown.shadowSize + "px";
    elmCache["clip"].style.visibility = "hidden";

    if (ua.indexOf("mac") == -1 || ua.indexOf("gecko") > -1) {

        elmCache["background"].style.width = ow + "px";
        elmCache["background"].style.height = oh + "px";
        elmCache["background"].style.backgroundColor = DropDown.backgroundColor;

        elmCache["shadowRight"].style.left = ow + "px";
        elmCache["shadowRight"].style.height = oh - (DropDown.shadowOffset - DropDown.shadowSize) + "px";
        elmCache["shadowRight"].style.backgroundColor = DropDown.shadowColor;



        elmCache["shadowBottom"].style.top = oh + "px";
        elmCache["shadowBottom"].style.width = ow - DropDown.shadowOffset + "px";
        elmCache["shadowBottom"].style.backgroundColor = DropDown.shadowColor;
    }

    else {

    elmCache["background"].firstChild.src = DropDown.backgroundPng;
    elmCache["background"].firstChild.width = ow;
    elmCache["background"].firstChild.height = oh;

    elmCache["shadowRight"].firstChild.src = DropDown.shadowPng;
    elmCache["shadowRight"].style.left = ow + "px";
    elmCache["shadowRight"].firstChild.width = DropDown.shadowSize;
    elmCache["shadowRight"].firstChild.height = oh - (DropDown.shadowOffset - DropDown.shadowSize);



    elmCache["shadowBottom"].firstChild.src = DropDown.shadowPng;
    elmCache["shadowBottom"].style.top = oh + "px";
    elmCache["shadowBottom"].firstChild.height = DropDown.shadowSize;
    elmCache["shadowBottom"].firstChild.width = ow - DropDown.shadowOffset;
    }
}

function initCache() {
    var menu = document.getElementById(id);
    var all = menu.all ? menu.all : menu.getElementsByTagName("*"); 
    elmCache = {};
    elmCache["clip"] = menu;
    elmCache["item"] = [];
    for (var i = 0, elm = null; elm = all[i]; i++) {
        switch (elm.className) {
            case "items":
            case "content":
            case "background":
            case "shadowRight":
            case "shadowBottom":
                elmCache[elm.className] = elm;
                break;
            case "item":
                elm._index = elmCache["item"].length;
                elmCache["item"][elm._index] = elm;
                break;
    }
}

_this.elmCache = elmCache;
}
function initEvents() {

for (var i = 0, item = null; item = elmCache.item[i]; i++) {
//alert(item);
item.onmouseover = item_mouseover;
item.onmouseout = item_mouseout;
item.onclick = item_click;
}

if (typeof oActuator.tagName != "undefined") {
oActuator.onmouseover = actuator_mouseover;
oActuator.onmouseout = actuator_mouseout;
}

elmCache["content"].onmouseover = content_mouseover;
elmCache["content"].onmouseout = content_mouseout;
}
function highlight(oRow) {
oRow.className = "item hover";
if (childMenus[oRow._index]) 
oRow.lastChild.firstChild.src = DropDown.dingbatOn;
}
function dehighlight(oRow) {
oRow.className = "item";
if (childMenus[oRow._index]) 
oRow.lastChild.firstChild.src = DropDown.dingbatOff;
}
function item_mouseover() {
if (!animating) {
highlight(this);
//alert("hi");
if (childMenus[this._index]) 
childMenuSet.showMenu(childMenus[this._index]);
else if (childMenuSet) childMenuSet.hide();
}
}
function item_mouseout() {
if (!animating) {
if (childMenus[this._index])
childMenuSet.hideMenu(childMenus[this._index]);
else 
dehighlight(this);
}
}
/*function item_click() {
if (!animating) {
if (_this.items[this._index].url) 
location.href = _this.items[this._index].url;
}
}*/

function item_click() {
	var ua = navigator.userAgent.toLowerCase();
	var an = navigator.appName;


	if (an == "Microsoft Internet Explorer") {
		if (ua.indexOf("6.0") > -1 || ua.indexOf("7.0") > -1){
			var ie6=true;
		}
	} else {
		ie6=false;
	}
	if (!animating) {
		setHref = true
		thisIndex = this._index	
		if (ie6){	//ie 6 doubles index for some reason???
			if (thisIndex % 2 == 0){
				thisIndex = thisIndex/2
			} else {
				setHref = false
			}	
			
		}	
		if (setHref) {
			if (_this.items[thisIndex].url) {
				//alert(_this.items[thisIndex].url)
				location.href = _this.items[thisIndex].url;
			}
		}	
	}
	
}


function actuator_mouseover() {
parentMenuSet.showMenu(_this);


}
function actuator_mouseout() {
parentMenuSet.hideMenu(_this);
}
function content_mouseover() {
if (!animating) {
parentMenuSet.showMenu(_this);
_this.onmouseover();
}
}
function content_mouseout() {
if (!animating) {
parentMenuSet.hideMenu(_this);
}
}
function child_mouseover() {
if (!animating) {
parentMenuSet.showMenu(_this);
}
}
function child_deactivate() {
for (var i = 0; i < childMenus.length; i++) {
if (childMenus[i] == this) {
dehighlight(elmCache["item"][i]);
break;
}
}
}
function child_queue() {
parentMenuSet.hideMenu(_this);
}



function toString() {
var aHtml = [];
var sClassName = "DropdownMenu" + (oActuator.constructor != DropDownItem ? " top" : " right");
for (var i = 0, item = null; item = this.items[i]; i++) {
aHtml[i] = item.toString(childMenus[i]);
//alert(aHtml[i]);
}

//this section sets the minimum width of the tab for the drop down top line (need to dynamically resize container, but not tab)
var divWidth = new Array();
//alert(id);
var divId;
divId = id.replace(/DropDown/, "");

//set width of top mnu tab peice
//programs
divWidth[0] = 127;

//online learning
divWidth[1] = 127;

//international
divWidth[2] = 159;

//registration
divWidth[3] = 158;

//admissions
divWidth[4] = 127;

//alumni
divWidth[5] = 127;

//student services
divWidth[6] = 127;

//about cps
divWidth[7] = 127;


return '<div style="margin:0px;padding:0px;" id="' + id + '" class="' + sClassName + '">' + 
'<div class="content" style="position:relative;z-index:1000;margin:0px;padding:0px;">' +
'<table class="items" cellpadding="0" cellspacing="0" border="0" height="100%" width="' + eval(divWidth[divId]) + '">' + 
	'<tr>' +
		'<td style="background: #c60000;" align="left" valign="top" width="' + eval(divWidth[divId]) + '">' +
			'<table border="0" align="left" cellpadding="0" cellspacing="0" width="' + eval(divWidth[divId] ) + '">' +
				aHtml.join('') + 
			'</table>' +
		'</td>' +
	'</tr>' +
	'<tr>' +
	'   <td style="background: #c60000;" valign="top"><img src="/cps/images/spacer.gif" width="1" height="8"></td>' +
	'</tr>' +
'</table>' + 
'<div class="shadowBottom"></div>' + 
'<div class="shadowRight"></div>' + 
'<div class="background"></div>' + 
'</div>' +
'</div>';
}
}
    





DropDownSet.registry = [];
function DropDownSet(iDirection, iLeft, iTop, iReferencePoint) {

this.addMenu = addMenu;
this.showMenu = showMenu;
this.hideMenu = hideMenu;
this.hide = hide;

var menus = [];
var _this = this;
var current = null;
this.index = DropDownSet.registry.length;
DropDownSet.registry[this.index] = this;

function addMenu(oActuator) {
var m = new DropDown(oActuator, iDirection, iLeft, iTop, iReferencePoint, this);
menus[menus.length] = m;
return m;
}
function showMenu(oMenu) {
if (oMenu != current) {

if (current != null) hide(current); 

current = oMenu;

oMenu.show();
hideForm(); //MA
}
else {

cancelHide(oMenu);
}
}
function hideMenu(oMenu) {
if (current == oMenu && oMenu.isOpen) {

if (!oMenu.hideTimer) scheduleHide(oMenu);
}
}
function scheduleHide(oMenu) {

oMenu.onqueue();
oMenu.hideTimer = window.setTimeout("DropDownSet.registry[" + _this.index + "].hide(DropDown.registry[" + oMenu.index + "])", DropDown.hideDelay);
}
function cancelHide(oMenu) {

if (oMenu.hideTimer) {
window.clearTimeout(oMenu.hideTimer);
oMenu.hideTimer = null;
}
}
function hide(oMenu) { 
if (!oMenu && current) oMenu = current;
if (oMenu && current == oMenu && oMenu.isOpen) {

cancelHide(oMenu);
current = null;
oMenu.hideTimer = null;
oMenu.hide();
showForm(); //MA
}
}
}

var x = 0;
var numLines = 0;
var setNum = 0;
var j = 0;

function DropDownItem(sText, sUrl, oParent) {
var z = oParent.items.length;
this.toString = toString;
this.text = sText;
this.url = sUrl;
this.parentMenu = oParent;
function toString(bDingbat) {

var ua = navigator.userAgent.toLowerCase();
var an = navigator.appName;

//alert(navigator.userAgent.toLowerCase());

if (an == "Microsoft Internet Explorer") {
    if (ua.indexOf("6.0") > -1 || ua.indexOf("7.0") > -1){
        var ie6=true;
    }
	if (ua.indexOf("7.0") > -1){
		var ie7=true;	
	}
} else {
    ie6=false;
}



var sDingbat = bDingbat ? DropDown.dingbatOff : DropDown.spacerGif;
var iEdgePadding = DropDown.itemPadding + DropDown.menuPadding;
var sPaddingLeft = "padding:" + DropDown.itemPadding + "px; padding-left:" + iEdgePadding + "px;"
var sPaddingRight = "padding:" + DropDown.itemPadding + "px; padding-right:" + iEdgePadding + "px;"

    if(ie6){
        return  '<tr class="item"><td style="padding-left: 10px;"><img src="/cps/images/mnuddarrow.gif" width="8" height="5" border="0"></td><td style="padding-right:15px; height: 18px; white-space:no-wrap;" class="item" nowrap>' + sText + '</td></tr>';
    } 
	
	else {
        return '<tr class="item"><td style="padding-left: 10px;"><img src="/cps/images/mnuddarrow.gif" width="8" height="5" border="0"></td><td style="padding-right:15px; padding-top: 2px; padding-bottom: 2px; width:100%;white-space:no-wrap;" nowrap>' + sText + '</td></tr>';
    }

}
}

function Accelimation(from, to, time, zip) {
if (typeof zip == "undefined") zip = 0;
if (typeof unit == "undefined") unit = "px";
this.x0 = from;
this.x1 = to;
this.dt = time;
this.zip = -zip;
this.unit = unit;
this.timer = null;
this.onend = new Function();
this.onframe = new Function();
}




Accelimation.prototype.start = function() {
this.t0 = new Date().getTime();
this.t1 = this.t0 + this.dt;
var dx = this.x1 - this.x0;
this.c1 = this.x0 + ((1 + this.zip) * dx / 3);
this.c2 = this.x0 + ((2 + this.zip) * dx / 3);
Accelimation._add(this);
}

Accelimation.prototype.stop = function() {
Accelimation._remove(this);
}




Accelimation.prototype._paint = function(time) {
if (time < this.t1) {
var elapsed = time - this.t0;
this.onframe(Accelimation._getBezier(elapsed/this.dt,this.x0,this.x1,this.c1,this.c2));
}
else this._end();
}

Accelimation.prototype._end = function() {
Accelimation._remove(this);
this.onframe(this.x1);
this.onend();
}




Accelimation._add = function(o) {
var index = this.instances.length;
this.instances[index] = o;

if (this.instances.length == 1) {
this.timerID = window.setInterval("Accelimation._paintAll()", this.targetRes);
}
}

Accelimation._remove = function(o) {
for (var i = 0; i < this.instances.length; i++) {
if (o == this.instances[i]) {
this.instances = this.instances.slice(0,i).concat( this.instances.slice(i+1) );
break;
}
}

if (this.instances.length == 0) {
window.clearInterval(this.timerID);
this.timerID = null;
}
}

Accelimation._paintAll = function() {
var now = new Date().getTime();
for (var i = 0; i < this.instances.length; i++) {
this.instances[i]._paint(now);
}
}

Accelimation._B1 = function(t) { return t*t*t }
Accelimation._B2 = function(t) { return 3*t*t*(1-t) }
Accelimation._B3 = function(t) { return 3*t*(1-t)*(1-t) }
Accelimation._B4 = function(t) { return (1-t)*(1-t)*(1-t) }

Accelimation._getBezier = function(percent,startPos,endPos,control1,control2) {
return endPos * this._B1(percent) + control2 * this._B2(percent) + control1 * this._B3(percent) + startPos * this._B4(percent);
}



Accelimation.instances = [];
Accelimation.targetRes = 10;
Accelimation.timerID = null;