// JavaScript Document
<!-- 
	function MM_reloadPage(init) {  //reloads the window if Nav4 resized

		if (init==true) with (navigator) {
			if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
			    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;
			}
		}
		else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

	} //end fnc MM_reloadPage
	
	MM_reloadPage(true);
// -->

<!--
	var isDOM = (document.getElementById ? true : false); 
	var isIE4 = ((document.all && !isDOM) ? true : false);
	var isNS4 = (document.layers ? true : false);

	function getRef(id) {

		if (isDOM) return document.getElementById(id);
		if (isIE4) return document.all[id];
		if (isNS4) return document.layers[id];

	}// fnc getRef

	function getSty(id) {
		return (isNS4 ? getRef(id) : getRef(id).style);
	} //fnc getSty
	
	// Hide timeout.
	var popTimer = 0;
	// Array showing highlighted menu items.
	var litNow = new Array();

	function popOver(menuNum, itemNum) {
		clearTimeout(popTimer);
		hideAllBut(menuNum);
		litNow = getTree(menuNum, itemNum);
		changeCol(litNow, true);
		targetNum = menu[menuNum][itemNum].target;

		if (targetNum > 0) {
			thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
			thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);
			
			with (menu[targetNum][0].ref) {
				left = parseInt(thisX + menu[targetNum][0].x);
				top = parseInt(thisY + menu[targetNum][0].y);
				visibility = 'visible';
      		} //with
   		}
	}// fnc popOver

	function popOut(menuNum, itemNum) {

		if ((menuNum == 0) && !menu[menuNum][itemNum].target)
			hideAllBut(0)
		else
			popTimer = setTimeout('hideAllBut(0)', 400);

	}// fnc popOut

	function getTree(menuNum, itemNum) {

	// Array index is the menu number. The contents are null (if that menu is not a parent)
	// or the item number in that menu that is an ancestor (to light it up).
		itemArray = new Array(menu.length);

		while(1) {
			itemArray[menuNum] = itemNum;
			// If we've reached the top of the hierarchy, return.
			if (menuNum == 0) return itemArray;
				itemNum = menu[menuNum][0].parentItem;
				menuNum = menu[menuNum][0].parentMenu;
   			}
		} //fnc getTree

	// Pass an array and a boolean to specify colour change, true = over colour.
	function changeCol(changeArray, isOver) {
		
		for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
			if (changeArray[menuCount]) {
				newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
			// Change the colours of the div/layer background.
				with (menu[menuCount][changeArray[menuCount]].ref) {
					if (isNS4) bgColor = newCol;
					else backgroundColor = newCol;
         		} //end with
      		}// if
   		} //for
	} //fnc changeCol

	function hideAllBut(menuNum) {
		
		var keepMenus = getTree(menuNum, 1);
			for (count = 0; count < menu.length; count++)
				if (!keepMenus[count])
					menu[count][0].ref.visibility = 'hidden';
						changeCol(litNow, false);
	} //fnc hideAllBut

	// *** MENU CONSTRUCTION FUNCTIONS ***
	function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {
		
		// True or false - a vertical menu?
		this.isVert = isVert;
		// The popout indicator used (if any) for this menu.
		this.popInd = popInd
		// Position and size settings.
		this.x = x;
		this.y = y;
		this.width = width;
		// Colours of menu and items.
		this.overCol = overCol;
		this.backCol = backCol;
		// The stylesheet class used for item borders and the text within items.
		this.borderClass = borderClass;
		this.textClass = textClass;
		// Parent menu and item numbers, indexed later.
		this.parentMenu = null;
		this.parentItem = null;
		// Reference to the object's style properties (set later).
		this.ref = null;

	} //fnc Menu

	function Item(text, href, frame, length, spacing, target) {

		this.text = text;
		this.href = href;
		this.frame = frame;
		this.length = length;
		this.spacing = spacing;
		this.target = target;
		// Reference to the object's style properties (set later).
		this.ref = null;

	} // fnc Item

	function writeMenus() {
		if (!isDOM && !isIE4 && !isNS4) return;

			for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {
				// Variable for holding HTML for items and positions of next item.
				var str = '', itemX = 0, itemY = 0;

				// Remember, items start from 1 in the array (0 is menu object itself, above).
				// Also use properties of each item nested in the other with() for construction.
				for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]){
					var itemID = 'menu' + currMenu + 'item' + currItem;
	
					// The width and height of the menu item - dependent on orientation!
					var w = (isVert ? width : length);
					var h = (isVert ? length : width);

					// Create a div or layer text string with appropriate styles/properties.
					// the width must be a miniumum of 3 for it to work in that browser.
					if (isDOM || isIE4) {
						str += '<div id="' + itemID + '" style="position: absolute; left: ' + 
							itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + 
							h + '; visibility: inherit; ';
						if (backCol) str += 'background: ' + backCol + '; ';
						str += '" ';
					}
	
					if (isNS4) {
						str += '<layer id="' + itemID + '" left="' + itemX + '" top="' +
							 itemY + '" width="' +  w + '" height="' + h + '" visibility="inherit" ';
	
						if (backCol) str += 'bgcolor="' + backCol + '" ';
					}//if isNS4
	
					if (borderClass) str += 'class="' + borderClass + '" ';

					// Add mouseover handlers and finish div/layer.
					str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + 
						currMenu + ',' + currItem + ')">';

					// Add contents of item (default: table with link inside).
					// In IE/NS6+, add padding if there's a border to emulate NS4's layer padding.
					// If a target frame is specified, also add that to the <a> tag.

					str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + 
							(!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + 
							'">' + '<a class="' + textClass + '" href="' + href + '"' + 
							(frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
		
					if (target > 0) {
	
						// Set target's parents to this menu item.
						menu[target][0].parentMenu = currMenu;
						menu[target][0].parentItem = currItem;
	
						// Add a popout indicator.
						if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
					} //if target
		
					str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
						if (isVert) itemY += length + spacing;
						else itemX += length + spacing;
				} //for currItem
	
				if (isDOM) {
					var newDiv = document.createElement('div');
					document.getElementsByTagName('body').item(0).appendChild(newDiv);
					newDiv.innerHTML = str;
					ref = newDiv.style;
					ref.position = 'absolute';
					ref.visibility = 'hidden';
				}

			// Insert a div tag to the end of the BODY with menu HTML in place for IE4.
			if (isIE4) {
				document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + 
					currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
				ref = getSty('menu' + currMenu + 'div');
			}

			// In NS4, create a reference to a new layer and write the items to it.
			if (isNS4) {
				ref = new Layer(0);
				ref.document.write(str);
				ref.document.close();
			}

			for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
				itemName = 'menu' + currMenu + 'item' + currItem;
				if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
				if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
	  		} 
	
		} //for currMenu
	
		with(menu[0][0]) {
			ref.left = x;
			ref.top = y;
			ref.visibility = 'visible';
   		}
	} //fnc writeMenues 

	var menu = new Array();

	// Default colours passed to most menu constructors (just passed to functions, not
	// a global variable - makes things easier to change later in bulk).
	var defOver = '#D3CCC2', defBack = '#FAFAFA';

	// Default 'length' of menu items - item height if menu is vertical, width if horizontal.
	var defLength = 22;

	// Menu 0 is the special, 'root' menu from which everything else arises.
	menu[0] = new Array();

	// A non-vertical menu with a few different colours and no popout indicator, as an example.
	// *** MOVE ROOT MENU AROUND HERE ***  it's positioned at (5, 0) and is 17px high now.
	menu[0][0] = new Menu(false, '', (screen.width/2)-340  ,145, 37, '', '', '', 'itemText2');

	// Notice how the targets are all set to nonzero values...
	// The 'length' of each of these items is 100, and there is spacing of 5 to the next item.
	// Most of the links are set to '#' hashes, make sure you change them to actual files.
	menu[0][1] = new Item('About JPRSM', './message.htm', '_self', 95, 5, 1);
	menu[0][2] = new Item('Administration', './administration.htm', '_self',105, 5, 0);
	menu[0][3] = new Item('Academic', './curriculum.htm', '_self', 75, 5, 2);
	menu[0][4] = new Item('Admissions', './requirements.htm', '_self', 85, 5, 3);
	menu[0][5] = new Item('Faculty & Staff', './faculty.htm', '_self', 110, 5, 4);
	menu[0][6] = new Item('Clinical Affiliates' , './clinics.htm', '_self', 125, 5, 0);
	menu[0][7] = new Item('Links' , 'http://www.xu.edu.ph/', '_self', 85, 5, 5);

	// An example of a link with a target frame/window as well...
	//menu[0][5] = new Item('  About', 'http://www.geocities.com/mjavier22', '_new', 40, 50, 0);	

	// The File menu is positioned 0px across and 22 down from its trigger, and is 80 wide.
	// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
	// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...?
	
	// File menu.
	menu[1] = new Array();
	menu[1][0] = new Menu(true, '>', 0, 22, 150, defOver, defBack, 'itemBorder', 'itemText');
	menu[1][1] = new Item('Dean&rsquo;s Message', './message.htm', '_self', defLength, 1, 0);
	menu[1][2] = new Item('Mission / Vision', './mission.htm', '_self', defLength, 1, 0);
	menu[1][3] = new Item('Goals', './goals.htm', '_self', defLength, 1, 0);
	menu[1][4] = new Item('History', './history.htm', '_self', defLength, 1, 0);
	
	// Non-zero target means this will trigger a popout -- menu[4] which is the 'Reopen' menu.
	//menu[1][4] = new Item('Delete Topic', 'del_top.htm', '', defLength, 1, 0);

	// Students menu.
	menu[2] = new Array();
	menu[2][0] = new Menu(true, '>', 0, 22,165, defOver, defBack, 'itemBorder', 'itemText');
	menu[2][1] = new Item('Curriculum', './curriculum.htm', '_self', defLength, 1, 0);
	menu[2][2] = new Item('Curriculum Description', './description.htm', '_self', defLength, 1, 0);
	menu[2][3] = new Item('Academic Calendar', './aCalendar.htm', '_self', defLength, 1, 0);
	menu[2][4] = new Item('School Calendar', './sCalendar.htm', '_self', defLength, 1, 0);
	menu[2][5] = new Item('Facilities', './facilities.htm', '_self', defLength, 1, 0);
		
	
	// Admission menu
	menu[3] = new Array();
	menu[3][0] = new Menu(true, '<', 0, 22, 200, defOver, defBack, 'itemBorder', 'itemText');
	menu[3][1] = new Item('Requirements &amp; Procedures', './requirements.htm', '_self', defLength, 1, 0);
	menu[3][2] = new Item('Contacts &amp; Forms', './contacts.htm', '_self', defLength, 1, 0);
	menu[3][3] = new Item('Scholarships', './scholarship.htm', '_self', defLength, 1, 0);
		
	// faculty & staff menu.
	menu[4] = new Array();
	menu[4][0] = new Menu(true, '>', 0, 22, 170, defOver, defBack, 'itemBorder', 'itemText');
	menu[4][1] = new Item('Faculty', './faculty.htm', '_self', defLength, 1, 0);
	menu[4][2] = new Item('Support Staff', './staff.htm', '_self', defLength, 1, 0);
	menu[4][3] = new Item('Committees', './committees.htm', '_self', defLength, 1, 0);
	menu[4][4] = new Item('Medical Education Unit', './meu.htm', '_self', defLength, 1, 0);
	menu[4][5] = new Item('Research Unit', './ru.htm', '_self', defLength, 1, 0);
	
	// Links menu.
	menu[5] = new Array();
	menu[5][0] = new Menu(true, '>', 0, 22, 120, defOver, defBack, 'itemBorder', 'itemText');
	menu[5][1] = new Item('Alumni', 'http://www.xumedalumni.weebly.com', '_new', defLength, 1, 0);
	menu[5][2] = new Item('XU', 'http://www.xu.edu.ph', '_new', defLength, 1, 0);
	menu[5][3] = new Item('XU Libraries', 'http://library.xu.edu.ph/index.htm', '_new', defLength, 1, 0);
	menu[5][4] = new Item('CEM', 'http://www.cem-inc.org.ph/', '_new', defLength, 1, 0);
	menu[5][5] = new Item('BioMed Central', 'http://www.biomedcentral.com/', '_new', defLength, 1, 0);
	menu[5][6] = new Item('PubMed Central', 'http://www.pubmedcentral.nih.gov/', '_new', defLength, 1, 0);
	menu[5][7] = new Item('BMJ Journals', 'http://www.bmjjournals.com/', '_new', defLength, 1, 0);
	
	
	var popOldWidth = window.innerWidth;
		nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');

	// This is a quick snippet that captures all clicks on the document and hides the menus
	// every time you click. Use if you want.
	if (isNS4) document.captureEvents(Event.CLICK);
		document.onclick = clickHandle;

	function clickHandle(evt){
		 if (isNS4) document.routeEvent(evt);
		 hideAllBut(0);
	}// fnc clickhandle

	// This is just the moving command for the example.
	function moveRoot(){
		 with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);
	}// fnc moveRoot


<!-- buutons on the left panel
	function MM_swapImgRestore() { //v3.0
	  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
	}

	function MM_swapImage() { //v3.0
	  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
	}
		
//-->

<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->