/****** CASCADING POPUP MENUS v3.1 by Angus Turnbull http://gusnz.cjb.net ******/

var isDOM = (document.getElementById ? true : false);
var isIE  = (document.all ? true: false);
var isNS4 = (navigator.appName=='Netscape' && !isDOM ? true : false);
var isIE4 = ((isIE && !isDOM) ? true : false);
var isWin = ((navigator.platform.indexOf('Win') != -1) ? true : false);
var isDyn = (isDOM || isIE4 || isNS4);

function getRef(id, par)
{
 par = (!par ? document : (par.navigator ? par.document : par));
 return (isIE ? par.all[id] :
  (isDOM ? (par.getElementById?par:par.ownerDocument).getElementById(id) :
  par.layers[id]));
}

function getSty(id, par)
{
 return (isNS4 ? getRef(id, par) : getRef(id, par).style)
}

function LayerObj(id, par)
{
 this.ref = getRef(id, par);
 this.sty = getSty(id, par);

 this.x = function(nX) { if (!isNaN(nX)) this.sty.left = nX; else return parseInt(this.sty.left) }
 this.y = function(nY) { if (!isNaN(nY)) this.sty.top = nY; else return parseInt(this.sty.top) }

 this.vis = function(val) { this.sty.visibility = val }

 this.bgColor = function(col) {
  if (!col) col = isNS4 ? null : 'transparent';
  if (isNS4) this.sty.bgColor = col;
  else this.sty.backgroundColor = col }

 this.bgImage = function(img) {
  if (isNS4) { if (!img) img=null; this.sty.background.src=img }
  else this.sty.backgroundImage=(img?'url('+img+')':'') }

 this.write = function(txt) {
  if (isNS4) with (this.ref.document) { write(txt); close() }
  else this.ref.innerHTML = txt }

 this.alpha = function(val) { with (this) {
  if (isIE && isWin) {
   if (sty.filter.indexOf('alpha')==-1) sty.filter+='alpha()';
   ref.filters.alpha.opacity=val }
  else if (isDOM) sty.MozOpacity=(val/100); }}

 return this;
}
function getLyr(id, par) { return new LayerObj(id, par) }

function setLyr(lVis, docW, par)
{
 if (!this.seq) seq = 0;
 if (!docW) docW = 0;
 var obj = (!par ? (isNS4 ? window : document.body) :
  (!isNS4 && par.navigator ? par.document.body : par));
 var newID = '_js_layer_' + seq++;

 if (isIE) obj.insertAdjacentHTML('beforeEnd', '<div id="' + newID +
  '" style="position:absolute"></div>');
 else if (isDOM)
 {
  var newL = document.createElement('div');
  obj.appendChild(newL);
  with (newL) { id = newID; style.position='absolute' }
 }
 else if (isNS4)
 {
  var newL = new Layer(docW, obj);
  newID = newL.id;
 }

 var lObj = getLyr(newID, par);

 with (lObj) { vis(lVis); x(0); y(0); sty.width=docW }
 return lObj;
}

function popOver(mN, iN) { with (this)
{
 clearTimeout(hideTimer);
 overM = mN;
 overI = iN;
 var thisI = menu[mN][iN];

 if (thisI.onmouseover) thisI.onmouseover();

 litOld = litNow;
 litNow = new Array();
 var litM = mN, litI = iN;
 while(1)
 {
  litNow[litM] = litI;
  if (litM == 'root') break;
  litI = menu[litM][0].parentItem;
  litM = menu[litM][0].parentMenu;
 }

 var same = true;
 for (var z in menu) if (litNow[z] != litOld[z]) same = false;
 if (same) return;

 for (thisM in menu)
 {
  litI = litNow[thisM];
  oldI = litOld[thisM];

  if (litI && (litI != oldI)) changeCol(thisM, litI, true);

  if (oldI && (oldI != litI)) changeCol(thisM, oldI, false);

  if (isNaN(litI)) { menu[thisM][0].lyr.vis('hidden') }
 }

 clearTimeout(showTimer);
 nextMenu = '';
 if (thisI.type == 'sm:')
 {
  var lyrM = menu[mN][0].lyr;

  with (menu[thisI.href][0])
  {
   lyr.x(lyrM.x() + thisI.lyr.x() + eval(offX));
   lyr.y(lyrM.y() + thisI.lyr.y() + eval(offY));

   showStr = objName + '.menu.' + thisI.href + '[0].lyr.vis("visible")';
   nextMenu = thisI.href;
   if (showDelay) showTimer = setTimeout(showStr, showDelay);
   else eval(showStr);
  }
 }
}}

