var timeBeforeAutoHide = 700;	// Microseconds to wait before auto hiding menu(1000 = 1 second)
	var slideSpeed_out = 10;	// Steps to move sub menu at a time ( higher = faster)
	var slideSpeed_in = 10;
		
	
	var slideTimeout_out = 15;	// Microseconds between slide steps ( lower = faster)
	var slideTimeout_in = 10;	// Microseconds between slide steps ( lower = faster)
	
	var showSubOnMouseOver = true;	// false = show sub menu on click, true = show sub menu on mouse over
	var fixedSubMenuWidth = false;	// Width of sub menu items - A number(width in pixels) or false when width should be dynamic
	
	var xOffsetSubMenu = 0; 	// Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu
	
	var slideDirection = 'right';	// Slide to left or right ?
	
	/* Don't change anything below here */
	
	var activeSubMenuId = false;
	var activeMainMenuItem = false;
	var currentZIndex = 1000;		
	var autoHideTimer = 0;
	var submenuObjArray = new Array();
	var okToSlideInSub = new Array();
	var subPositioned = new Array();
	

	function stopAutoHide()
	{
		autoHideTimer = -1;
	}
	
	function initAutoHide()
	{
		autoHideTimer = 0;
		if(autoHideTimer>=0)autoHide();
	}
	
	function autoHide()
	{
		
		if(autoHideTimer>timeBeforeAutoHide)
		{
			
			if(activeMainMenuItem){
				activeMainMenuItem.className='';
				activeMainMenuItem = false;
			}
			
			if(activeSubMenuId){
				var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
				showSub();
			}
		}else{
			if(autoHideTimer>=0){
				autoHideTimer+=50;
				setTimeout('autoHide()',50);
			}
		}
	}	
	
	function getTopPos(inputObj)
	{		
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
	  return returnValue;
	}
	
	function getLeftPos(inputObj)
	{
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
	
	function showSub()
	{
		var subObj = false;
		if(this && this.tagName){
			var numericId = this.parentNode.id.replace(/[^0-9]/g,'');
			okToSlideInSub[numericId] = false;
			var subObj = document.getElementById('subMenuDiv' + numericId);
			if(activeMainMenuItem)activeMainMenuItem.className='';
			if(subObj){
				if(!subPositioned[numericId]){
					if(slideDirection=='right'){
						subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
					}else{
						subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';
						
					}
					submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,'');
					subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
					subPositioned[numericId] = true;
				}				
				subObj.style.visibility = 'visible';
				subObj.style.zIndex = currentZIndex;
				currentZIndex++;	
				this.className='activeMainMenuItem';
				activeMainMenuItem = this;
			}
		}else{
			var numericId = activeSubMenuId;
		}
		if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1));
		if(numericId!=activeSubMenuId && this && subObj){
			subObj.style.width = '0px';	
			slideMenu(numericId,slideSpeed_out);
			activeSubMenuId = numericId;
		}else{
			if(numericId!=activeSubMenuId)activeSubMenuId = false;
		}
		if(showSubOnMouseOver)stopAutoHide();
	}
	
	function slideMenu(menuIndex,speed){
		var obj = submenuObjArray[menuIndex]['divObj'];
		var obj2 = submenuObjArray[menuIndex]['ulObj'];
		var width = obj.offsetWidth + speed;
		if(speed<0){
			if(width<0)width = 0;
			obj.style.width = width + 'px';
			if(slideDirection=='left'){
				obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
				obj2.style.left = '0px';
			}else{
				obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
			}
			if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{
				obj.style.visibility = 'hidden';
				obj.style.width = '0px';
				if(activeSubMenuId==menuIndex)activeSubMenuId=false;
			}
			
		}else{
			if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width'];
			if(slideDirection=='left'){
				obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
				obj2.style.left = '0px';
			}else{
				obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
			}		
			
			obj.style.width = width + 'px';
			if(width<submenuObjArray[menuIndex]['width']){
				setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out);
			}else{
				okToSlideInSub[menuIndex] = true;
			}
		}
	}
	function resetPosition()
	{
		subPositioned.length = 0;
	}
			
	function initLeftMenu()
	{
		var menuObj = document.getElementById('dhtmlgoodies_menu');	
		var mainMenuItemArray = new Array();
		
		var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
		while(mainMenuItem){
			if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
				mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
				var aTag = mainMenuItem.getElementsByTagName('A')[0];
				if(showSubOnMouseOver)
					aTag.onmouseover = showSub;	
				else
					aTag.onclick = showSub;	
			}
			mainMenuItem = mainMenuItem.nextSibling;
		}		
		
		var lis = menuObj.getElementsByTagName('A');
		for(var no=0;no<lis.length;no++){
			if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide;
			lis[no].onmouseout = initAutoHide;
			lis[no].onmousemove = stopAutoHide;
		}
				
		for(var no=0;no<mainMenuItemArray.length;no++){
			var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
			if(sub){
				mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
				var div = document.createElement('DIV');
				div.className='dhtmlgoodies_subMenu';
				document.body.appendChild(div);
				div.appendChild(sub);
				if(slideDirection=='right'){
					div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
				}else{
					div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
				}
				div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
				div.id = 'subMenuDiv' + (no+1);
				sub.id = 'submenuUl' + (no+1);
				sub.style.position = 'relative';	

				if(navigator.userAgent.indexOf('Opera')>=0){
					submenuObjArray[no+1] = new Array();
					submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
					submenuObjArray[no+1]['divObj'] = div;
					submenuObjArray[no+1]['ulObj'] = sub;
					submenuObjArray[no+1]['width'] = sub.offsetWidth;
					submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
				}
				sub.style.left = 1 - sub.offsetWidth + 'px';	
				
				if(document.all)div.style.width = '1px';	
					
				if(navigator.userAgent.indexOf('Opera')<0){
					submenuObjArray[no+1] = new Array();
					submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
					submenuObjArray[no+1]['divObj'] = div;
					submenuObjArray[no+1]['ulObj'] = sub;
					submenuObjArray[no+1]['width'] = sub.offsetWidth;
					
					
					
					submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
					if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth;
				}	

				if(!document.all)div.style.width = '1px';			
					
			}			
		}
			

		
		
		menuObj.style.visibility = 'visible';
		
		window.onresize = resetPosition;
	}
	
	
	window.onload = initLeftMenu;


