// Handles Menu Processing
var menus = [];

// --- menu class ---
function menu (item_struct, pos, styles) {
	// browser check
	this.item_struct = item_struct;
	this.pos = pos;
	this.styles = styles;
	this.id = menus.length;
	this.items = [];
	this.children = [];
	
	this.add_item = menu_add_item;
	this.hide = menu_hide;
	
	this.onclick = menu_onclick;
	this.onmouseout = menu_onmouseout;
	this.onmouseover = menu_onmouseover;
	this.onmousedown = menu_onmousedown;
	
	var i;
	for (i = 0; i < this.item_struct.length; i++)
		new menu_item(i, this, this);
	for (i = 0; i < this.children.length; i++)
		this.children[i].visibility(true);
	menus[this.id] = this;
}
function menu_add_item (item) {
	var id = this.items.length;
	this.items[id] = item;
	return (id);
}
function menu_hide () {
	for (var i = 0; i < this.items.length; i++) {
		this.items[i].visibility(false);
		this.items[i].switch_style('onmouseout');
	}
}
function menu_onclick (id) {
	var item = this.items[id];
	return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
	this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
		this.pos['hide_delay'][this.active_item.depth]);
	if (this.active_item.id == id)
		this.active_item = null;
}
function menu_onmouseover (id) {
	this.active_item = this.items[id];
	clearTimeout(this.hide_timer);
	var curr_item, visib;
	for (var i = 0; i < this.items.length; i++) {
		curr_item = this.items[i];
		visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
			this.active_item.arrpath.slice(0, curr_item.depth).join('_'));

// Change color for parent
//		if (visib) curr_item.switch_style (curr_item == this.active_item ? 'onmouseover' : 'onmouseout');

		if (visib)
			{
			this.active_parent=this.active_item.parent;
			if ((curr_item.depth<this.active_item.depth)
			 &&((curr_item==this.active_parent)
			 || (curr_item==this.active_parent.parent)))
			curr_item.switch_style('onmouseover')
			else curr_item.switch_style (curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
			}
		
		curr_item.visibility(visib);
	}
}
function menu_onmousedown (id) {
	this.items[id].switch_style('onmousedown');
}
// --- menu item Class ---
function menu_item (path, parent, container) {
	this.path = new String (path);
	this.parent = parent;
	this.container = container;
	this.arrpath = this.path.split('_');
	this.depth = this.arrpath.length - 1;
	// get pointer to item's data in the structure
	var struct_path = '', i;
	for (i = 0; i <= this.depth; i++)
		struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
	eval('this.fields = this.container.item_struct' + struct_path);
	if (!this.fields) return;
	
	// assign methods	
	this.get_x = mitem_get_x;
	this.get_y = mitem_get_y;
	this.init = mitem_init;
	this.visibility = mitem_visibility;
	this.switch_style = mitem_switch_style;
	
	// register in the collections
	this.id = this.container.add_item(this);
	parent.children[parent.children.length] = this;
	
	// init recursively
	this.init();
	this.children = [];
	var child_count = this.fields.length - 2;
	for (i = 0; i < child_count; i++)
		new menu_item (this.path + '_' + i, this, this.container);
	this.switch_style('onmouseout');
}
function mitem_init() {
        var triangle;
        if ((this.depth==1)&&((this.fields.length-3)>0)) {triangle='style="background-image:url(images/arrow_menu_red.gif); BACKGROUND-POSITION: right bottom; BACKGROUND-REPEAT: no-repeat"';} else {triangle='';}
	document.write (
		'<a id="mi_' + this.container.id + '_'
			+ this.id +'" class="m' + this.container.id + 'l' + this.depth 
			+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
			+ this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
			+ this.container.pos['width'][this.depth] + 'px; height: '
			+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
			+' background: black; color: white; z-index: ' + this.depth + ';" '
			+ 'onclick="return menus[' + this.container.id + '].onclick('
			+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
			+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
			+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
			+ this.id + ');"><div '+triangle+' class="m'  + this.container.id + 'l' + this.depth + 'i">'
			+ this.fields[0] + '</div></a>\n'
		);
	this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
	if (make_visible != null) {
		if (this.visible == make_visible) return;
		this.visible = make_visible;
		if (make_visible)
			this.element.style.visibility = 'visible';
		else if (this.depth)
			this.element.style.visibility = 'hidden';
	}
	return (this.visible);
}
function mitem_get_x() {
	var value = 0;
	for (var i = 0; i <= this.depth; i++)
		value += this.container.pos['block_left'][i]
		+ this.arrpath[i] * this.container.pos['left'][i];

// Reverse menu if too long
	var max_len = 770;
	if ((((value+2*this.container.pos['width'][1])>max_len) && (this.depth==1)) || (((value+this.container.pos['width'][2])>max_len)&&(this.depth==2)))
	{
	value = 0;
	for (var i = 0; i <= this.depth; i++)
		{
		if (i==0)	{value += this.container.pos['block_left'][i] + this.arrpath[i] * this.container.pos['left'][i];}
		else
			{
			if (i==1)	{value = value+this.container.pos['width'][i-1]-this.container.pos['block_left'][i] - this.container.pos['width'][i] - this.arrpath[i] * this.container.pos['left'][i];}
			else
				{
				if ((value+this.container.pos['block_left'][i] + this.arrpath[i] * this.container.pos['left'][i]+this.container.pos['width'][i])>max_len)
					{value = value-this.container.pos['block_left'][i] - this.arrpath[i] * this.container.pos['left'][i];}
				else
					{value = value+this.container.pos['block_left'][i] + this.arrpath[i] * this.container.pos['left'][i];}
				}
			}
		}
	}
// End of reverse
	return (value);
}
function mitem_get_y() {
	var value = 0;
	for (var i = 0; i <= this.depth; i++)
		value += this.container.pos['block_top'][i]
		+ this.arrpath[i] * this.container.pos['top'][i];
	return (value);
}
function mitem_switch_style(state) {
	if (this.state == state) return;
	this.state = state;
	var style = this.container.styles[state];
	for (var i = 0; i < style.length; i += 2)
		if (style[i] && style[i+1])
			eval('this.element.style.' + style[i] + "='" 
			+ style[i+1][this.depth] + "';");
}



