function getIndex(el){
	ind = null;
	for(i=0; i<document.layers.length; i++){
		whichEl = document.layers[i];
		if(whichEl.id == el){
			ind = i;
			break;
		}
	}
	return ind;
}

function showAll(){
	for (i=firstInd; i<document.layers.length; i++){
		whichEl = document.layers[i];
		whichEl.visibility = "show";
	}
}

function arrange() {
	whichEl = document.layers[firstInd];
	whichEl.pageY = 225;
	
	nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
	nextX = (window.innerWidth - 760)/2 //190

	if (nextX < 17){ 
		nextX = 17
	}
	whichEl.pageX = nextX;
	for (i=firstInd+1; i<document.layers.length; i++) {
    whichEl = document.layers[i];
    if (whichEl.visibility != "hide") {
      whichEl.pageY = nextY;
      whichEl.pageX = nextX;
      nextY += whichEl.document.height;
    }
  }
}

function init(){
	if (ns4){
		for(i=0; i<document.layers.length; i++){
			tmpEl = document.layers[i];
			if(tmpEl.id.indexOf("Child") != -1) tmpEl.visibility = "hide";
		}
		arrange();
	}
	else if(ie4){
		tempCol = document.all.tags("DIV");
		for(i=0; i<tempCol.length; i++){
			if(tempCol(i).className == "child") tempCol(i).style.display = "none";
		}
	}
	else if(dom){
		//firstTime = true
		tempCol = document.getElementsByTagName("DIV");
		for(i=0; i<tempCol.lemgth; i++){
			if(tempCol(i).className == "child") tempCol(i).style.visibility = "hidden"
		}
	}
	expand(activeMenu)
}

function expand(el){
	if (!capable) return;
	if (ie4){
		expandIE(el);
	}
	else if(ns4){
		expandNS(el);
	}
	else if(dom){
		expandDOM(el);
	}
}

function expandIE(el){
	whichEl = eval(el + "Child");
	whichIm = eval(el + "Img");
	if(whichEl.style.display == "none"){
		whichEl.style.display = "block";
		if(el == 'el2' || el == 'el3'){
			whichIm.src = "imgs/minus.gif";
		}
	}
	else{
		whichEl.style.display = "none";
		whichIm.src = "imgs/plus.gif";
	}
}

function expandNS(el){
	
	whichEl = eval("document." + el + "Child");
	whichIm = eval("document." + el + "Parent.document.images['imEx']");
	
	if(whichEl.visibility == "hide"){
		whichEl.visibility = "show";
		if(el == 'el2' || el == 'el3'){
			whichIm.src = "imgs/minus.gif";
		}
	}
	else{
		whichEl.visibility = "hide";
		whichIm.src = "imgs/plus.gif";
	}
	arrange();
}

function expandDOM(el){
	whichEl = document.getElementById(el + "Child");
	whichIm = document.getElementById(el + "Img");
	//alert(whichEl.style.display)
	//alert(firstTime)
	if(whichEl.style.display == "none" || whichEl.style.display == ""){
		whichEl.style.display = "block";
		//firstTime = false
		if(el == 'el2' || el == 'el3'){
			whichIm.src = "imgs/minus.gif";
		}
	}
	else{
		whichEl.style.display = "none";
		whichIm.src = "imgs/plus.gif";
	}
}

with(document){
	if(dom){
		var lstyle = "<style type='text/css'>";
		lstyle += ".child{positon:absolute; text-decoration:none; display:none;}";
		lstyle += ".parent{postion:absolute; text-decoration:none;}";
		lstyle += "</style>";
		write(lstyle);
	}
	else{
		write("<style type='text/css'>");
		if(ns4){		
			write(".parent {text-decoration:none; position:absolute; visibility:hidden;}");
			write(".child {position:absolute; visibility:hidden;}");
		}
		else if(ie4){
      write(".child {text-decoration:none; display:none}");
      write(".parent {text-decoration:none;}");
		}
		write("</style>");
	}
}

//onload = init;
if (ns4){
	onresize = arrange;
}