/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu member
var menu1=new Array()
menu1[0]='<div id="dropmenu2"><li id="active"><a href="about.php?aid=1">&nbsp;&nbsp;Sejarah</a><br></li></div>'
menu1[1]='<div id="dropmenu2"><li id="active"><a href="about.php?aid=2">&nbsp;&nbsp;Visi Misi</a><br></li></div>'
menu1[2]='<div id="dropmenu2"><li id="active"><a href="about.php?aid=3">&nbsp;&nbsp;Program Kerja</a><br></li></div>'
menu1[3]='<div id="dropmenu2"><li id="active"><a href="about.php?aid=4">&nbsp;&nbsp;Kurikulum</a><br></li></div>'

var menu1B=new Array()
menu1B[0]='<div id="dropmenu2"><li id="active"><a href="../about.php?aid=1">&nbsp;&nbsp;Sejarah</a><br></li></div>'
menu1B[1]='<div id="dropmenu2"><li id="active"><a href="../about.php?aid=2">&nbsp;&nbsp;Visi Misi</a><br></li></div>'
menu1B[2]='<div id="dropmenu2"><li id="active"><a href="../about.php?aid=3">&nbsp;&nbsp;Program Kerja</a><br></li></div>'
menu1B[3]='<div id="dropmenu2"><li id="active"><a href="../about.php?aid=4">&nbsp;&nbsp;Kurikulum</a><br></li></div>'

var menu2=new Array()
menu2[0]='<div id="dropmenu2"><li id="active"><a href="program.php?pid=1">&nbsp;&nbsp;Akuntansi</a><br></li></div>'
menu2[1]='<div id="dropmenu2"><li id="active"><a href="program.php?pid=2">&nbsp;&nbsp;Adm Perkantoran</a><br></li></div>'
menu2[2]='<div id="dropmenu2"><li id="active"><a href="program.php?pid=3">&nbsp;&nbsp;Penjualan</a><br></li></div>'
menu2[3]='<div id="dropmenu2"><li id="active"><a href="http://mm.smkn1pengasih.net">&nbsp;&nbsp;Multimedia</a><br></li></div>'
menu2[4]='<div id="dropmenu2"><li id="active"><a href="program.php?pid=5">&nbsp;&nbsp;Tata Busana</a><br></li></div>'
menu2[5]='<div id="dropmenu2"><li id="active"><a href="http://akpsmk1pgs.blogspot.com">&nbsp;&nbsp;Akomodasi Perhotelan</a><br></li></div>'


