function addListener(element, type, expression)
{
	if(window.addEventListener)
	{
		element.addEventListener(type, expression, false);
	}
	else if(window.attachEvent) 
	{
		element.attachEvent('on' + type, expression);
	}
}

function init() {
	var i;
	var menu = document.getElementById('menu');
	var link = menu.getElementsByTagName('a');
	for(i=0; i<link.length; i++) {
		addListener(link[i], 'mouseover', hover);
		addListener(link[i], 'mouseout', hover);
	}
}

var timId = 0;
var intId = 0;
var pos = -310;
var posS = -310;
var kier = -1;

function hover(e)
{
	e = e || window.event;
	obj = e.target || e.srcElement;
	if (obj.nodeType == 3) // defeat Safari bug
		obj = obj.parentNode;
	if (obj.className=='button' && e.type=='mouseover')
		obj.className='button_hover'
	else if (obj.className=='button_hover' && e.type=='mouseout')
		obj.className='button'
	else
	{
		kier = (e.type == 'mouseover' ? 1 : -1);
		if(intId != 0)
			window.clearInterval(intId);
		intId = window.setInterval(wysun, 10);
	}
}

function wysun()
{
	var prom = document.getElementById('nibe');
	if ((kier < 0 && pos > posS) || (kier > 0 && pos < 0))
	{
		pos += kier*10;
		prom.style.left = pos + 'px';
	}
	else
	{
		window.clearInterval(intId);
		intId = 0;
	}
}
