function toggleLayer( layerId, position ) {

    	// verstecke alle layer
    	// hideLayers();
      if(!position) position = 'left';
      var layerDisplay = document.getElementById(layerId).style.display;

    	// frage x-y ab
    	var layerIdImg = layerId + "_icon";
    	 //alert('layerIdImg = ' + layerIdImg );

    	var absLeft = "";
    	var absTop = "";
    	absLeft = getAbsLeft( layerIdImg );
    	absTop = getAbsTop( layerIdImg );

    	// ein- oder ausblenden?
    	if( layerDisplay == 'none' || layerDisplay == '' )
    	{
    		// verstecke erstmal alle layer
    		hideLayers();

    		// layer einblenden
    		document.getElementById(layerId).style.display = 'block';

    		// layer positionieren
    		if(position=='left'){
          document.getElementById(layerId).style.left = absLeft + 20 + "px";
          $(layerId+'_class_left').className = 'topLeft';
          $(layerId+'_class_right').className = 'topRight';

        }else{
          document.getElementById(layerId).style.left = absLeft + -400 + "px";
          $(layerId+'_class_left').className = 'topLeftright';
          $(layerId+'_class_right').className = 'topRightleft';
        }
    		document.getElementById(layerId).style.top = absTop + -15 + "px";
    	}
    	else if( layerDisplay == 'block' )
    	{
    		// layer ausblenden
    		document.getElementById(layerId).style.display = 'none';
    	}
    }
    function hideLayers()
    {
    	for( i=0; i<100; i++ )
    	{
    		if( document.getElementById('layer_' + i) != null )
    		{
    			document.getElementById('layer_' + i).style.display = 'none';
    		}
    	}
    }
    function getAbsLeft(id) {
    	o = document.getElementById(id); oL = o.offsetLeft;
    	while(o.offsetParent!=null) { oP = o.offsetParent; oL += oP.offsetLeft; o = oP; }
      return oL;
    }

    function getAbsTop(id) {
    	o = document.getElementById(id); oT = o.offsetTop;
    	while(o.offsetParent!=null) { oP = o.offsetParent; oT += oP.offsetTop; o = oP; }
      return oT;
    }
function infos(){
  if(document.getElementById("mehr_infos").style.display == 'none'){
 	  document.getElementById("mehr_infos").style.display = 'block';
		}else{
		  document.getElementById("mehr_infos").style.display = 'none';
		}
}
function allDown(soWhat){
  if(soWhat == null) soWhat = '';
  var childs = $('details'+ soWhat).childElements();
  for(var i=2;i<$(childs).length;i++){
    //alert($(childs[i]).identify());
    if($(childs[i]).hasClassName('detailsHead')) continue;
    //alert($(childs[i]).identify()+soWhat);
    down($(childs[i]).identify());
  }
  $('showAll'+soWhat).writeAttribute("href", "javascript:allUp('" + soWhat + "');");
  $('showAll'+soWhat).innerHTML = 'Alle zuklappen';

}

function allUp(soWhat){
  if(soWhat == null) soWhat = '';
  var childs = $('details'+ soWhat).childElements();
  for(var i=2;i<$(childs).length;i++){
    //alert($(childs[i]).identify());
    if($(childs[i]).hasClassName('detailsHead')) continue;
    up($(childs[i]).identify());
  }
  $('showAll'+soWhat).writeAttribute("href", "javascript:allDown('" + soWhat + "');");
  $('showAll'+soWhat).innerHTML = 'Alles aufklappen';
}
function upNdown(id){
    if($(id).getStyle('display')=='none'){
      $(id).show();
      $(id+'link').addClassName('active');
    }else{
      $(id).hide();
      $(id+'link').removeClassName('active');
    }
}
function down(id){
  $(id).show();
  $(id+'link').addClassName('active');
}
function up(id){
  $(id).hide();
  $(id+'link').removeClassName('active');
}
function basicChangedetails(art){
  if(art == 'Festnetz'){
    $('internet').removeClassName('active');
    $('festnetz').addClassName('active');
    $('showOrHideInternet').setStyle ({ display: 'none'});
    $('showOrHideFestnetz').setStyle ({ display: 'block'});
    $('basicFestnetz').setStyle ({ display: 'block'});
    $('basicInternet').setStyle ({ display: 'none'});
    allUp(art);
    hideLayers();
  }else{
    $('festnetz').removeClassName('active');
    $('internet').addClassName('active');
    $('showOrHideFestnetz').setStyle ({ display: 'none'});
    $('showOrHideInternet').setStyle ({ display: 'block'});
    $('basicInternet').setStyle ({ display: 'block'});
    $('basicFestnetz').setStyle ({ display: 'none'});
    allUp(art);
    hideLayers();
  }
}
function basicChange(art){
  if(art == 'telefon'){
    $('internet').removeClassName('active');
    $('festnetz').addClassName('active');
    $('showOrHide').setStyle ({ display: 'block'});
  }else{
    $('festnetz').removeClassName('active');
    $('internet').addClassName('active');
    $('showOrHide').setStyle ({ display: 'none'});
  }
}