function popChangeCol(mN, iN, isOver) { with (this.menu[mN][iN])
{
 var col = isOver ? overCol : outCol;
 if (col.indexOf('.') == -1) lyr.bgColor(col);
 else lyr.bgImage(col);

 if (overClass == outClass) return;

 if (isNS4) lyr.write(this.getHTML(mN, iN, isOver));

 else with (lyr.ref)
 {
  var chl = (isDOM ? childNodes : children)
  for (var i = 0; i < chl.length; i++) chl[i].className = (isOver ? overClass : outClass);
 }
}}

function popOut(mN, iN) { with (this)
{
 var thisI = menu[mN][iN];
 if (thisI.onmouseout) thisI.onmouseout();

 if (thisI.href != nextMenu) clearTimeout(showTimer);

 var delay = ((mN == 'root') && (thisI.type != 'sm:')) ? 50 : hideDelay;
 hideTimer = setTimeout(objName + '.over("root", 0)', delay);

 overM = 'root';
 overI = 0;
}}

function popClick() { with (this)
{
 if (overI)
 {
  var thisI = menu[overM][overI];

  if (thisI.onclick) thisI.onclick();

  with (thisI) switch (type)
  {
   case 'sm:': return;
   case 'js:': { eval(href); break }
   case '': type = 'window';
   default: if (href) eval(type + '.location.href = "' + href + '"');
  }
 }

 over('root', 0);
}}

function addProps(obj, data, names, addNull)
{
 for (var i = 0; i < names.length; i++) if(i < data.length || addNull) obj[names[i]] = data[i];
}

function ItemStyle()
{
 var names = ['len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass',
  'overClass', 'borderClass'];
 addProps(this, arguments, names, true);
}

function popStartMenu(mName) { with (this)
{
 if (!menu[mName]) { menu[mName] = new Array(); menu[mName][0] = new Object(); }

 actMenu = mName;
 menu[mName].length = 1;
 nextItem = 1;
 var aM = menu[mName][0];

 var names = ['isVert', 'isVert', 'offX','offY', 'width', 'itemSty', 'parentMenu', 'parentItem'];
 addProps(aM, arguments, names, true);
 if (!aM.lyr) aM.lyr = null;
}}

function popAddItem() { with (this)
{
 var aI = menu[actMenu][nextItem++] = new Object();

 var names = ['text', 'href', 'type', 'itemSty', 'len', 'spacing', 'popInd', 'popPos',
  'iW', 'iH', 'lyr'];
 addProps(aI, arguments, names, true);

 var iSty = (arguments[3] ? arguments[3] : menu[actMenu][0].itemSty);
 for (prop in iSty) if (aI[prop] == window.UnDeFiNeD) aI[prop] = iSty[prop];

 if (isNS4 && aI.borderClass) aI.pad++;
}}

function popGetHTML(mN, iN, isOver) { with (this)
{
 var itemStr = '';
 with (menu[mN][iN])
 {
  var textClass = (isOver ? overClass : outClass);

  if ((type == 'sm:') && popInd)
  {
   if (isNS4) itemStr += '<layer class="' + textClass + '" left="'+ ((popPos+iW) % iW) +
    '" top="' + pad + '">' + popInd + '</layer>';
   else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' +
    ((popPos+iW) % iW) + '; top: ' + pad + '">' + popInd + '</div>';
  }

  if (isNS4) itemStr += (borderClass ? '<span class="' + borderClass + '">' +
   '<spacer type="block" width="' + (iW - 8) + '" height="' + (iH - 8) + '"></span>' : '') +
   '<layer left="' + pad + '" top="' + pad + '" width="' + (iW - (2 * pad)) + '" height="' +
   (iH - (2 * pad)) + '"><a class="' + textClass + '" href="#" ' +
   'onClick="return false" onMouseOver="status=\'\'; return true">' + text + '</a></layer>';

  else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' + pad +
   '; top: ' + pad + '; width: ' + (iW - (2 * pad)) + '; height: ' + (iH - (2 * pad)) +
   '">' + text + '</div>';
 }
 return itemStr;
}}

