var visibleLetter = "A";
var init = true;

function printABC()
{
	var actLetter = "";
	var oldLetter = "";

	var letters = new Array();
	var abcDiv = document.createElement( "div" );
	abcDiv.setAttribute( "class", "lexikonABC" );
	lexikonContainer = document.getElementById( "lexikon" );
	document.getElementById( "content" ).insertBefore( abcDiv, lexikonContainer );

	var dtNodes = document.getElementsByTagName( "dt" );

	for( var i=0; i < dtNodes.length; i++ ) {
		dtNode = dtNodes[i];
		dtId = dtNode.getAttribute( "id" );
		term = dtNode.firstChild.data;
		actLetter = term.substr( 0, 1 );

		if( actLetter != oldLetter ) {
			dtNode.parentNode.setAttribute( "id", actLetter );
			dtNode.parentNode.style.display = "none";
			abcDiv.appendChild( document.createTextNode( " " ) );
			abcDiv.appendChild( buildJumpLink( actLetter, dtId, actLetter ) );
			abcDiv.appendChild( document.createTextNode( " " ) );
			oldLetter = actLetter;
		}
		if( init ) {
			init = false;
			switchVisibilityLexikon( visibleLetter );
		}
	}
}

function buildJumpLink( letter, id, actLetter )
{
	var link = document.createElement( "a" );
	link.setAttribute( "href", "javascript:switchVisibilityLexikon('"+actLetter+"');" );
	//link.setAttribute( "onclick", "switchVisibility( '" + actLetter + "' )" );
	link.appendChild( document.createTextNode( letter ) )
	return link;
}

function switchVisibilityLexikon( actLetter )
{
	dlVisible = document.getElementById( visibleLetter );
	dlVisible.style.display = "none";
	visibleLetter = actLetter;
	dlNode = document.getElementById( actLetter );
	dlNode.style.display = "block";
}