// ToolTip
// Globale Variablen
var posMouseX;
var posMouseY;
var versatzHorizontal = 15;
var versatzVertikal = 15;

// Objektinstanzen
var flag;

var oktagon1;
var oktagon2;
var oktagon3;
var oktagon4;
var oktagon5;
var oktagon6;
var oktagon7;
var oktagon8;
var oktagon9;

// Initialisierungfunktionen für den Tooltip
function initEvents(){
	//Objektinstanzen
	flag = createElement("flag");
	oktagon1 = createElement("oktagon1");
	oktagon2 = createElement("oktagon2");
	oktagon3 = createElement("oktagon3");
	oktagon4 = createElement("oktagon4");
	oktagon5 = createElement("oktagon5");
	oktagon6 = createElement("oktagon6");
	oktagon7 = createElement("oktagon7");
	oktagon8 = createElement("oktagon8");
	oktagon9 = createElement("oktagon9");
	
	if(navigator.appName=="Microsoft Internet Explorer"){
		// Ereignisüberwachungen
		oktagon1.attachEvent("onmouseover", function(){createFlag(oktagon1)});
		oktagon1.attachEvent("onmouseout", hideFlag);
		oktagon1.attachEvent("onmouseover", function(){createFlag(oktagon1)});
		oktagon1.attachEvent("onmouseout", hideFlag);
		oktagon2.attachEvent("onmouseover", function(){createFlag(oktagon2)});
		oktagon2.attachEvent("onmouseout", hideFlag);
		oktagon2.attachEvent("onmouseover", function(){createFlag(oktagon2)});
		oktagon2.attachEvent("onmouseout", hideFlag);
		oktagon3.attachEvent("onmouseover", function(){createFlag(oktagon3)});
		oktagon3.attachEvent("onmouseout", hideFlag);
		oktagon3.attachEvent("onmouseover", function(){createFlag(oktagon3)});
		oktagon3.attachEvent("onmouseout", hideFlag);
		oktagon4.attachEvent("onmouseover", function(){createFlag(oktagon4)});
		oktagon4.attachEvent("onmouseout", hideFlag);
		oktagon4.attachEvent("onmouseover", function(){createFlag(oktagon4)});
		oktagon4.attachEvent("onmouseout", hideFlag);
		oktagon5.attachEvent("onmouseover", function(){createFlag(oktagon5)});
		oktagon5.attachEvent("onmouseout", hideFlag);
		oktagon5.attachEvent("onmouseover", function(){createFlag(oktagon5)});
		oktagon5.attachEvent("onmouseout", hideFlag);
		oktagon6.attachEvent("onmouseover", function(){createFlag(oktagon6)});
		oktagon6.attachEvent("onmouseout", hideFlag);
		oktagon6.attachEvent("onmouseover", function(){createFlag(oktagon6)});
		oktagon6.attachEvent("onmouseout", hideFlag);
		oktagon7.attachEvent("onmouseover", function(){createFlag(oktagon7)});
		oktagon7.attachEvent("onmouseout", hideFlag);
		oktagon7.attachEvent("onmouseover", function(){createFlag(oktagon7)});
		oktagon7.attachEvent("onmouseout", hideFlag);
		oktagon8.attachEvent("onmouseover", function(){createFlag(oktagon8)});
		oktagon8.attachEvent("onmouseout", hideFlag);
		oktagon8.attachEvent("onmouseover", function(){createFlag(oktagon8)});
		oktagon8.attachEvent("onmouseout", hideFlag);
		oktagon9.attachEvent("onmouseover", function(){createFlag(oktagon9)});
		oktagon9.attachEvent("onmouseout", hideFlag);
		oktagon9.attachEvent("onmouseover", function(){createFlag(oktagon9)});
		oktagon9.attachEvent("onmouseout", hideFlag);
	}else{
		// Ereignisüberwachungen
		oktagon1.addEventListener("mouseover", function(){createFlag(oktagon1)}, false);
		oktagon1.addEventListener("mouseout", hideFlag, false);
		oktagon1.addEventListener("mouseover", function(){createFlag(oktagon1)}, false);
		oktagon1.addEventListener("mouseout", hideFlag, false);
		oktagon2.addEventListener("mouseover", function(){createFlag(oktagon2)}, false);
		oktagon2.addEventListener("mouseout", hideFlag, false);
		oktagon2.addEventListener("mouseover", function(){createFlag(oktagon2)}, false);
		oktagon2.addEventListener("mouseout", hideFlag, false);
		oktagon3.addEventListener("mouseover", function(){createFlag(oktagon3)}, false);
		oktagon3.addEventListener("mouseout", hideFlag, false);
		oktagon3.addEventListener("mouseover", function(){createFlag(oktagon3)}, false);
		oktagon3.addEventListener("mouseout", hideFlag, false);
		oktagon4.addEventListener("mouseover", function(){createFlag(oktagon4)}, false);
		oktagon4.addEventListener("mouseout", hideFlag, false);
		oktagon4.addEventListener("mouseover", function(){createFlag(oktagon4)}, false);
		oktagon4.addEventListener("mouseout", hideFlag, false);
		oktagon5.addEventListener("mouseover", function(){createFlag(oktagon5)}, false);
		oktagon5.addEventListener("mouseout", hideFlag, false);
		oktagon5.addEventListener("mouseover", function(){createFlag(oktagon5)}, false);
		oktagon5.addEventListener("mouseout", hideFlag, false);
		oktagon6.addEventListener("mouseover", function(){createFlag(oktagon6)}, false);
		oktagon6.addEventListener("mouseout", hideFlag, false);
		oktagon6.addEventListener("mouseover", function(){createFlag(oktagon6)}, false);
		oktagon6.addEventListener("mouseout", hideFlag, false);
		oktagon7.addEventListener("mouseover", function(){createFlag(oktagon7)}, false);
		oktagon7.addEventListener("mouseout", hideFlag, false);
		oktagon7.addEventListener("mouseover", function(){createFlag(oktagon7)}, false);
		oktagon7.addEventListener("mouseout", hideFlag, false);
		oktagon8.addEventListener("mouseover", function(){createFlag(oktagon8)}, false);
		oktagon8.addEventListener("mouseout", hideFlag, false);
		oktagon8.addEventListener("mouseover", function(){createFlag(oktagon8)}, false);
		oktagon8.addEventListener("mouseout", hideFlag, false);
		oktagon9.addEventListener("mouseover", function(){createFlag(oktagon9)}, false);
		oktagon9.addEventListener("mouseout", hideFlag, false);
		oktagon9.addEventListener("mouseover", function(){createFlag(oktagon9)}, false);
		oktagon9.addEventListener("mouseout", hideFlag, false);
	}
}

