/*
		Automatische Anzeige von Hinweisen bei Eingabeboxen

		Funktioniert nicht am MAC IE, vermutlich weil document.createElement
		spinnt oder nicht implementiert ist, who cares.

		require '/js/Tscommon.js';

		Zu beachten:
		es werden fixe 'px' werte zur Offsetkalkulation verwendet. Das ist
		weder Intelligent noch wirtschaftlich, aber ist derzeit so. Wenn sich
		die Bilder aendern, muessen die Offsets meistens auch angepaszt werden,
		vor allem dass zur Korrektur der Hoehe.
		Aussdem muss die Kalkulation immer in den *Resize-Events mitveraendert werden!

		Markus Fischer <markus@fischer.name>
	*/

	function MegVerfuegbarShow() {
		var dVerfuegbar = document.getElementById('suche-verfuegbar');
		if (!dVerfuegbar) {
			return;
		}
		dVerfuegbar._image.style.display = 'block';
		dVerfuegbar._imageShow = true;
	}
	function MegVerfuegbarHide() {
		var dVerfuegbar = document.getElementById('suche-verfuegbar');
		if (!dVerfuegbar) {
			return;
		}
		dVerfuegbar._image.style.display = 'none';
		dVerfuegbar._imageShow = false;
	}
	function MegVerfuegbarResize() {
		var dVerfuegbar = document.getElementById('suche-verfuegbar');
		if (!dVerfuegbar) {
			return;
		}
		var position = TsDomGetLayout(dVerfuegbar);
		var dImage = dVerfuegbar._image;
		dImage.style.left = position.x + position.w - 32 + 'px';
		dImage.style.top = position.y - 75 + 'px';
	}
	function MegUmkreissucheShow() {
		var dUmkreissuche = document.getElementById('suche-umkreissuche');
		if (!dUmkreissuche) {
			return;
		}
		dUmkreissuche._image.style.display = 'block';
		dUmkreissuche._imageShow = true;
	}
	function MegUmkreissucheHide() {
		var dUmkreissuche = document.getElementById('suche-umkreissuche');
		if (!dUmkreissuche) {
			return;
		}
		dUmkreissuche._image.style.display = 'none';
		dUmkreissuche._imageShow = false;
	}
	function MegUmkreissucheResize() {
		var dUmkreissuche = document.getElementById('suche-umkreissuche');
		if (!dUmkreissuche) {
			return;
		}
		var position = TsDomGetLayout(dUmkreissuche);
		var dImage = dUmkreissuche._image;
		dImage.style.left = position.x + position.w - 32 + 'px';
		dImage.style.top = position.y - 90 + 'px';
	}
	function MegInitialisiereHinweise() {
		if (!document.getElementById || !document.createElement) {
			return;
		}

		// Verfuegbar
		var dVerfuegbar = document.getElementById('suche-verfuegbar');
		if (!dVerfuegbar) {
			return;
		}
		var dImage = document.createElement('img');
		dImage.src = '/images/frontend/standorte/hinweis_verfuegbarkeit.png';
		dImage.style.position = 'absolute';
		dImage.style.display = 'none';
		var position = TsDomGetLayout(dVerfuegbar);
		dImage.style.left = position.x + position.w - 32 + 'px';
		dImage.style.top = position.y - 75 + 'px';
		document.getElementsByTagName('body')[0].appendChild(dImage);
		dVerfuegbar._image = dImage;
		dVerfuegbar._imageShow = false;
		TsDomAddEventListener(dVerfuegbar, 'focus', MegVerfuegbarShow);
		TsDomAddEventListener(dVerfuegbar, 'blur', MegVerfuegbarHide);
		TsDomAddEventListener(window, 'resize', MegVerfuegbarResize);

		// Umkreissuche
		var dUmkreissuche = document.getElementById('suche-umkreissuche');
		if (!dUmkreissuche) {
			return;
		}
		var dImage = document.createElement('img');
		dImage.src = '/images/frontend/standorte/hinweis_umkreissuche.png';
		dImage.style.position = 'absolute';
		dImage.style.display = 'none';
		var position = TsDomGetLayout(dUmkreissuche);
		dImage.style.left = position.x + position.w - 32 + 'px';
		dImage.style.top = position.y - 110 + 'px';
		document.getElementsByTagName('body')[0].appendChild(dImage);
		dUmkreissuche._image = dImage;
		dUmkreissuche._imageShow = false;
		TsDomAddEventListener(dUmkreissuche, 'focus', MegUmkreissucheShow);
		TsDomAddEventListener(dUmkreissuche, 'blur', MegUmkreissucheHide);
		TsDomAddEventListener(window, 'resize', MegUmkreissucheResize);
	}

	function popupDetailblatt(url, target) {
		return popupCenter(url, target, '', 720, 710);
	}

	TsDomAddEventListener(window, 'load', MegInitialisiereHinweise);