/*****************************************************
* Bilderwechsel der Spezialnavigation auf der Startseite
******************************************************/

/*
 Pfad zu den Bilder für das Speicalmenü auf der Startseite
 */
var specialNavPicPath = "fileadmin/images/start/";

specialNavPics = new Array();

/*
 Läd die Bilder für das Specialmenü auf der Startseite vor
 */
function specialNavPicsPreload() {
	
	for(var n = 1; n <= 4; n ++) {
		
		index = n*2 - 2
		specialNavPics[index] = new Image();
		specialNavPics[index+1]	= new Image();
		
		specialNavPics[index].src = specialNavPicPath + "specialNavRed" + (n) + ".png";
		specialNavPics[index+1].src = specialNavPicPath + "specialNavGray" + (n) + ".png";
		
	}	
	
}

/*
 Tauscht die Bilder des Specialmenüs aus
 */
window.csnp =  function (pic, number,type) {

	var index = number*2 - 2
	if(type == 'red') {		
		//alert(specialNavPics[index].src + ' ' + index);
		pic.src = specialNavPics[index].src; //red	
	} else {
		pic.src = specialNavPics[index+1].src; //gray
	}
}

/**********************************************************
* Tooltipps für das Spezialmenü auf der linken Seite (4 Quadrate)
**********************************************************/

/**
 * add a new Event to the obj
 * @parm obj:Object
 * @parm eventType:String  Event type without "on"
 * @parm useCaption:Boolean Bubbling effekt.
*/
function addEvent(obj, eventType, fkt, useCaption)
{
  if (obj.addEventListener) {
    obj.addEventListener(eventType, fkt, useCaption);
    return true;
  } else if (obj.attachEvent) {
    var retVal = obj.attachEvent("on"+eventType, fkt);
    return retVal;
  } else {
    return false;
  }
}

/**
 * Stellt ein Objekt zur Verfügung das wichtige Informationen über den Bildschirm enthält
 */
window.screenParam = {
	//aktuelle Mausposition
	"mouse": {
		x: 0, 
		y: 0
	}
}

/**
 * Fügt dem Bildschirm ein Event hinzu das immer die aktuelle Position der Maus bereitstellt
 */
addEvent(document,'mousemove',function(e) {

	if(!e) e = window.event;
	
	if(e.clientX) {
		with(window.screenParam.mouse) {
			x = e.clientX;
			y = e.clientY;
		}
	} else if(e.pageX) {
		with(window.screenParam.mouse) {
			x = e.pageX;
			y = e.pageY;
		}
	} else {
		with(window.screenParam.mouse) {
			x = -100;
			y = -100;
		}
	}
	
	
},false);


/**
 * Das Objekt für das Spezialmenü
 */
window.leftSpecNav = {
	
	//Objekt für die Tooltipps
	tooltipp : {
		
		//Nachrichten die im Tooltipp angzeigt werden
		//Indezes entsprechen der Page Uid von Typo3
		msg : {
			29 : '',
			28 : 'Das Beste aus anerkannten Managementsystemen',
			27 : 'Wege zur Arbeitsqualität',
			26 : 'Organisationen und Menschen erfolgreich führen'
		},
		
		//Componente zum Speichern des Timeouts
		timeout : false,
		
		//Anzeigen des Tooltipps
		show : function(uid,show) {
			
			//Wenn keine Nachricht vorhanden ist auch nichts anzeigen
			if(this.msg[uid] == null || this.msg[uid] == '' ) return; //kein Tooltip anzeigen
			
			
			//Wenn Methode von den Button aufgerufen wird -> Timeout starten
			if(!show) {
				this.timeout = window.setTimeout(function() {				
					window.leftSpecNav.tooltipp.show(uid,true);
					
				}, 500);
				return;
			}	
			
			//id für das div des Tooltipps
			var id = 'toolTipSpecMenu' + uid;
			var div = document.getElementById(id);
			
			
			//Falls noch kein Container für das Tooltipp erstellt wurde
			if(div == null) {

				div = document.createElement('div');
				div.className = "tooltipp";
				div.id = id;
				
				var msg = document.createTextNode(this.msg[uid]);
				
				div.appendChild(msg);//Text hinzufügen		
				document.getElementsByTagName('body')[0].appendChild(div); //body einfügen
				div = document.getElementById(id); //referenz erneuern
				
				//Verhindert das wenn Maus über den Tooltipp geht, das es anfängt zu blinken
				addEvent(div,'mouseover',function(e) {
					window.leftSpecNav.tooltipp.show(uid,true);	
				},false);
				
				addEvent(div,'mouseout',function(e) {
					window.leftSpecNav.tooltipp.close(uid);	
				},false);
			}
			
			//Tooltipp auf die Position der Maus setzen
			div.style.left = window.screenParam.mouse.x +13 + 'px';
			div.style.top = window.screenParam.mouse.y+0 +'px';
			
			//Tooltipp sichtbar machen
			div.className = "toolTipp showToolTipp";		
			
		},
		
		//Methode zum Ausblenden des Tooltipps
		close : function(uid) {
			
			var id = 'toolTipSpecMenu' + uid;
				
			var div = document.getElementById(id);
			
			//Falls gerade ein Tooltipp Timeout läuft beendet, da nicht mehr benötigt
			window.clearTimeout(this.timeout);
			
			//Tooltipp ausblenden css.class toolTipp blendet Container aus
			if(div) {
				div.className = "toolTipp";
			}		
		}
	}
}