var menu_items = [

["Home","index.htm",["Sitemap","home.htm"],],

["Kontakt","kont.htm"],

["Anforderungen","anfo.htm"],

["Geschäftsfelder","feld.htm",["Büroorganisation","sekr.htm"],["Sekretariatsservice","sekr.htm"],["Korrespondenz","mail.htm"],["Serienbriefe","mail.htm"],["Korrekturservice","mail.htm"],["Präsentationen","gest.htm"],["Unterlagen gestalten","gest.htm"],["Rechnungswesen","rech.htm"],["Buchhaltung vorbereiten","rech.htm"],["Tabellenkalkulation","rech.htm"],["Datenbankpflege","date.htm"],["Veranstaltungen organisieren","date.htm"],],

["Leistungen","leis.htm"],

["Kosten","prei.htm"],

["Qualitätsprofil","qual.htm"],

["Impressum","kont.htm"],

];

// change menu geometry for non IE browsers
var offset_block_top=0;
var offset_height=0;
if (br != "ie")
{
offset_block_top=8;
offset_height=-2;
}

var menu_pos = new Array();
        menu_pos['width']      = [89, 170, 170];
//      menu_pos['width']      = [x3, 170, 170]; vorher 69. Also x2+1.
//      Das ist quasi die Breite eines Menu-Elementes.

        menu_pos['height']     = [20+offset_height, 20+offset_height, 20+offset_height];
//      Das ist quasi die Hoehe des Menu-Blocks.

        menu_pos['top']        = [0, 19, 19];
//      Wert 1 muss Null bleiben. Wert 2 & 3 sollte wie Hoehe sein.

        menu_pos['left']       = [88, 0, 0];
//      menu_pos['left']       = [x2, 0, 0]; vorher 68. Also x3-1.
//      Das ist quasi die Breite eines Menu-Elementes.

        menu_pos['block_top']  = [10+offset_block_top, 19, 9];
//      menu_pos['block_top']  = [x1+offset_block_top, 19, 9]; vorher 45.
//      Beginn des Menu-Blocks vom oberen Rand in Pixeln.

        menu_pos['block_left'] = [010, 20, 150];
//      menu_pos['block_left'] = [x98, 20, 150]; vorher 230.
//      Beginn des Menu-Blocks vom linken Rand in Pixeln.

	menu_pos['hide_delay'] = [500, 500, 500];
	
var menu_styles = new Array();
	menu_styles['onmouseout'] = [
                'color', ['#ffffff', '#ffffff', '#ffffff'], 
                'background', ['#0000ff', '#0000ff', '#0000ff'],];
	menu_styles['onmouseover'] = [
                'color', ['#ffffff', '#ffffff', '#ffffff'], 
		'background', ['#ff3333', '#ff3333', '#ff3333'],];
	menu_styles['onmousedown'] = [
                'color', ['#ffffff', '#ffffff', '#ffffff'], 
                'background', ['#008000', '#008000', '#008000'],];

if (!((br=="nn")&&(br_ver==4))) {new menu (menu_items, menu_pos, menu_styles);}

// End Menu Processing