function popUpdate() { with (this)
{
 if (!isDyn) return;

 for (mN in menu) with (menu[mN][0])
 {
  var str = '', iX = 0, iY = 0;

  for (var iN = 1; iN < menu[mN].length; iN++) with (menu[mN][iN])
  {
   var itemID = objName + '_' + mN + '_' + iN;

   if (type == 'sm:')
   {
    menu[href][0].parentMenu = mN;
    menu[href][0].parentItem = iN;
   }

   var shrink = (borderClass && isDOM && !isIE ? 2 : 0)
   iW = (isVert ? width : len) - shrink;
   iH = (isVert ? len : width) - shrink;

   var isImg = (outCol.indexOf('.') != -1) ? true : false;

   if (isDOM || isIE4)
   {
    str += '<div id="' + itemID + '" ' + (borderClass ? 'class="' + borderClass + '" ' : '') +
     'style="position: absolute; left: ' + iX + '; top: ' + iY + '; width: ' + iW + '; height: ' +
     iH + '; ' + (outCol ? 'background: ' + (isImg ? 'url('+ outCol+')' : outCol) : '') + '" ';
   }
   if (isNS4)
   {
    str += '<layer id="' + itemID + '" left="' + iX + '" top="' + iY + '" width="' +
     iW + '" height="' + iH + '" ' + (outCol ? (isImg ? 'background="' : 'bgcolor="') +
     outCol + '" ' : '');
   }

   str += 'onMouseOver="' + objName + '.over(\'' + mN + '\',' + iN + ')" ' +
     'onMouseOut="' + objName + '.out(\'' + mN + '\',' + iN + ')">' +
     getHTML(mN, iN, false) + (isNS4 ? '</layer>' : '</div>');

   var spc = (borderClass ? 1 : 0)
   if (isVert) iY += len + spacing - spc;
   else iX += len + spacing - spc;

  }

  if (!lyr) lyr = setLyr('hidden', 3);
  else if (isIE4) setTimeout(objName + '.menu.' + mN + '[0].lyr.sty.width=9', 50);

  with (lyr) { sty.zIndex = 1000; write(str); sty.cursor = (isIE ? 'hand' : 'pointer') }

  for (var i = 1; i < menu[mN].length; i++)
   menu[mN][i].lyr = getLyr(objName + '_' + mN + '_' + i, lyr.ref);

 }

 position();
 menu.root[0].lyr.vis('visible');
}}

function PopupMenu(objName)
{
 this.objName = objName;

 this.showTimer = 0;
 this.hideTimer = 0;
 this.showDelay = 0;
 this.hideDelay = 500;
 this.showMenu = '';

 this.menu =  new Array();
 this.litNow = new Array();
 this.litOld = new Array();

 this.overM = 'root';
 this.overI = 0;

 this.actMenu = '';
 this.nextItem = 1;

 this.over = popOver;
 this.changeCol = popChangeCol;
 this.out = popOut;
 this.click = popClick;
 this.startMenu = popStartMenu;
 this.addItem = popAddItem;
 this.getHTML = popGetHTML;
 this.update = popUpdate;

 this.position = function() { with (this.menu.root[0])
 {
  if (!lyr) return;

  var winWidth = (isIE ? document.body.clientWidth : window.innerWidth)
  lyr.x(eval(offX));
  lyr.y(eval(offY));
 }}

}

var hBar = new ItemStyle(40, 10, '', 0, 0, '', '#008CBB', 'itemText', 'itemText', '');

var dBlue = new ItemStyle(22, 0, '&gt;', -15, 3, '#28527B', '#008CBB', 'itemText', 'itemHover',
 'itemBorder');