/* function createElement(pElement){
	if(navigator.appName=="Microsoft Internet Explorer"){
		pElement = document.all[pElement];
		return pElement;
	}else{
		pElement = document.getElementById(pElement);
		return pElement;
	}
}
*/

function createFlag(pFlagObject){
	switch(pFlagObject){
		case oktagon1:
			flag.innerHTML = "Terminsteuerung und Projektüberwachung unter Nutzung modernster Informationssysteme...";
			break;
		case oktagon2:
			flag.innerHTML = "Koordination der Großteil-Lieferanten via Internet – auf Losteil-Ebene...";
			break;
		case oktagon3:
			flag.innerHTML = "DV gestütztes Losteil-System...";
			break;
		case oktagon4:
			flag.innerHTML = "Auswahl des optimalen Verkehrsträgers...";
			break;
		case oktagon5:
			flag.innerHTML = "Sendungs- / Packst&uuml;ckverfolgung<br>(Tracking and Tracing)...";
			break;
		case oktagon6:
			flag.innerHTML = "&Uuml;berwachung und Steuerung der Verlade- und Umschlagsprozesse...";
			break;
		case oktagon7:
			flag.innerHTML = "DV gest&uuml;tzte Lagerwirtschaftssysteme &#8211;<br>via Internet mit Kunden vernetzt...";
			break;
		case oktagon8:
			flag.innerHTML = "Import- / Exportverzollungen...";
			break;
		case oktagon9:
			flag.innerHTML = "Detaillierte Information durch den Einsatz eines DV gest&uuml;tzten &#8222;Losteil&#8220;-Systems f&uuml;r die Verpackung / Versendung &uuml;ber spezielle DV-Branchenl&ouml;sungen (WWLDB)...";
			break;
	}
	showFlag();
}

function showFlag(){
	if(navigator.appName=="Microsoft Internet Explorer"){
		document.attachEvent("onmousemove", getMouse);
	}else{
		document.addEventListener("mousemove", getMouse, false);
	}
	flag.style.visibility = "visible";
}

function hideFlag(){
	if(navigator.appName=="Microsoft Internet Explorer"){
		document.detachEvent("onmousemove", getMouse);
	}else{
		document.removeEventListener("mousemove", getMouse, false);
	}
	flag.style.visibility = "hidden";
}

function getMouse(ereignis){
	if(navigator.appName=="Microsoft Internet Explorer"){
		if(!ereignis){window.event}
		posMouseX = event.clientX;
		posMouseY = event.clientY;
		moveFlag();
	}else{
		posMouseX = ereignis.pageX;
		posMouseY = ereignis.pageY;
		moveFlag();
	}
}

function moveFlag(){
	flag.style.left = (posMouseX+versatzHorizontal) + "px";
	flag.style.top = (posMouseY+versatzVertikal) + "px";
}