var preloaded = [];
		var count=8;
		var menulist=[];
		menulist[1]=["ABOUT XIS","home.php"];
		menulist[2]=["PROGRAMS","academic.php"];
		menulist[3]=["FACULTY","facult.php"];
		menulist[4]=["ADMISSIONS","admissions.php"];
		menulist[5]=["FACILITIES","facilities.php"];
		menulist[6]=["SUPPORT","supportive.php"];
		menulist[7]=["PARENT PAGE.","Parentpage.php"];
		menulist[8]=["EMPLOYMENT","employment.php"];
		
		

		// here is a lame preloading script i am putting in just for demonstration
		for (var i = 1; i <= count; i++) {
			preloaded[i] = [loadImage("menu_" + i + "_0.gif"), loadImage("menu_" + i + "_0.gif")];
		}
		var tdcolor=[];
		tdcolor[0]=["ffffff",""];
		tdcolor[1]=["3333CC",""];
		tdcolor[2]=["91AA1A",""];
		tdcolor[3]=["336699",""];
		tdcolor[4]=["FF9900",""];
		tdcolor[5]=["6A5E9D",""];
		tdcolor[6]=["996600",""];
		tdcolor[7]=["339900",""];
		tdcolor[8]=["DD8E0B",""];
		
		tdcolor[myselect_t][1]=tdcolor[myselect_t][0];
		function init() {
			// whatever stuff you need to do onload goes here.

			//==========================================================================================
			// if supported, initialize mtdropdowns
			//==========================================================================================
			// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
			// This is better than server-side checking because it will also catch browsers which would
			// normally support the menus but have javascript disabled.
			//
			// If supported, call initialize() and then hook whatever image rollover code you need to do
			// to the .onactivate and .ondeactivate events for each menu.
			//==========================================================================================
			if (mtDropDown.isSupported()) {
				mtDropDown.initialize();

				// hook all the image swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.
			
			eval("menu1").onactivate = function()   { swapcolor("my_td1",tdcolor[1][0],"my_show1")  };
			eval("menu1").ondeactivate = function() { swapcolor("my_td1",tdcolor[1][1],"my_show1") };
			eval("menu2").onactivate = function()  {  swapcolor("my_td2",tdcolor[2][0],"my_show2")  };
			eval("menu2").ondeactivate = function() { swapcolor("my_td2",tdcolor[2][1],"my_show2") };
			eval("menu3").onactivate = function() {  swapcolor("my_td3",tdcolor[3][0],"my_show3")  };
			eval("menu3").ondeactivate = function() { swapcolor("my_td3",tdcolor[3][1],"my_show3") };
			eval("menu4").onactivate = function() {  swapcolor("my_td4",tdcolor[4][0],"my_show4")  };
			eval("menu4").ondeactivate = function() { swapcolor("my_td4",tdcolor[4][1],"my_show4") };
			eval("menu5").onactivate = function() {  swapcolor("my_td5",tdcolor[5][0],"my_show5")  };
			eval("menu5").ondeactivate = function() { swapcolor("my_td5",tdcolor[5][1],"my_show5") };
			eval("menu6").onactivate = function() {  swapcolor("my_td6",tdcolor[6][0],"my_show6")  };
			eval("menu6").ondeactivate = function() { swapcolor("my_td6",tdcolor[6][1],"my_show6") };
			eval("menu7").onactivate = function() {  swapcolor("my_td7",tdcolor[7][0],"my_show7")  };
			eval("menu7").ondeactivate = function() { swapcolor("my_td7",tdcolor[7][1],"my_show7") };
			eval("menu8").onactivate = function() {  swapcolor("my_td8",tdcolor[8][0],"my_show8")  };
			eval("menu8").ondeactivate = function() { swapcolor("my_td8",tdcolor[8][1],"my_show8") };
					
					
				
			}
		}
		
		
		


		
		
		// this is a crappy example preloader. Use whichever one you want.
		function loadImage(sFilename) {
			var img = new Image();
			img.src ="../js/" + sFilename;
			return img;
		}

		// this is a crappy example image swapper. Use whichever you want.
		function swapImage(imgName, sFilename) {
			document.images[imgName].src = sFilename;
		}
		function swapcolor(tdname,tdcolor,td2,s){
			
			eval(tdname).style.backgroundColor=tdcolor;			
			eval(td2).style.backgroundColor="";

		}



function check_scrollmove()
{
  scroll_pixel = document.body.scrollTop;
        gtpos = document.body.scrollTop+top_margin;
        gbpos = document.body.scrollTop+top_margin2;
		
  if (scroll_pixel>270){
	  
 	 if(div_id.style.pixelTop < gtpos)
        { 
         moving_spd = (gbpos-div_id.style.pixelTop)/speed;
         div_id.style.pixelTop += moving_spd; 
		
        }
        if(div_id.style.pixelTop > gtpos)
        {
         moving_spd = (div_id.style.pixelTop-gtpos)/speed;
         div_id.style.pixelTop -= moving_spd;
		
        }
		
		if (tag==1){
		lay_color.style.backgroundColor=tdcolor[myselect_t][0];

			title_text.innerHTML="<span class=lay_title> &nbsp;&nbsp;-"+"&nbsp;&nbsp;"+menulist[myselect_t][0]+"</span>";

		tag=0;
		tag2=1;
		}
       
	}else{
		if (tag2==1){
	     div_id.style.pixelTop=254;
		 lay_color.style.backgroundColor="";
		 title_text.innerHTML="";
		 tag2=0;
		 tag=1;
		 }
		
		
	}

	 loop=setTimeout("check_scrollmove()",speed2);


}
function moving_control()
{
  if(!moving_stat){ check_scrollmove(); moving_stat = 1;}
        else{ clearTimeout(loop); moving_stat = 0; div_id.style.pixelTop = top_margin;}
}

var scroll_pixel,div_pixel,gtpos,gbpos,loop,moving_spd;
var top_margin = 0;        
var top_margin2 = 9;    
var speed = 5;                
var speed2 = 5;       
var moving_stat = 1;  
var tag=1;
var tag2=1;
function set_lay(){
scroll_pixel = document.body.scrollTop;



}