function addEvent(elm, evType, fn, useCapture) {
  if (elm.addEventListener) {
    elm.addEventListener(evType, fn, useCapture);
    return true;
  } else if (elm.attachEvent) {
    var r = elm.attachEvent('on' + evType, fn);
    return r;
  } else {
    elm['on' + evType] = fn;
  }
}

function find_target(e) {
  var target;

  if (window.event && window.event.srcElement)
    target = window.event.srcElement;
  else if (e && e.target)
    target = e.target;
  if (!target) return null;

  while (target != document.body && target.nodeName.toLowerCase() != 'a')
    target = target.parentNode;
  if (target.nodeName.toLowerCase() != 'a') return null;

  return target;
}

function registerPanels(preOpenPanel) {
	var mypanels = $('radContent','infoContent','ticketContent','hotelContent','planContent','routeContent','vrrContent','areaContent','plannerContent');
	for(i = 0; i < mypanels.length; i++) {		
		if (mypanels[i] == undefined) continue;			
		if (mypanels[i].id == preOpenPanel) continue;
		mypanels[i].style.display = 'none';
	}
	var mylinks = $('radHeader','infoHeader','ticketHeader','hotelHeader','planHeader','routeHeader','vrrHeader','areaHeader','plannerHeader');
	for(i = 0; i < mylinks.length; i++) {
		if (mylinks[i] == undefined) continue;
		addEvent(mylinks[i], 'click', handlePanels, false);
	}
}

function handlePanels(e) {
  var target = find_target(e);
  if (!target) return;
	var nodename = target.id.replace(/(Header|Panel)/, 'Content');
	var panelname = target.id.replace(/Header/, 'Panel');
	var node = $(nodename);
	var panel = $(panelname);
	if(node.style.display == 'none') {
		node.style.display = '';
		panel.style.backgroundImage = 'url(/site_de/img/servicebox/box-auf.jpg)';
	} else {
		node.style.display = 'none';
		panel.style.backgroundImage = 'url(/site_de/img/servicebox/box-zu.jpg)';
	}

  if (window.event) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (e && e.stopPropagation && e.preventDefault) {
    e.stopPropagation();
    e.preventDefault();
  }
}