var crazy = new ItemStyle(22, 1, '&gt;', -15, 2, '#666699', '#333366', 'crazyText', 'crazyHover',
 'crazyBorder');

var pMenu = new PopupMenu('pMenu');
with (pMenu)
{

startMenu('root', false, 158, 106, 18, hBar);

addItem('&nbsp; SCCC HOMEPAGE', 'mSCCC', 'sm:', hBar, 113);
addItem('&nbsp; STUDENTS', 'mSTUDENTS', 'sm:', hBar, 75);
addItem('&nbsp; FACULTY / STAFF', 'mFAC', 'sm:', hBar, 114);
addItem('&nbsp; LIBRARY', 'http://dept.sccd.ctc.edu/cclib/index.html', '', hBar, 65);

startMenu('mSCCC', true, 0, 22, 113, dBlue);
addItem('Admission - Testing', 'http://seattlecentral.org/admissions/', '');
addItem('Advising', 'http://seattlecentral.org/advising/', '');
addItem('Registration', 'http://seattlecentral.org/registration/', '');
addItem('Financial Aid', 'http://seattlecentral.org/finaid/', '');
addItem('Courses', 'http://www.seattlecolleges.com/centralSked/', '');
addItem('Special Program', 'http://seattlecentral.org/sprog/', '');
addItem('What\'s New', 'http://seattlecentral.org/whatsnew/', '');
addItem('Computing', 'http://seattlecentral.org/computing/', '');
addItem('Library', 'http://seattlecentral.org/library/', '');
addItem('The College', 'http://seattlecentral.org/sccc/', '');

startMenu('mSTUDENTS', true, 0, 22, 95, dBlue);
addItem('Online Services', 'http://seattlecentral.org/stumailweb/', '');
addItem('Student Info.', 'http://seattlecentral.org/stuinfo/', '');
addItem('Academic Asst.', 'http://seattlecentral.org/sactr/', '');
addItem('Career Resources', 'http://seattlecentral.org/career/', '');
addItem('4 Year Transfer', 'http://seattlecentral.org/ctac/', '');
addItem('Counseling', 'http://seattlecentral.org/counsel/', '');
addItem('Stdnt Leadership', 'http://seattlecentral.org/stu-lead/', '');
addItem('Calender', 'http://seattlecentral.org/cal/', '');
addItem('Finals Schedule', 'http://seattlecentral.org/sked/', '');

startMenu('mFAC', true, 0, 22, 80, dBlue);
addItem('Calendar', 'http://seattlecentral.org/cal/', '');
addItem('Directories', 'http://seattlecentral.org/dir/', '');
addItem('Web Grading', 'http://seattlecentral.org/webgrade/', '');
addItem('Links', 'http://seattlecentral.org/facstafflinks/', '');

}

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = new Function('evt', 'pMenu.click(); ' +
 'if (isNS4) return document.routeEvent(evt)');

window.onload = new Function('pMenu.update()');
window.onresize = new Function('ns4BugCheck(); pMenu.position()');

var origWinWidth = window.innerWidth;
function ns4BugCheck()
{
 if (isNS4 && origWinWidth != window.innerWidth) location.reload()
}

function showProps(obj){ s=''; for (p in obj) s+=p+' = '+String(obj[p]).substring(0,20)+'\n'; alert(s) }
function changeMenu() { with (pMenu)
{
 startMenu('mNewMenu', true, 0, 22, 120, dBlue);
 addItem('<b>Gus\' Web:</b><br>Extreme DHTML.<br>Small Code.<br>Click to Visit...',
  'window.open("http://gusnz.cjb.net")', 'js:', dBlue, 70);

 actMenu = 'root';
 nextItem = 4;
 addItem('&nbsp; Dynamism...', 'mNewMenu', 'sm:', hBar, 80);

 update();
}}

moveRoot = new Function('with(pMenu.menu.root[0].lyr) x( (x()<100) ? 100 : 5);');

