/*
	*************************
	**** BEGIN Campus Menu
	*************************
*/
/*
	*************************
	**** CONFIGURABLES
	*************************
*/
var _iCampusMenuTxIn = 500;// ms to transition in open subnav
var _iFPS = 50;// frames per second to run FX
var _iCampusMenuBtnShadowHt = 8;// when open, campus menu btn has a shadow; account for this so it doesn't show when closed

/*
	*************************
	**** no need to change anything below
	*************************
*/
var _iCampusMenuOpenTop;// = _iSubnavInitLeft + _iSubnavAnimDist;
var _iCampusMenuClosedTop = 120;// base left pos of submenu (px); should correspond with CSS
var _iCampusMenuAnimDist = 30;// pixels to move submenu during transition in

var _elCampusMenuCont;
var _elCampusMenuBtn;
var _elCampusMenuLink;

var _bCampusMenuOpen = true;


function initCampusMenu() {
	// find/set elements
	_elCampusMenuCont = document.getElementById("changeLocations");
  _elCampusMenuBtn = document.getElementById("changeLocationBtn");
  _elCampusMenuLink = document.getElementById("changeLocationLink");

  _iCampusMenuOpenTop = getRealPos(_elCampusMenuCont, "Top");
  var iBtnTop = getRealPos(_elCampusMenuBtn, "Top");
  _iCampusMenuAnimDist = iBtnTop - _iCampusMenuOpenTop + _iCampusMenuBtnShadowHt;
  _iCampusMenuClosedTop = _iCampusMenuOpenTop - _iCampusMenuAnimDist; 

  //_elCampusMenuCont.style.visibility = 'visible';
	var oFX = new Fx.Morph(_elCampusMenuCont, {fps:_iFPS, duration:1});
  oFX.addEvent('complete', finishCampusMenu);
  oFX.start({
                 "top":[-_iCampusMenuAnimDist, -_iCampusMenuAnimDist]
             });
/* must use start() and not set() since set() doesn't fire 'complete' event
  oFX.set({
                 "top":-_iCampusMenuAnimDist
                 , "visibility":'visible'
             });
*/
  _bCampusMenuOpen = false;

  // now set menu item to show which stylesheet in is use; set by setCSS()
  var elActiveCampus = document.getElementById(_sIdActiveCampus);
  if(elActiveCampus) {
  	elActiveCampus.className = 'activeStyle';
  }
}

function finishCampusMenu() {
	//	element is now in position so we can show it
	_elCampusMenuCont.style.visibility = 'visible';
  /*	for IE6 bug in which visibility doesn't work right with absolutely positiond elements;
  	CSS initially sets element's position to relative so the scripted visibility will work;
     now we have to set it to absolute so the open/close scripting will work
  */
	_elCampusMenuCont.style.position = 'absolute';
}

function openCloseCampusMenu() {
	var iStart = 0;
  var iEnd = -_iCampusMenuAnimDist;

	if(!_bCampusMenuOpen) {
  	iStart = -_iCampusMenuAnimDist;
  	iEnd = 0;
     _elCampusMenuLink.className = "isOpen";
  }
  else {
     _elCampusMenuLink.className = "isClosed";
  }

	var oFX = new Fx.Morph(_elCampusMenuCont, {fps:_iFPS, duration:_iCampusMenuTxIn});
  oFX.start({
                 "top": [iStart, iEnd]
             });

	_bCampusMenuOpen = !_bCampusMenuOpen;
}

/*
	*************************
	**** END Campus Menu
	*************************
*/


