function generateCategoryLayers(o,oParent,child,parentDesign,formName){
	oParent.bodyNotSet=true;
	for(var i=0;i<o.categories.length;i++){
		child.parent = oParent;
		childName = (escape(formName+'child'+oParent.name+o.categories[i].name)).replace(/\W/g,"");
		child.id = childName+'Id';
		child.body = o.categories[i].name;
		eval('var '+childName+' = new DynEl(child)');
		var thisChild = eval(childName);
    thisChild.mouseOutColor=thisChild.categoryObj.mouseOutColor;
		thisChild.value = o.categories[i].name;
		thisChild.description = o.categories[i].name;

		if(o.categories[i].categories != null){
			var parentName = (escape(formName+'parent'+oParent.name+o.categories[i].name)).replace(/\W/g,"");
			parentDesign.id = parentName+'Id';
      eval('var '+parentName+' = new DynEl(parentDesign)');
			thisChild.subCategory = eval(parentName);
		}

		if(oParent.children){
			oParent.children = oParent.children.concat([thisChild]);
		}else{
			oParent.children = [thisChild];
		}
	}
	for(var i=0;i<o.categories.length;i++){
		if(o.categories[i].categories != null){
			var parentName = (escape(formName+'parent'+oParent.name+o.categories[i].name)).replace(/\W/g,"");
			newParent = eval(parentName);
			newParent.name = o.categories[i].name;

			newParent.mainCategory = eval((escape(formName+'child'+oParent.name+o.categories[i].name)).replace(/\W/g,""));

			generateCategoryLayers(o.categories[i],newParent,child,parentDesign,formName);
		}
	}

	tmp = '\n\nChildren:';
	for(var i=0;i<oParent.children.length;i++){
		tmp += '\n\t'+oParent.children[i].id;
		tmp += '\n\tParent:\n\t\t'+oParent.children[i].parent.id;
	}
	/*alert('Parent:\n\t'+oParent.id+tmp);*/

	oParent.output();
	setDimensions(oParent);
	initCategoryLayer(oParent);
}

/*********************************************************************************************************************************************************/
function hideAll(category){
	/*alert('hide All: '+category)*/
	for(var i=0;i<category.children.length;i++){
		if(category.children[i].subCategory){
			category.children[i].subCategory.hide();
			hideAll(category.children[i].subCategory);
		}
	}
}

/*********************************************************************************************************************************************************/
function setDimensions(parentLayer){
	/*Find parent width*/
	parentWidth = 0;
	for(var i=0;i<parentLayer.children.length;i++){
		childWidth = parentLayer.children[i].getWidth();
		if(childWidth>parentWidth){
			parentWidth = childWidth;
		}
	}

	/*Set width for parent and children*/
	parentLayer.setWidth(parentWidth);
	for(var i=0;i<parentLayer.children.length;i++){
		parentLayer.children[i].setWidth(parentWidth);
	}

	/*Find parent height and position children*/
	parentHeight = parentLayer.children[0].getHeight();
	for(var i=1;i<parentLayer.children.length;i++){
		parentLayer.children[i].moveTo(0,parentHeight);
		parentHeight += parentLayer.children[i].getHeight();
	}
	/*Set parent height*/
	parentLayer.setHeight(parentHeight);
}
/*********************************************************************************************************************************************************/
function positionAll(parentLayer){
//alert('start position all')
	/*Position childrens sub categories*/
	for(var i=0;i<parentLayer.children.length;i++){
		child = parentLayer.children[i];
		subCat = child.subCategory;
		//alert('subCat: '+subCat)
		if(subCat){
			x = child.getPageX() + child.getWidth();
			y = child.getPageY();
			subCat.moveTo(x,y);
			//alert('x '+x+', y'+y)
		}
	}
	for(var i=0;i<parentLayer.children.length;i++){
		if(parentLayer.children[i].subCategory){
			positionAll(parentLayer.children[i].subCategory);
		}
	}
}