function tipTrack(evt) { with (this)
{
 if (followMouse && div)
 {
  sX = (isIE ? document.body.scrollLeft : window.pageXOffset);
  sY = (isIE ? document.body.scrollTop : window.pageYOffset);
  mX = (isIE ? event.clientX + sX : evt.pageX);
  mY = (isIE ? event.clientY + sY : evt.pageY);
  pos()
 }
}}

function tipPos() { with (this)
{
 if (lastTip)
 {
  var t=tips[lastTip], tipX=t[0], tipY=t[1], tipW=t[2], tipH=t[3], adjX = 1;

  var winW = (isIE ? document.body.clientWidth : window.innerWidth - 10);
  var winH = (isIE ? document.body.clientHeight : window.innerHeight - 10);

  if (mX + tipX + tipW + 5 > sX + winW) { mX = sX + winW - tipX - tipW - 5; adjX = 2 }
  if (mY + tipY + tipH + 5 > sY + winH) mY = sY + winH - tipY - (adjX*tipH) - 5;

  div.x(mX + tipX);
  div.y(mY + tipY);
 }
}}

function tipShow(tipN) { with (this)
{
 if (!isDyn) return;

 if (!div) div = getLyr(myName + 'Layer');
 lastTip = tipN;
 showTip = true;
 if (followMouse) pos();

 var str = content;
 for (var i=0; i<10; i++) str = str.replace('%'+i+'%', tips[tipN][i]);
 div.write(str + ((document.all && !isWin) ? '<small><br></small>' : ''));

 fade();
}}

function tipHide() { with (this)
{
 if (!isDyn) return;

 showTip = false;
 fade();
}}

function tipFade() { with (this)
{
 clearTimeout(fadeTimer);

 if (showTip)
 {
  div.vis('visible');
  if (doFades && alpha < 100)
  {
   alpha += fadeSpeed;
   if (alpha > 100) alpha = 100;
   div.alpha(alpha);
   fadeTimer = setTimeout(myName + '.fade()', 50);
   return;
  }
 }

 else
 {
  if (doFades && alpha > 0)
  {
   alpha -= fadeSpeed;
   if (alpha < 0) alpha = 0;
   div.alpha(alpha);
   fadeTimer = setTimeout(myName + '.fade()', 50);
   return;
  }
  div.vis('hidden');
 }
}}

function TipObj(myName)
{
 this.myName = myName;
 this.tips = new Array();
 this.currTip = '';
 this.showTip = false;

 this.track = tipTrack;
 this.pos = tipPos;
 this.show = tipShow;
 this.hide = tipHide;
 this.fade = tipFade;

 this.div = null;

 this.followMouse = true;
 this.sX = 0;
 this.sY = 0;
 this.mX = 0;
 this.mY = 0;

 this.doFades = true;
 this.fadeTimer = 0;
 this.fadeSpeed = 10;
 this.alpha = 0;
}

var docTips = new TipObj('docTips');
with (docTips)
{
 tips.welcome = new Array(-200, -310, 400, 50, 'Our mission is to provide a safe learning environment that promotes critical thinking and instruction that is collaborative and relevant to the students\' educational and career goals.<br /><hr />The Chemistry Department offers courses that include both the science and non-science majors inorganic chemistry series. A three-quarter organic chemistry series is offered for second year students. Non-majors organic chemistry and biochemistry satisfy the allied health chemistry and Biotechnology requirements. Chemistry 100 is offered to fulfill the science lab requirement for non-science majors. Quantitative and instrumentation analysis are offered as independent study.<br /><hr />The dedicated team of faculty is made up of three full time instructors and part time instructors. The Chemistry instructors are committed to providing the students a challenging education that develops problem solving skills and critical thinking.<br /><hr />The laboratory provides hands-on opportunity for students through an open lab environment for the inorganic chemistry series and a scheduled closed lab setting for the organic chemistry.');

 content = '<table bgcolor="#003366" cellpadding="1" cellspacing="0" width="%2%" border="0">' +
  '<tr><td><table bgcolor="#6699CC" cellpadding="2" cellspacing="0" width="100%" border="0">' +
  '<tr><td height="%3%" class="docTips">%4%</td></tr></table></td></tr></table>';

}

if (isNS4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = new Function('evt', 'docTips.track(evt)');