// ***************************************************************************
// ++ Textauslagerung für DHTML Tooltip ++
// ***************************************************************************
// Autor: Patrick Fischer
// Website: Ajaxschmiede.de - http://www.ajaxschmiede.de
// Datum: 10.01.2008
// ***************************************************************************

codeToAdd = Array();
codeToAdd[0] = '<div class="tooltipsammlung">';
codeToAdd[1] = '<div class="tooltip" id="t_0"><b>Javascript</b><p>Javascript ist eine objektbasierte Skriptsprache mit Elementen aus den prozeduralen Programmiersprachen. Wie viele Skriptsprachen ist auch JavaScript dynamisch typisiert; Objektorientierung wird durch Prototypen unterstützt. Die Syntax von JavaScript ähnelt jener der C-Abkömmlinge, insbesondere Java.</p><p><i>Quelle: Wikipedia.org</i></p></div>';
codeToAdd[2] = '<div class="tooltip" id="t_1"><b>Ajax</b><p>Ajax ist ein Apronym für die Wortfolge „Asynchronous JavaScript and XML“. Es bezeichnet ein Konzept der asynchronen Datenübertragung zwischen einem Server und dem Browser, das es ermöglicht, innerhalb einer HTML-Seite eine HTTP-Anfrage durchzuführen, ohne die Seite komplett neu laden zu müssen.</p><p><i>Quelle: Wikipedia.org</i></p></div>';
codeToAdd[3] = '<div class="tooltip" id="t_2"><b>Document Object Model</b><p>Das Document Object Model (DOM) ist eine Programmierschnittstelle (API) für den Zugriff auf HTML- oder XML-Dokumente. Sie wird vom World Wide Web Consortium definiert.</p><p>Im Sinne der objektorientierten Programmierung besteht das DOM aus einem Satz von Klassen zusammen mit deren Methoden und Attributen. Es erlaubt Computerprogrammen, dynamisch den Inhalt, die Struktur und das Layout eines Dokuments zu verändern.</p><p><i>Quelle: Wikipedia.org</i></p></div>';
codeToAdd[4] = '<div class="tooltip" id="t_3"><b>XMLHttpRequest</b><p>XMLHttpRequest ist eine API zum Transfer von beliebigen Daten über das Protokoll HTTP. Dabei können verschiedene Anfragemethoden (unter anderem GET, POST, HEAD, PUT) verwendet werden.</p><p>Wenn eine Anfrage XML-Daten liefert, kann XMLHttpRequest diese alternativ als Plaintext oder als DOM-Baumstruktur zurücksenden. Letzteres eignet sich beispielsweise dazu, mit Web Services zu kommunizieren.</p><p>XMLHttpRequest kann aus JavaScript, JScript und VBScript heraus verwendet werden und bildet einen Grundbestandteil der Ajax-Technik.</p><p><i>Quelle: Wikipedia.org</i></p></div>';
codeToAdd[5] = '<div class="tooltip" id="t_4"><b><b>Cascading Style Sheets (CSS)</b><p>CSS ist eine deklarative Stylesheet-Sprache für strukturierte Dokumente. Sie wird vor allem zusammen mit HTML und XML (zum Beispiel bei SVG) eingesetzt.</p><p>CSS legt dabei fest, wie ein besonders ausgezeichneter Inhalt oder Bereich dargestellt werden soll. Dazu ist es wichtig, das HTML oder XML so zu gestalten, dass die Abschnitte, deren Aussehen gleich sein soll, auch als Gruppe erkannt werden können.</p><p> Man zeichnet im Dokument also die Bedeutung einzelner Abschnitte aus, während das Aussehen dieser ausgezeichneten Abschnitte im CSS festgelegt wird.</p><p><i>Quelle: Wikipedia.org</i></p></div>';
codeToAdd[6] = '<div class="tooltip" id="t_5"><b><b>DHTML</b><p>Dynamic HTML, dynamisches HTML oder neuerdings auch DOM-Scripting sind beim Webdesign verwendete Begriffe, mit denen Websites bezeichnet werden, die gegenüber normalen, statischen Seiten erweiterte Funktionalität oder Anzeigeeffekte aufweisen.</p><p>Dynamisches HTML kann die Benutzerfreundlichkeit von Webseiten steigern, was insbesondere Web-Neulingen zugute kommen kann.</p><p>Während eine normale HTML-Seite nach dem Abruf statisch und unveränderlich ist (von Hover-Effekten mit CSS einmal abgesehen), können Seiten mit dynamischem HTML weitere Funktionalität bieten, etwa Teile der Seite verändern oder animieren.</p><p><i>Quelle: Wikipedia.org</i></p></div>';
codeToAdd[7] = '</div>';

function bindTooltip() {
	document.getElementsByTagName("body")[0].innerHTML += codeToAdd.join('');

	path = document.getElementById("boxes").getElementsByTagName("a");

	for ( var i = 0; path[i] ; i++ ) {
		if ( path[i].className ) {
			path[i].onmouseover = function() { initTooltip(this.className); };
			path[i].onmouseout = function() { hideTooltip(); };
		}
	}
}

if ( window.addEventListener ) {
	addEventListener( "load", bindTooltip, false );
} else {
	attachEvent( "onload", bindTooltip );
}