/*********************************************************************************************************************************************************/
function setChildBody(parentLayer,value){
	if(parentLayer.bodyNotSet||value){
	/*if(value){*/
		for(var i=0;i<parentLayer.children.length;i++){
			layer = parentLayer.children[i];
			if(!layer.subCategory){
				if((layer.value==value) || (!value)){
					// --- find the category for this layer ---
					category = layer.parent.mainCategory.description;
          // --- set the click value for the picture in this layer ---
					clickValue = '<VALUE category=<Q>'+category.replace(/'/g,"<AP>")+'<Q>>'+layer.description.replace(/'/g,"<AP>")+'</VALUE>'
          // --- set the layer value, so it can be compared with the clickValue ---
          if(!value){layer.value=clickValue}
					layer.setBody("<table cellpadding=1 cellspacing=0 border=0><tr><td VALIGN=\"TOP\">"
						+layer.categoryObj.graphics.generateHTML(clickValue)
						+"</td><td><font class=categories>" + layer.description + "</font></td></tr></table>");
				}
			}
		}
		for(var i=0;i<parentLayer.children.length;i++){
			layer = parentLayer.children[i];
			if(layer.subCategory){
				if(value){
					setChildBody(layer.subCategory,value);
				}else{
					setChildBody(layer.subCategory);
				}
			}
		}
	}
}
/*********************************************************************************************************************************************************/
var testLayer = new DynEl( {window:window,id:'testLayer',bgColor:'pink',left:400,top:20,body:'test'});
var test = false;
test?testLayer.output():'';
var activeTimeout;
function handler(e) {
	if (navigator.appName.indexOf("Netscape") != -1) {
		d = e.target
		alert(e)
		x=e.pageX;
		y=e.pageY;
	}else{
		e = window.event
		d = e.target
		x=window.event.clientX;
		y=window.event.clientY;
	}
	if(!d.locked){
		test?testLayer.setBody('out'):'';
		
		dX = d.getPageX()
		dY = d.getPageY()
		if(x<dX || x>(d.getWidth()+dX) || y<dY ||y > (dX+d.getHeight)){
			eval(d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut=true");
			clearTimeout(activeTimeout);
			activeTimeout = setTimeout("if("+d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut)"+
				"{hideAll("+d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main)}", 0);
			d.setBgColor(d.mouseOutColor);
		}else{
			alert(' dx '+dX +' x '+ x+' (d.getWidth()+dX) '+(d.getWidth()+dX) +' y '+ y +' dy '	+dY +' (dX+d.getHeight) '+ (dX+d.getHeight))
			alert(x<dX || x>(d.getWidth()+dX) || y<dY ||y > (dX+d.getHeight))
		}
	}
}

function initCategoryLayer(parentLayer){
	for(var i=0;i<parentLayer.children.length;i++){
		if(parentLayer.children[i].subCategory){
			parentLayer.children[i].addEventHandler("onmouseover", function(d){
				if(!d.locked){
					test?testLayer.setBody('over'):'';
					eval(d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut=false");
					positionAll(d.parent);
					setChildBody(d.parent);
					parentLayer.bodyNotSet = false;
					hideAll(d.parent);
					d.setBgColor(d.categoryObj.mouseOverColor);

					// --- Start Categories adjustment, make sure the categories does not pop up below the browser windows bottom
					if(navigator.appName=="Netscape"){
						layerBottom=d.subCategory.getPageY()+d.subCategory.getHeight()
						windowBottom=window.pageYOffset+window.innerHeight
					}else{
						layerBottom=d.subCategory.getPageY()+d.subCategory.getHeight()
						windowBottom=document.body.scrollTop+document.body.clientHeight
					}
					if(layerBottom>windowBottom){
						d.subCategory.moveTo(d.subCategory.getPageX(),d.getPageY()+d.getHeight()-d.subCategory.getHeight())
					}
					// --- End Categories adjustment

					d.subCategory.show();
				}
			});
			parentLayer.children[i].addEventHandler("onmouseout", function(d) {
				if(!d.locked){
					test?testLayer.setBody('out'):'';
					eval(d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut=true");
					clearTimeout(activeTimeout);
					activeTimeout = setTimeout("if("+d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut)"+
						"{hideAll("+d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main)}", 0);
					d.setBgColor(d.mouseOutColor);
				}
			});
		}else{
			parentLayer.children[i].addEventHandler("onmouseover", function(d) {
				hideAll(d.parent);
				if(!d.locked){
					// --- highlight parent by bgColor
					d.parent.mainCategory.setBgColor(d.categoryObj.mouseOverColor);
					// --- end highlight
					test?testLayer.setBody('over'):'';
					eval(d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut=false");
					d.setBgColor(d.categoryObj.mouseOverColor);
				}
			});
			parentLayer.children[i].addEventHandler("onmouseout", function(d){
				if(!d.locked){
					test?testLayer.setBody('out'):'';
					
					eval(d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut=true");
					clearTimeout(activeTimeout);
					activeTimeout = setTimeout("if("+d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main.mouseOut)"+
						"{hideAll("+d.categoryObj.formName+"AllFields.getObj('position',"+d.categoryObj.position+").main)}", 0);
					d.setBgColor(d.mouseOutColor);
					
					// --- de-highlight parent by bgColor
					d.parent.mainCategory.setBgColor(d.mouseOutColor);
					// --- end de-highlight
				}
			});
			parentLayer.children[i].addEventHandler("onmousedown", function(d) {
				(d.mouseOutColor=='orange')?
					(d.mouseOutColor=d.categoryObj.mouseOutColor):
					(d.mouseOutColor=d.categoryObj.mouseClickColor);
				d.setBgColor(d.mouseOutColor);
			});
		}
	}
}