// Layernavigation
var ActivLayerElementNum 	= 0;
var Element					= "";


var InActivBg				= "#156A8A url(https://img.guna.de/bilder/topnavi_item-no.gif) no-repeat 7px 7px";
var ActivBg					= "#87B2C3 url(https://img.guna.de/bilder/topnavi_item-act.gif) no-repeat 7px 7px";
var InActivColor			= "#FFFFFF";
var ActivColor				= "#156A8A";
 


//
// shows the layer
function showLayerElement( ElementNumber, ElementName )	{
	
	if( ActivLayerElementNum != ElementNumber )	{
		
		ActivLayerElementNum 	= ElementNumber;
		Element 			= ElementName + ActivLayerElementNum;
		
		document.getElementById( Element ).style.display = '';
	}
}


//
// hides the layer
function hideLayerElement( ElementName )	{
	
	if( ActivLayerElementNum != 0 )	{
	
		Element				= ElementName + ActivLayerElementNum;
		ActivLayerElementNum 	= 0;
		
		document.getElementById( Element ).style.display = 'none';
	}
}


//
// activates the layer
function setActivLayer( ElementName, Mode )	{
	
	if( Mode == 1 )	{
		
		document.getElementById( ElementName ).style.background = ActivBg;
		document.getElementById( ElementName ).style.color		= ActivColor;
	}
	else	{
		
		document.getElementById( ElementName ).style.background = InActivBg;
		document.getElementById( ElementName ).style.color		= InActivColor;
	}
}



// Detailansicht
var activElement = "";
var showElement = "";

function showLayerView( ElementName )	{
	
	showElement 	= ElementName;
	
	// Prüfen, welcher Layer aktiv ist
	if( activElement != showElement )	{
		hideLayerView();
		
		activElement = showElement;
		document.getElementById( activElement ).style.display = 'block';
	}
}

function hideLayerView()	{

	if( activElement != "" )	{
		document.getElementById( activElement ).style.display = 'none';
		activElement = "";
	}
}