var browser = 'valid';

function move(el,o)
{
	setTimeout(function(){
		el.style.left = o + 'px';
	}, 100);
}



var Menu = Class.create({
	
	initialize:  function()
	{
		var els = $('menubar').getElementsByClassName('menu');
		var minX =   $('site').offsetLeft;
		var brs = $('menubar').getElementsByTagName('br');
		this.removeBrs(brs);
		for (var i = 0; i < els.length; i++) {
			var el = els[i];
			var id = rootid = el.offsetParent.id;
			id = id.replace('menupunkt', 'undermenu');
			var sub = $(id);
			if (!sub) continue;
			var x = $(rootid).offsetLeft + 40;
			if (browser == 'ie7') x -= 40;
			this.place(sub, x);
			var subs = $(id).getElementsByClassName('submenu');
			this.setStyles(subs);
			
		}
	},
	
	place:  function(el, o)
	{
		setTimeout(function(){
			el.style.left = o + 'px';
		}, 100);
	},
	
	setStyles: function(subs)
	{
		for (var i = 0; i < subs.length; i++) {
			var el = $(subs[i]);
			var style = '';
			var ins = new Element('ins');
			var l = new Element('div');
			l.addClassName('left');
			var  m = new Element('div');
			m.addClassName('text');
			m.update(el.innerHTML);
			el.update('');
			var r = new Element('div');
			r.addClassName('right');
			if (i == 0) {
				r.addClassName('top');
			} else if (i == subs.length-1) {
				r.addClassName('bottom');
			}
			
			ins.insert(l);
			ins.insert(m);
			ins.insert(r);
			el.insert(ins);
		}
	},
	
	removeBrs: function(brs)
	{
		for (var i = 0; i <= brs.length; i++) {
			if ($(brs[i])) $(brs[i]).remove();
		}
		
		var brs = $('menubar').getElementsByTagName('br');
		if (brs.length > 0) this.removeBrs(brs, true);
	}
	
});

function subMenu ()
{
	if ($('undermenu2601')) {
		var a = new Element('a', {
			'class':'submenu',
			'href':'/files/download/3D_prisliste.pdf'
		});

		var l = new Element('div', {
			'class':'left'
		});
		var r = new Element('div', {
			'class':'right top'
		});
		var m = new Element('div', {
			'class':'text'
		}).update('Download prisliste');
		var ins = new Element('ins');

		/*ins.insert(l);
		ins.insert(m);
		ins.insert(r);*/
		Element.insert(ins, l);
		Element.insert(ins, m);
		Element.insert(ins, r);

		a.insert(ins);
		
		$('undermenu2601').insert(a);
	} else {
		
		var a = new Element('a', {
			'class':'submenu',
			'href':'/files/download/3D_prisliste.pdf'
		});
		var l = new Element('div', {
			'class':'left'
		});
		var r = new Element('div', {
			'class':'right top'
		});
		var m = new Element('div', {
			'class':'text'
		}).update('Download prisliste');
		var ins = new Element('ins');
	/*
		ins.insert(l);
		ins.insert(m);
		ins.insert(r);

		a.insert(ins);
*/
		Element.insert(ins, l);
		Element.insert(ins, m);
		Element.insert(ins, r);
		var u = new Element('div', {
			'onmouseout':'fadeOut(2601,80); return true;',
			'onmouseover':'fadeIn(2601,0); return true;',
			'class':'undermenudiv',
			'style':'position: absolute; visibility: hidden; z-index: 100; left: 490px;',
			'id':'undermenu2601'
		});

		u.insert(a);
		$('menu').insert(u);
	}
}

Event.observe(window, 'load',   function(){
	
//subMenu();
	//var me = $('menu');
	//me.innerHTML += '<div onmouseout="fadeOut(2601,80); return true;" onmouseover="fadeIn(2601,0); return true;" class="undermenudiv" style="position: absolute; visibility: hidden; z-index: 100; left: 490px;" id="undermenu2601"><a class="submenu" href="/files/download/3D_prisliste.pdf"><ins><div class="left"></div><div class="text">asd</div><div class="right top"></div></ins></a></div>';

	new LayerMove();
	new Menu();
	
});