// JavaScript Document
function showSubMenuItems(menuItem) {
		for (var i = 0; i < document.getElementById('slideMenu').getElementsByTagName('div').length ; i++) {
			var x = document.getElementById('slideMenu').getElementsByTagName('div')[i];
			if (x == menuItem && x.getAttribute('class') == 'menuItem') {	
				//open	
				for (var j=0;j < x.getElementsByTagName('div').length ; j++) {
					if(x.getElementsByTagName('div')[j].getAttribute('class') == 'subMenuItemClosed') {
						
						x.getElementsByTagName('div')[j].setAttribute('class', 'subMenuItemOpening');
					}
					else if(x.getElementsByTagName('div')[j].getAttribute('class') == 'subMenuItemOpen') {
						//close
						x.getElementsByTagName('div')[j].setAttribute('class', 'subMenuItemClosing');
					}					
				}
			} 
			else if (x != menuItem && x.getAttribute('class') == 'menuItem') {	
				//close	
				for (var j=0;j < x.getElementsByTagName('div').length; j++) {
					if (x.getElementsByTagName('div')[j].getAttribute('class') == 'subMenuItemOpen') {
						//replace with fancy slide closed function
						x.getElementsByTagName('div')[j].setAttribute('class', 'subMenuItemClosing');
					}
				}
			} 
		}
		//if IE openDivsIE()
		//else
		openDivs(menuItem);
		//possibly third version for older browsers that doesn't have sliding effect
	}
	
	//need duplicate of this but for IE (check for browser version); change cssRules to rules in IE version
	//http://shiriru.blogspot.com/2007/11/e4css-turn-your-stylesheets-into-eson.html
	function openDivs(menuItem){
	
		//find subMenuItemOpening
		for (var i = 0; i < document.styleSheets.length; i++){
			for (var j = 0; j < document.styleSheets[i].cssRules.length; j++){
				if (document.styleSheets[i].cssRules[j].selectorText == "div.subMenuItemOpening"){
					var openingi = i;
					var openingj = j;
				}
				else if (document.styleSheets[i].cssRules[j].selectorText == "div.subMenuItemOpen"){
					var openHeight = document.styleSheets[i].cssRules[j].style.height;
				}
				else if (document.styleSheets[i].cssRules[j].selectorText == "div.subMenuItemClosing"){
					var closingi = i;
					var closingj = j;
				}
			}
		}
		var openStep = 20;//1 you will have to play with these 2 numbers for best performance in older computers (the XP machine)
		var delay = 500;//2
		var openHeightVal = parseInt(openHeight);
		var openStepSize = (parseInt(openHeight)/openStep);
		for (var k = 0; (k*openStepSize) < openHeightVal; k++){
			setTimeout("document.styleSheets["+openingi+"].cssRules["+openingj+"].style.height = '"+(k*openStepSize)+"px';", k*(delay/openStep));
			setTimeout("document.styleSheets["+closingi+"].cssRules["+closingj+"].style.height = '"+(openHeightVal-(k*openStepSize))+"px';", k*(delay/openStep));
		}
		setTimeout("document.styleSheets["+openingi+"].cssRules["+openingj+"].style.height = '0px';", delay);
		setTimeout("document.styleSheets["+closingi+"].cssRules["+closingj+"].style.height = '"+openHeightVal+"px';", delay);
		for (var i = 0; i < document.getElementById('slideMenu').getElementsByTagName('div').length ; i++) {
			var x = document.getElementById('slideMenu').getElementsByTagName('div')[i];
			if (x == menuItem && x.getAttribute('class') == 'menuItem') {	
				//open	
				for (var j=0;j < x.getElementsByTagName('div').length; j++) {
					if(x.getElementsByTagName('div')[j].getAttribute('class') == 'subMenuItemOpening') {
						//replace with fancy slide closed function
						setTimeout("document.getElementById('slideMenu').getElementsByTagName('div')["+i+"].getElementsByTagName('div')[ "+ j +" ].setAttribute('class', 'subMenuItemOpen'); ", delay);
					}					
					else if(x.getElementsByTagName('div')[j].getAttribute('class') == 'subMenuItemClosing') {
						//replace with fancy slide closed function
						setTimeout("document.getElementById('slideMenu').getElementsByTagName('div')["+i+"].getElementsByTagName('div')[ "+ j +" ].setAttribute('class', 'subMenuItemClosed'); ", delay);
					}					
				}
			}
			else if (x != menuItem && x.getAttribute('class') == 'menuItem') {
				for (var j=0;j < x.getElementsByTagName('div').length; j++) {
					if(x.getElementsByTagName('div')[j].getAttribute('class') == 'subMenuItemClosing') {
						//replace with fancy slide closed function
						setTimeout("document.getElementById('slideMenu').getElementsByTagName('div')["+i+"].getElementsByTagName('div')[ "+ j +" ].setAttribute('class', 'subMenuItemClosed'); ", delay);
					}					
				}
			} 
		}
	}