var menu2B=new Array()
menu2B[0]='<div id="dropmenu2"><li id="active"><a href="../program.php?pid=1">&nbsp;&nbsp;Akuntansi</a><br></li></div>'
menu2B[1]='<div id="dropmenu2"><li id="active"><a href="../program.php?pid=2">&nbsp;&nbsp;Adm Perkantoran</a><br></li></div>'
menu2B[2]='<div id="dropmenu2"><li id="active"><a href="../program.php?pid=3">&nbsp;&nbsp;Penjualan</a><br></li></div>'
menu2B[3]='<div id="dropmenu2"><li id="active"><a href="http://mm.smkn1pengasih.net">&nbsp;&nbsp;Multimedia</a><br></li></div>'
menu2B[4]='<div id="dropmenu2"><li id="active"><a href="../program.php?pid=5">&nbsp;&nbsp;Tata Busana</a><br></li></div>'
menu2B[5]='<div id="dropmenu2"><li id="active"><a href="http://akpsmk1pgs.blogspot.com">&nbsp;&nbsp;Akomodasi Perhotelan</a><br></li></div>'


//Contents for menu products
var menu3=new Array()
menu3[0]='<div id="dropmenu2"><li id="active"><a href="sub.php?sid=1">&nbsp;&nbsp;Struktur Organisasi</a><br></li></div>'
menu3[1]='<div id="dropmenu2"><li id="active"><a href="sub.php?sid=3">&nbsp;&nbsp;Bimbingan & Konseling</a><br></li></div>'

var menu3B=new Array()
menu3B[0]='<div id="dropmenu2"><li id="active"><a href="../sub.php?sid=1">&nbsp;&nbsp;Struktur Organisasi</a><br></li></div>'
menu3B[1]='<div id="dropmenu2"><li id="active"><a href="../sub.php?sid=3">&nbsp;&nbsp;Bimbingan & Konseling</a><br></li></div>'
 	
 //Contents for menu products
var menu4=new Array()
menu4[0]='<div id="dropmenu2"><li id="active"><a href="fasilitas.php?fid=1">&nbsp;&nbsp;Sarana Pembelajaran</a><br></li></div>'
menu4[1]='<div id="dropmenu2"><li id="active"><a href="fasilitas.php?fid=2">&nbsp;&nbsp;Unit Produksi & Jasa</a><br></li></div>'
menu4[2]='<div id="dropmenu2"><li id="active"><a href="fasilitas.php?fid=3">&nbsp;&nbsp;Perpustakaan</a><br></li></div>'
menu4[3]='<div id="dropmenu2"><li id="active"><a href="fasilitas.php?fid=4">&nbsp;&nbsp;Mushola</a><br></li></div>'
menu4[4]='<div id="dropmenu2"><li id="active"><a href="http://osissmk1pgsh.wordpress.com">&nbsp;&nbsp;OSIS</a><br></li></div>'

var menu4B=new Array()
menu4B[0]='<div id="dropmenu2"><li id="active"><a href="../fasilitas.php?fid=1">&nbsp;&nbsp;Sarana Pembelajaran</a><br></li></div>'
menu4B[1]='<div id="dropmenu2"><li id="active"><a href="../fasilitas.php?fid=2">&nbsp;&nbsp;Unit Produksi & Jasa</a><br></li></div>'
menu4B[2]='<div id="dropmenu2"><li id="active"><a href="../fasilitas.php?fid=3">&nbsp;&nbsp;Perpustakaan</a><br></li></div>'
menu4B[3]='<div id="dropmenu2"><li id="active"><a href="../fasilitas.php?fid=4">&nbsp;&nbsp;Mushola</a><br></li></div>'
menu4B[4]='<div id="dropmenu2"><li id="active"><a href="http://osissmk1pgsh.wordpress.com">&nbsp;&nbsp;OSIS</a><br></li></div>'
   	
   		
var menuwidth='165px' //default menu width
var menubgcolor='#fff'  //menu bgcolor
var disappeardelay=100  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0 /*---posisi slide pada sumbu y--*/
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-10 : window.pageXOffset+window.innerWidth-15/*---posisi slide pada sumbu x--*/
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu