<!--
// pre load images
var item0, item1; // to hold light and dark imgs
item0 = new Image(25,120);
item1 = new Image(25,120);
mitem2 = new Image(25,120);
mitem3 = new Image(25,120);
mitem4 = new Image(25,120);
mitem5 = new Image(25,120);
mitem6 = new Image(25,120);
mitem7 = new Image(25,120);
mitem8 = new Image(25,120);
mitem9 = new Image(25,120);
mitem10 = new Image(25,120);
mitem11 = new Image(25,120);
mitem12 = new Image(25,120);
mitem13 = new Image(25,120);
mitemx = new Image(25,120);

img1 = "m1_home_of.jpg"
img2 = "m1_clas_of.jpg"
img3 = "m1_cal_of.jpg"
img4 = "m1_info_of.jpg"
img5 = "m1_resc_of.jpg"
img6 = "m1_inst_of.jpg"
img7 = "m1_cont_of.jpg"

item0.src = "images/m1_home_on.jpg";
item1.src = "images/m1_home_of.jpg";

mitem2.src = "images/m1_clas_on.jpg";
mitem3.src = "images/m1_clas_of.jpg";
mitem4.src = "images/m1_cal_on.jpg";
mitem5.src = "images/m1_cal_of.jpg";

mitem6.src = "images/m1_info_on.jpg";
mitem7.src = "images/m1_info_of.jpg";
mitem8.src = "images/m1_resc_on.jpg";
mitem9.src = "images/m1_resc_of.jpg";

mitem10.src = "images/m1_inst_on.jpg";
mitem11.src = "images/m1_inst_of.jpg";
mitem12.src = "images/m1_cont_on.jpg";
mitem13.src = "images/m1_cont_of.jpg";

mitemx.src = "images/ucla.gif";


// to change the image
function showImage (imgName, fileName)
{
   eval('document.images[imgName].src =' + fileName + '.src');
}


<!--
		No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
        layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : (document.getElementById && No3) ? "document.getElementById('L'+menu).style" : 0;
        var timer;
		
		function Show() {
			if(layer) {
				if(timer) clearTimeout(timer);
				for(menu=0; menu<Layer.length; menu++) { 
					if(Layer[menu]) {
						eval(layer).visibility = "hidden"; 
					}
				}
				for(i=0; i<arguments.length; i++) {
					menu=arguments[i];
					eval(layer).visibility = "visible";
				}
			} 	
		}
		function Hide() {
			timer = setTimeout("Show()", 800);
		}
	
			//////////////////////////////////////////////////////
			hovercolor   = "#f5f5f5";	// color name/code
			bgcolor      = "#ffffff";	// color name/code
			background   = "";			// picture url
			menu_border  = 1;			// IE only
			border_color = "#546995";	// IE only
			//////////////////////////////////////////////////////
			if(document.all || document.getElementById){
				if(!background)  background=bgcolor;
				else  background = "url("+background+")"; 
			}
			
			function LayerSpecs(Left,Top,Width) {
				if(No3){
					if(document.all){
						Left+=8;
						Top+=1;
						Width-=6;
					}
					this.left  = Left;
					this.top   = Top;
					this.info  = "";
					T=0;				
			    if (arguments.length > 4)
			    {	
					for(i=3; i<arguments.length; i++) {
        		if(document.all || document.getElementById)
							this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments[i]+"</TD></TR>";
						else
							this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+">&nbsp;"+arguments[i]+"</LAYER>";
						T+=20;
					}
				}
                           }
			}
            
            			Layer = new Array();
                  
/////// left menu  Layer[0] = new LayerSpecs(491,152,100, /////

  Layer[0] = new LayerSpecs(600,17,100, 
			'<A onMouseOver="Show(0)" class="dmenu" href="http://www.ucla.edu">Campus</A>',
			'<A onMouseOver="Show(0)" class="dmenu">Sturctures</A>',
			'<A onMouseOver="Show(0)" class="dmenu">More Maps</A>');

 Layer[1] = new LayerSpecs(250,85,125, 
			'<A onMouseOver="Show(1)" class="dmenu" href="mycalendar.aspx?PID=3000">Professional Development</A>',
			'<A onMouseOver="Show(1)" class="dmenu" href="mycalendar.aspx?PID=2000">Computer Training</A>');
			
Layer[2] = new LayerSpecs(690,115,125, 
			'<A onMouseOver="Show(2)" class="dmenu" href="mycalendar.aspx?PID=3000">Professional Development</A>',
			'<A onMouseOver="Show(2)" class="dmenu" href="mycalendar.aspx?PID=2000">Computer Training</A>');
			
 		
			j = (Layer[0]) ? 0:1;
			for(i=j; i<Layer.length; i++) {
				if((document.all || document.getElementById) && No3) 
					document.write("<DIV onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden;top:"+Layer[i].top+"; left:"+Layer[i].left+";'><TABLE STYLE=' background:"+background+"; border:solid "+menu_border+" "+border_color+"' SUMMARY='This table is for formatting'>"+Layer[i].info+"</TABLE></DIV>");
				else if(document.layers && No3) 
					document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer[i].top+" LEFT="+Layer[i].left+">"+Layer[i].info+"</LAYER>");	
			}
		// -->

//-->