var DOM = document.getElementById;
var IE4 = document.all;
var NN4 = document.layers;

var mObj = new Array();

function MENU(style) {

this.style = style ? style : "left";
this.floatMenu = false;
this.fadeInSpeed = 8;
this.fadeOutSpeed = 12;
this.fadeOutDelay = 1000;

this.imgBlank = "./images/spacer.gif";
this.imgArrow = "./images/arrow.gif";
this.imgArrowWidth = 5;

this.mainTop = 58;
this.mainLeft = 9;
this.mainBGColor = "#fff";
this.mainBorderWidth = 1;
this.mainArrows = true;
this.mainOpacity = 100;

this.mainItemWidth = 221;
this.mainItemColor = "#ececec";
this.mainItemHilight = "#bfd249";
this.mainItemFont = "Verdana, Geneva, Arial, Helvetica, sans-serif";
this.mainItemFontColor = "#666";
this.mainItemFontHilight = "#fff";
this.mainItemFontSize = 11;
this.mainItemAlign = "left";
this.mainItemPadding = 8;
this.mainItemSpacer = 1;
this.mainItem3D = 0;

this.subBGColor = "#fff";
this.subBorderWidth = 1;
this.subArrows = true;
this.subOpacity = 96;
this.subOffsetLeft = 30;

this.subItemWidth = 230;
this.subItemColor = "#ececec";
this.subItemHilight = "#b9cb47";
this.subItemFont = "Verdana, Geneva, Arial, Helvetica, sans-serif";
this.subItemFontColor = "#666";
this.subItemFontHilight = "#fff";
this.subItemFontSize = 11;
this.subItemAlign = "left";
this.subItemPadding = 8;
this.subItemSpacer = 1;
this.subItem3D = 0;

this.mOver = false;
this.mNr = this.iv = this.timer = 0;
this.sections = new Array();
this.items = new Array();
this.targetWindow = 0;

this.entry = function(level, height, text, url, target, onClick) {
		var nr = this.items.length;
		var parent = nr - 1;
		this.items[nr] = new makeItem(level, height, text, url, target, onClick);
		if(parent >= 0) {
				if(level == this.items[parent].level + 1) this.items[nr].parent = parent;
				else if(level == this.items[parent].level) this.items[nr].parent = this.items[parent].parent;
				else if(level < this.items[parent].level) {
						for(var i = parent; i >= 0; i--) {
								if(this.items[i].level == level) {
										this.items[nr].parent = this.items[i].parent;
										break;
								}
						}
				}
		}
}

this.getObj = function(id, cont) {
		var obj;
		if(DOM) obj = document.getElementById(id).style;
		else if(IE4) obj = document.all[id].style;
		else if(NN4) obj = cont ? document.layers[cont].document.layers[id] : document.layers[id];
		return obj;
}

this.getScrTop = function() {
		var scrTop = 0;
		if(document.documentElement && document.documentElement.scrollTop)
				scrTop = document.documentElement.scrollTop;
		else if(document.body && document.body.scrollTop)
				scrTop = document.body.scrollTop;
		else if(window.pageYOffset) scrTop = window.pageYOffset;
		return scrTop;
}

this.setOpacity = function(nr, opacity) {
		if(!NN4) {
				var obj = this.getObj('section' + this.mNr + '_' + nr);
				if(obj) {
						obj.opacity = opacity / 100;
						obj.MozOpacity = opacity / 100;
						obj.KhtmlOpacity = opacity / 100;
						obj.filter = 'alpha(opacity=' + opacity + ')';
				}
		}
}

this.fadeIn = function(nr) {
		if(this.sections[nr].active) {
				var maxOp = (this.items[this.sections[nr].nr].level < 2) ? this.mainOpacity : this.subOpacity;
				if(this.fadeInSpeed && this.sections[nr].opacity < maxOp) {
						this.sections[nr].opacity += this.fadeInSpeed;
						if(this.sections[nr].opacity > maxOp) this.sections[nr].opacity = maxOp;
						this.setOpacity(nr, this.sections[nr].opacity);
						if(this.sections[nr].timer) clearTimeout(this.sections[nr].timer);
						this.sections[nr].timer = setTimeout('mObj[' + this.mNr + '].fadeIn(' + nr + ')', 1);
				}
				else {
						this.sections[nr].opacity = maxOp;
						this.setOpacity(nr, maxOp);
				}
		}
}

this.fadeOut = function(nr) {
		if(this.fadeOutSpeed && this.sections[nr].opacity > 0) {
				this.sections[nr].opacity -= this.fadeOutSpeed;
				if(this.sections[nr].opacity < 0) this.sections[nr].opacity = 0;
				this.setOpacity(nr, this.sections[nr].opacity);
				if(this.sections[nr].timer) clearTimeout(this.sections[nr].timer);
				this.sections[nr].timer = setTimeout('mObj[' + this.mNr + '].fadeOut(' + nr + ')', 1);
		}
		else {
				var obj = this.getObj('section' + this.mNr + '_' + nr);
				obj.visibility = NN4 ? 'hide' : 'hidden';
				this.sections[nr].opacity = 0;
		}
}

this.showMenu = function(nr) {
		var obj = this.getObj('section' + this.mNr + '_' + nr);
		if(!this.sections[nr].active) {
				if(this.floatMenu) this.sections[nr].y = this.getScrTop() + this.sections[nr].topY;
				if(IE4) obj.pixelTop = this.sections[nr].y;
				else obj.top = this.sections[nr].y + (DOM ? 'px' : '');
				obj.visibility = NN4 ? 'show' : 'visible';
				this.sections[nr].active = true;
				this.fadeIn(nr);
		}
}

this.hideMenu = function(nr) {
		var obj = this.getObj('section' + this.mNr + '_' + nr);
		if(this.sections[nr].active) {
				this.sections[nr].active = false;
				this.fadeOut(nr);
		}
}

this.hilight = function(section, item, bgColor, fontColor) {
		var obj = this.getObj('item' + this.mNr + '_' + item, 'section' + this.mNr + '_' + section);
		if(NN4) obj.bgColor = bgColor;
		else obj.backgroundColor = bgColor;
		if(!NN4) {
				obj = this.getObj('text' + this.mNr + '_' + item);
				obj.color = fontColor;
		}
		if(bgColor == this.subItemColor || bgColor == this.mainItemColor) this.mOver = false;
		else this.mOver = true;
}

this.getMenu = function(item, section) {
		if(this.sections[section].active) {
				for(var i = section+1; i < this.sections.length; i++) {
						if(this.sections[i].nr == item) {
								if(!this.sections[i].active) this.showMenu(i);
						}
						else if(this.sections[i].active) this.hideMenu(i);
				}
		}
}

this.hideSubs = function(start) {
		if(!this.mOver) for(var i = start; i < this.sections.length; i++) {
				if(this.sections[i].active) this.hideMenu(i);
		}
		this.timer = 0;
}

this.jumpURL = function(item) {
		if(this.items[item].url) {
				if(this.items[item].target) {
						if(this.items[item].target.indexOf('parent.') == -1 && this.items[item].target.indexOf('top.') == -1) {
								if(this.targetWindow && !this.targetWindow.closed) this.targetWindow.location.href = this.items[item].url;
								else this.targetWindow = window.open(this.items[item].url, 'targetWindow');
								this.targetWindow.focus();
						}
						else eval(this.items[item].target + '.location.href = "' + this.items[item].url + '"');
				}
				else document.location.href = this.items[item].url;
		}
}

this.checkIt = function() {
		var active = false;
		var i;
		if(this.floatMenu) for(i = 0; i < this.sections.length; i++) {
				if(this.sections[i].active) this.floatIt(i, this.sections[i].topY);
		}
		if(!this.mOver && !this.timer) {
				for(i = 0; i < this.sections.length && !active; i++) {
						if(this.sections[i].active) active = true;
				}
				if(active) {
						if(this.fadeOutDelay) this.timer = setTimeout('mObj[' + this.mNr + '].hideSubs(1)', this.fadeOutDelay);
						else this.hideSubs(1);
				}
		}
}

this.floatIt = function(nr, topY) {
		var obj = this.getObj('section' + this.mNr + '_' + nr);
		if(obj.visibility == 'visible' || obj.visibility == 'show') {
				var scrTop = this.getScrTop() + topY;
				var elmTop = IE4 ? obj.pixelTop : parseInt(obj.top);
				if(elmTop != scrTop) this.smoothIt(obj, nr, scrTop);
		}
}

this.smoothIt = function(obj, nr, scrTop) {
		if(scrTop != this.sections[nr].y) {
				var percent = .1 * (scrTop - this.sections[nr].y);
				if(percent > 0) percent = Math.ceil(percent);
				else percent = Math.floor(percent);
				this.sections[nr].y += percent;
				if(IE4) obj.pixelTop = this.sections[nr].y;
				else if(NN4 || DOM) obj.top = this.sections[nr].y + (DOM ? 'px' : '');
		}
}

this.buildItems = function(parent, section) {
		var arrows, link, img, color, itemColor, itemHilight, itemAlign, left;
		var width, height, border, spacer, itemPadding, item3D, topY, clsItem, j;

		for(var i = cnt = 0; i < this.items.length; i++) {
				if(this.items[i].parent == parent) {
						if(this.items[i].level < 2) {
								border = this.mainBorderWidth;
								color = this.mainBGColor;
								spacer = this.mainItemSpacer;
								arrows = this.mainArrows;
								itemColor = this.mainItemColor;
								itemFontColor = this.mainItemFontColor;
								itemHilight = this.mainItemHilight;
								itemFontHilight = this.mainItemFontHilight;
								itemAlign = this.mainItemAlign;
								itemPadding = this.mainItemPadding;
								item3D = this.mainItem3D;
								clsItem = 'clsMainItem' + this.mNr;
								width = this.mainItemWidth + itemPadding*2;
								if(this.style == 'top') left = border + (width + item3D*2 + spacer) * cnt++;
								else left = border;
						}
						else {
								border = this.subBorderWidth;
								color = this.subBGColor;
								spacer = this.subItemSpacer;
								arrows = this.subArrows;
								itemColor = this.subItemColor;
								itemFontColor = this.subItemFontColor;
								itemHilight = this.subItemHilight;
								itemFontHilight = this.subItemFontHilight;
								itemAlign = this.subItemAlign;
								itemPadding = this.subItemPadding;
								item3D = this.subItem3D;
								clsItem = 'clsSubItem' + this.mNr;
								width = this.subItemWidth + itemPadding*2;
								left = border;
						}
						height = this.items[i].height + itemPadding*2;

						if(!topY) topY = border;
						link = 'javascript:mObj[' + this.mNr + '].jumpURL(' + i + ')';
						if(arrows && i+1 < this.items.length && this.items[i+1].level > this.items[i].level) img = this.imgArrow;
						else img = '';

						for(j = 0; j < this.sections.length; j++) {
								if(this.sections[j].nr == i+1) {
										this.sections[j].topY = this.sections[section].topY + topY;
										this.sections[j].y = this.sections[j].topY;
								}
						}

						if(IE4 || DOM) document.write('<div id="item' + this.mNr + '_' + i + '" style="position:absolute' +
																																				'; top:' + topY + 'px' +
																																				'; left:' + left + 'px' +
																																				'; width:' + width + 'px' +
																																				'; height:' + height + 'px' +
																																				(itemColor ? '; background-color:' + itemColor : '') +
																																				(item3D ? '; border:' + item3D + 'px outset white' : '') +
																																				'; z-index:1">');
						else if(NN4) document.write('<layer id="item' + this.mNr + '_' + i + '"' +
																																		' top=' + topY +
																																		' left=' + left +
																																		' width=' + width +
																																		' height=' + height +
																																		(itemColor ? ' bgcolor=' + itemColor : '') +
																																		' z-index=1>');
						document.write('<table border=0 cellspacing=0 cellpadding=' + itemPadding +
																					' width=' + width + ' height=' + height + '><tr>' +
																					'<td id="text' + this.mNr + '_' + i + '" class="' + clsItem + '" align="' + itemAlign + '">' +
																					this.items[i].text + '</td>' +
																					(img ? '<td width=' + this.imgArrowWidth + ' align=right><img src="' + img + '" width=' + this.imgArrowWidth + '></td>' : '') +
																					'</tr></table>');
						if(IE4 || DOM) document.write('</div>');
						else if(NN4) document.write('</layer>');

						if(IE4 || DOM) document.write('<div style="position:absolute' +
																																				'; top:' + topY + 'px' +
																																				'; left:' + left + 'px' +
																																				'; z-index:2">');
						else if(NN4) document.write('<layer' +
																																		' top=' + topY +
																																		' left=' + left +
																																		' z-index=2>');
						document.write('<a href="' + link + '" ' +
																					'onMouseOver="mObj[' + this.mNr + '].hilight(' + section + ', ' + i + ', \'' + itemHilight + '\', \'' + itemFontHilight + '\'); ' +
																					'mObj[' + this.mNr + '].getMenu(' + (i+1) + ', ' + section + '); ' +
																					'window.status=\'' + this.items[i].url + '\'; return true" ' +
																					'onMouseOut="mObj[' + this.mNr + '].hilight(' + section + ', ' + i + ', \'' + itemColor + '\', \'' + itemFontColor + '\'); ' +
																					'window.status=\'\'" ' + (this.items[i].onClick ? 'onClick="' + this.items[i].onClick + '" ' : '') +
																					'onFocus="if(this.blur) this.blur()">' +
																					'<img src="' + this.imgBlank + '" border=0 width=' + (width + item3D*2) + ' height=' + (height + item3D*2) + '></a>');
						if(IE4 || DOM) document.write('</div>');
						else if(NN4) document.write('</layer>');

						if(this.items[i].level > 1 || this.style != 'top') topY += height + item3D*2 + spacer;
				}
		}
}

this.buildSections = function() {
		document.write('<style> ' +
																	'.clsMainItem' + this.mNr + ' { color:' + this.mainItemFontColor +
																	'; font-family:' + this.mainItemFont +
																	'; font-size:' + this.mainItemFontSize + 'px; } ' +
																	'.clsSubItem' + this.mNr + ' { color:' + this.subItemFontColor +
																	'; font-family:' + this.subItemFont +
																	'; font-size:' + this.subItemFontSize + 'px; } ' +
																	'</style>');

		var width, border, color, itemPadding, item3D, spacer, left, height, level, section, cnt, j;
		var mainHeight = 0;
		var bgImg = '';

		for(var i = 0; i < this.items.length; i++) {
				if(!i || this.items[i].level > this.items[i-1].level) {
						this.sections[this.sections.length] = new makeSection(i, this.items[i].level, this.mainTop);
				}
		}

		for(i = cnt = 0; i < this.sections.length; i++) {
				section = this.sections[i].nr;
				level = this.sections[i].level;
				if(level < 2) {
						border = this.mainBorderWidth;
						color = this.mainBGColor;
						itemPadding = this.mainItemPadding;
						item3D = this.mainItem3D;
						spacer = this.mainItemSpacer;
						width = (this.style == 'top') ? 0 : this.mainItemWidth + border*2 + itemPadding*2 + item3D*2;
						left = this.mainLeft;
				}
				else {
						border = this.subBorderWidth;
						color = this.subBGColor;
						itemPadding = this.subItemPadding;
						item3D = this.subItem3D;
						spacer = this.subItemSpacer;
						width = this.subItemWidth + border*2 + itemPadding*2 + item3D*2;
						if(this.style == 'top') {
								if(level == 2) for(j = cnt = 0; j < section; j++) {
										if(this.items[j].level == 1) cnt++;
								}
								left = this.mainLeft + this.mainBorderWidth + (this.mainItemWidth + this.mainItemPadding*2 + this.mainItem3D*2 + this.mainItemSpacer) * (cnt-1);
								left += (level-2) * (width - this.subOffsetLeft);
						}
						else left = this.mainLeft + this.mainItemWidth - this.subOffsetLeft + ((this.mainBorderWidth+this.mainItemPadding+this.mainItem3D)*2) + (level-2) * (width-this.subOffsetLeft);
				}
				height = 0;

				for(j = section; j < this.items.length; j++) {
						if(this.items[j].parent == this.items[section].parent) {
								if(level < 2 && this.style == 'top') {
										width += this.mainItemWidth + itemPadding*2 + item3D*2 + spacer;
										if(this.items[j].height > height) height = mainHeight = this.items[j].height;
								}
								else height += this.items[j].height + itemPadding*2 + item3D*2 + spacer;
						}
				}
				if(this.style == 'top') {
						if(level < 2) {
								width += border*2 - spacer;
								height += itemPadding*2 + item3D*2 + spacer;
								mainHeight += border + itemPadding*2 + item3D*2;
						}
						else if(level == 2) {
								this.sections[i].topY += mainHeight;
								this.sections[i].y = this.sections[i].topY;
						}
				}
				height += border*2 - spacer;

				if(color.search(/\.(jpg|jpeg|jpe|gif|png)$/i) != -1) {
						bgImg = color;
						color = '';
				}
				else bgImg = this.imgBlank;

				this.sections[i].width = width;
				this.sections[i].height = height;

				if(IE4 || DOM) document.write('<div id="section' + this.mNr + '_' + i + '" style="position:absolute' +
																																		'; top:' + this.sections[i].topY + 'px' +
																																		'; left:' + left + 'px' +
																																		'; width:' + width + 'px' +
																																		'; height:' + height + 'px' +
																																		(color ? '; background-color:' + color : '') +
																																		'; z-index:' + i +
																																		'; visibility:hidden">');
				else if(NN4) document.write('<layer id="section' + this.mNr + '_' + i + '"' +
																																' top=' + this.sections[i].topY +
																																' left=' + left +
																																' width=' + width +
																																' height=' + height +
																																(color ? ' bgcolor=' + color : '') +
																																' z-index=' + i +
																																' visibility="hide">');

				document.write('<a href="#" onMouseOver="mObj[' + this.mNr + '].mOver=true" onMouseOut="mObj[' + this.mNr + '].mOver=false">' +
																			'<img src="' + bgImg + '" border=0 width=' + this.sections[i].width +
																			' height=' + this.sections[i].height + '></a>');

				this.buildItems(section-1, i);

				if(IE4 || DOM) document.write('</div>');
				else if(NN4) document.write('</layer>');

				if(this.mainOpacity && level < 2) this.setOpacity(i, this.mainOpacity);
				else if(this.subOpacity && level > 1) this.setOpacity(i, this.subOpacity);
		}
}

this.create = function() {
		this.mNr = mObj.length;
		if(mObj[this.mNr] = this) {
				this.buildSections();
				this.showMenu(0);
				if(this.iv) clearInterval(this.iv);
				this.iv = setInterval('mObj[' + this.mNr + '].checkIt()', 1);
		}
		else alert("Could not create menu!");
}

}

function makeItem(level, height, text, url, target, onClick) {
this.level = level;
this.height = height;
this.text = text;
this.url = url;
this.target = target;
this.onClick = onClick;
this.parent = -1;
}

function makeSection(nr, level, topY) {
this.nr = nr;
this.level = level;
this.topY = topY;
this.active = false;
this.y = topY;
this.width = 0;
this.height = 0;
this.timer = 0;
this.opacity = 0;
}