// Baustellen

function zeige_baustelle(id)
{
	document.getElementById('baustellen').style.display = 'block';
	// Tabelle ausblenden
	for ( i=1; i < document.getElementsByTagName('TR').length; i++ )
	{
		var baustelle = document.getElementsByTagName('TR')[i];
		baustelle.style.display = 'none';
	}
	// Zeile einblenden
	baustelle = document.getElementById(id);
	baustelle.style.display = '';
}

function baustellen_markierung()
{
	var content = document.getElementById('content');
	var baustellen = document.getElementById('baustellen');
	
	// karte generieren
	var kartediv = document.createElement('div');
	kartediv.setAttribute('id','karte');
	var kartegif = document.createElement('img');
	kartegif.setAttribute('src','/images/baustellen.gif');
	kartediv.appendChild(kartegif);
	
	// an Content anhängen
	content.insertBefore(kartediv, baustellen);
	
	// Hilfstext einbauen
	var hilfe = document.createTextNode('Bei Klick auf eine Baustelle, erhalten Sie unter der Karte weitere Informationen zu dieser Baustelle eingeblendet.');
	var hilfep = document.createElement('p');
	hilfep.style.color = '#ff0000';
	hilfep.appendChild(hilfe);
	content.insertBefore(hilfep, kartediv);

	// Tabelle ausblenden
	document.getElementById('baustellen').style.display = 'none';
	for ( i=1; i < document.getElementsByTagName('TR').length; i++ )
	{
		var baustelle = document.getElementsByTagName('TR')[i];
		baustelle.style.display = 'none';
	}

	// Tabelle auslesen
	for ( i=1; i < document.getElementsByTagName('TR').length; i++ )
	{
		var baustelle = document.getElementsByTagName('TR')[i];
		// X und Y auslesen
		var id = baustelle.id;
		var x = baustelle.id.replace(/tr-([0-9]+)-([0-9]+)-([0-9]+)/,'$2');
		var y = baustelle.id.replace(/tr-([0-9]+)-([0-9]+)-([0-9]+)/,'$3');
		// Symbol platzieren
		var symbol = document.createElement('div');
		var grafik = document.createElement('img');
		var link_zur_zeile = document.createElement('a');
		grafik.setAttribute('src','/images/baustelle-markierung.gif');
		link_zur_zeile.setAttribute('href','javascript:zeige_baustelle(\'' + id + '\')');
		symbol.setAttribute('id','span' + id);
		link_zur_zeile.appendChild(grafik);
		symbol.appendChild(link_zur_zeile);
		symbol.style.position = 'absolute';
		symbol.style.left = x + 'px';
		symbol.style.top = y + 'px';
		symbol.style.zIndex = i + 10;
		// Mouseover
		symbol.onmouseover = function() { this.style.zIndex = '100'; };
		// Mouseout
		symbol.onmouseout = function() { this.style.zIndex = i + 10; };
		kartediv.appendChild(symbol);
		// Bezeichnung einfügen
		var ort = baustelle.firstChild.firstChild.data;
		var strasse = baustelle.firstChild.lastChild.data;
		if ( ! strasse ) strasse = '';
		var text = document.createTextNode(ort + ' ' + strasse);
		var textspan = document.createElement('span');
		textspan.appendChild(text);
		link_zur_zeile.appendChild(textspan);
	}
}

schedule("baustellen", "baustellen_markierung()\;");