/*
	Fehler-Codes:
	2 	:	Objekt wurde nicht gefunden
*/

var XpLib = {
	
	/**
	 * Schreibt String als innerHTML in eine ID
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @param	String		content: Inhalt
	 * @return	boolean		True, wenn Inhalt geschrieben wurde.
	 */
	fillContentById: function (id, content) {
		var obj = this.getObject(id);
		if (typeof(obj) == "object" && content.length > 0){
			obj.innerHTML = content;
			return true;
		} else {
			return false;
		}
	},
	
	
	/**
	 * Holt innerHTML von einer ID und schreibt den Inhalt in eine andere ID
	 * @param	String		idSrc: ID oder Element der Quelle
	 * @param	String		idDest: ID oder Element des Ziels
	 * @return	boolean		True, wenn Inhalt geschrieben wurde.
	 */
	getContentFromIdToId: function (idSrc, idDest){
		var objSrc = this.getObject(idSrc);
		var objDest = this.getObject(idDest);
		if (objSrc && objDest){
			objDest.innerHTML = objSrc.innerHTML;
			return true;
		} else {
			return false;
		}
	},
	
	
	/**
	 * Aendert die Display-Eigenschaft einer ID per FlipFlop auf "block" oder "none".
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @return 	True, wenn "block", false, wenn "none" und 2, wenn Objekt nicht gefunden wurde.
	 */
	showHideById: function (id){
		var obj = this.getObject(id);
		if (obj){
			if (obj.style.display == 'block'){
				obj.style.display = 'none';
				return false;
			} else {
				obj.style.display = 'block';
				return true;
			}
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Aendert die Display-Eigenschaft einer ID mit angegebenem Parameter.
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @param	String		parameter: CSS, welches gesetzt werden soll
	 * @return 	True, wenn Parameter gesetzt wurde und 2, wenn Objekt nicht gefunden wurde.
	 */
	displayById: function (id, parameter){
		var myElement = this.getObject(id);
		if (myElement){
			myElement.style.display = parameter;
			return true;
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Aendert die Klasse eines Objekts/ID wie ein FlipFlop
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @param	String		myClass1: Name der 1. CSS-Klasse
	 * @param	String		myClass2: Name der 2. CSS-Klasse
	 * @param	Boolean		childNode: Soll die CSS-Klasse einem Kindknoten gegeben werden?
	 * @param	childLevel	childLevel: Wenn childNode, welches Child-Level?
	 * @return 	True, wenn Klasse geaendert wurde und 2, wenn Objekt nicht gefunden wurde.
	 */
	changeClassViceVersaById: function (id, myClass1, myClass2, childNode, childLevel){
		var obj = this.getObject(id);
		if (obj){
			if (childNode==true){
				if (obj.childNodes[childLevel]){
					if (obj.childNodes[childLevel].className == myClass1)
						obj.childNodes[childLevel].className = myClass2;
					else {
						obj.childNodes[childLevel].className = myClass1;
					}
				} else {
					return 2;
				}
			} else {
				if (obj.className == myClass1)
					obj.className = myClass2;
				else {
					obj.className = myClass1;
				}
			}
			return true;
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Aendert die Klasse eines Objekts, welche mit einem Klassennamen gesucht wird.
	 * @param	String		tagName: Name des zu suchenden Tags. z. B. "h1".
	 * @param	String		myClass: Name der zu suchenden css-Klasse.
	 * @param	String		myNewClass: Name der neuen CSS-Klasse.
	 * @param	Boolean		childNode: Soll die CSS-Klasse einem Kindknoten gegeben werden?
	 * @param	childLevel	childLevel: Wenn childNode, welches Child-Level?
	 * @return 	True, wenn Klasse geaendert wurde und 2, wenn Objekt nicht gefunden wurde.
	 */
	changeClassByClassName: function (tagName, myClass, myNewClass, childNode, childLevel){
		var objs = this.getElementsByClassName(document, tagName, myClass);
		if (objs.length>0){
			for (i=0;i<objs.length;i++){
				if (childNode==true){
					if (objs[i].childNodes[childLevel]){
						objs[i].childNodes[childLevel].className = myNewClass;
					}
				} else {
					objs[i].className = myNewClass;
				}
			}
			return true;
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Aendert die Klasse eines Objekts, welches als Object oder ID referenziert wird.
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @param	String		cssClass: Name der CSS-Klasse, welcher gesetzt werden soll.
	 * @param	Boolean		childNode: Soll die CSS-Klasse einem Kindknoten gegeben werden?
	 * @param	childLevel	childLevel: Wenn childNode, welches Child-Level?
	 * @return 	True, wenn Klasse geaendert wurde und 2, wenn Objekt nicht gefunden wurde.
	 */
	changeClassById: function (id, cssClass, childNode, childLevel){
		var obj = this.getObject(id);
		if (obj){
			if (childNode==true){
				if (obj.childNodes[childLevel]){
					obj.childNodes[childLevel].className = cssClass;
				}
			} else {
				obj.className = cssClass;
			}
		}
	},
	
	
	/**
	 * Aendert die Klasse eines Objekts, welches als Object oder ID referenziert wird.
	 * Funktioniert wie ein FlipFlop.
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @param	String		cssClass1: Name der CSS-Klasse 1.
	 * @param	String		cssClass2: Name der CSS-Klasse 2.
	 * @param	Boolean		childNode: Soll die CSS-Klasse einem Kindknoten gegeben werden?
	 * @param	childLevel	childLevel: Wenn childNode, welches Child-Level?
	 * @return 	True, wenn Klasse geaendert wurde und 2, wenn Objekt nicht gefunden wurde.
	 */
	changeClassViceVersaById: function (id, cssClass1, cssClass2, childNode, childLevel){
		var obj = this.getObject(id);
		if (obj){
			if (childNode==true){
				if (obj.childNodes[childLevel]){
					if (obj.childNodes[childLevel].className == cssClass1)
						obj.childNodes[childLevel].className = cssClass2;
					else {
						obj.childNodes[childLevel].className = cssClass1;
					}
				}
			} else {
				if (obj.className == cssClass1)
					obj.className = cssClass2;
				else {
					obj.className = cssClass1;
				}
			}
			return true;
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Aendert die Display-Eigenschaft eines Objekts, welches mit einem Klassennamen gesucht wird.
	 * @param	String		tagName: Name des zu suchenden Tags. z. B. "h1".
	 * @param	String		cssClass: Name der zu suchenden css-Klasse.
	 * @param	String		parameter: CSS-Parameter fuer die Display-Eigenschaft.
	 * @param	Boolean		childNode: Soll die CSS-Klasse einem Kindknoten gegeben werden?
	 * @param	childLevel	childLevel: Wenn childNode, welches Child-Level?
	 * @return 	True, wenn Klasse geaendert wurde und 2, wenn Objekt nicht gefunden wurde.
	 */
	 changeDisplayByClassName: function (tagName, cssClass, parameter, childNode, childLevel){
		var objs = this.getElementsByClassName(document, tagName, myClass);
		if (objs.length>0){
			for (i=0;i<objs.length;i++){
				if (childNode==true){
					if (objs[i].childNodes[childLevel]){
						objs[i].childNodes[childLevel].style.display = parameter;
					}
				} else {
					objs[i].style.display = parameter;
				}
			}
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Aendert die Display-CSS-Eigenschaft einer Klasse
	 * @param	String		tagName: Name des zu suchenden Tags. z. B. "h1".
	 * @param	String		cssClass: Name der zu suchenden css-Klasse.
	 * @param	String		parameter: CSS-Parameter fuer die Display-Eigenschaft.
	 * @return	True, wenn Objekte gefunden wurden und geaendert wurden - 2, wenn keine Objekte gefunden wurden.
	 */
	displayByClassName: function (tagName, cssClass, parameter){
		objs = this.getElementsByClassName(document, tagName, cssClass);
		if (objs.length>0){
			for (i=0;i<objs.length;i++){
				objs[i].style.display = parameter;
			}
			return true;
		} else {
			return 2;
		}
	},
	
	
	/**
	 * Nimmt die Groesse eines Objekts und gibt sie einem anderen Objekt
	 * @param	String		idResize: ID oder Element des HTML-Tags, welche die Groesse bekommen soll
	 * @param	String		idGetsize: ID oder Element des HTML-Tags der Quelle
	 * @return	True: geaendert; False: keine ID angegeben/Objekt nicht vorhanden; 2: ID/Objekt nicht gefunden.
	 */
	sameSizeById: function (idResize, idGetsize){
		if (idResize && idGetsize){
			var my_element_getsize = this.getObject(idGetsize);
			var my_element_resize = this.getObject(idResize);
			if (my_element_getsize && my_element_resize){
				my_element_resize.style.width = my_element_getsize.offsetWidth+"px";
				my_element_resize.style.height = my_element_getsize.offsetHeight+"px";
				return true;
			} else {
				return 2;
			}
		}
		return false;
	},
	
	
	/**
	 * Hilfs-Methoden fuer eine Klappnavigation (Wird nur gebraucht weil der IE keinen Hover auf LI kennt.
	 * @param	String		obj: Objekt
	 * @param	String		css: CSS-Code
	 */
	naviShow: function (obj){
		obj.className += " hover";
	},
	
	naviHide: function (obj, css){
		obj.className = css;
	},
	
	
	/**
	 * Prueft, ob String als Ankerpunkt in der aufgerufenen URL steht.
	 * Beispiel: index.php?id=1#meinAnker
	 * @param	String		str: Zu testender Ankername.
	 * @return	True oder False.
	 */
	checkSectionIsInUrl: function (str){
		var mySection = str;
		var mySectionUrl = location.href.substr(location.href.length-mySection.length, mySection.length);
		return (mySection == mySectionUrl) ? true : false;
	},
	
	
	/**
	 * Stellt ein Element transparent dar
	 * @param	String		element: Name eines Elements: ID, CSS-Klasse, Tag, Name
	 * @param	String		percent: Transparenz
	 */
	trans: function (element, percent) {
		var i;
		var count;
		var objStyle;
		var filterValue;
		var opacityValue;
		
		if(document.getElementById) {
			
			if(typeof(element) == "object" && element){
				obj = element;
			} else if (document.getElementsByName(element) && document.getElementsByName(element)[0]){
				obj = document.getElementsByName(element);
			} else if (document.getElementById(element)){
				obj = document.getElementById(element);
			} else if (getElementsByClassName(document, "*", element)){
				obj = getElementsByClassName(document, "*", element);
			} else if (document.getElementsByTagName && document.getElementsByTagName(element) && document.getElementsByTagName(element)[0]){
				obj = document.getElementsByTagName(element);
			} else {
				obj = false;
			}
			
			if (obj) {
				percent = (typeof(percent) == "undefined") ? 50 : 100-percent;
				filterValue = "Alpha(opacity="+percent+")";
				opacityValue = ""+percent/100;
				count = (obj.length) ? obj.length : 1;
				for(i=0; i<count; i++) {
					objStyle = (obj.length) ? obj[i].style : obj.style;
					objStyle.filter = filterValue;
					objStyle.MozOpacity = opacityValue;
					objStyle.KhtmlOpacity = opacityValue;
					objStyle.opacity = opacityValue;
				}
			}
		}
	},
	
	
	/**
	 * Gibt einem Element eine CSS-Klasse nach der Ueberpruefung zweier Werte
	 * @param	String		id: ID oder Element des HTML-Tags.
	 * @param	String		cssClassBigger: CSS-Klasse, wenn testHeight kleiner als myHeight
	 * @param	String		cssClassSmaller: CSS-Klasse, wenn testHeight groesser als myHeight
	 * @param	Int			myHeight: Wert 1
	 * @param	Int			testHeight: Wert 2
	 */
	writeClassOnSizeById: function (id, cssClassBigger, cssClassSmaller, myHeight, testHeight){
		var obj = this.getObject(id);
		if (typeof(obj) == "object"){
			if (myHeight > testHeight){
				obj.className = cssClassBigger;
				return true;
			} else {
				obj.className = cssClassSmaller;
				return true;
			}
		}
		return false;
	},
	
	
	/**
	 * Gibt die Hoehe des inneren Bereichs des Fensters zurueck
	 */
	getWindowHeight: function (){
		if (window.innerHeight) {
			return window.innerHeight;
		} else if (document.body && document.body.offsetHeight) {
			return document.body.offsetHeight;
		} else {
			return false;
		}
	},
	
	
	/**
	 * Gibt die Breite des inneren Bereichs des Fensters zurueck
	 */
	getWindowWidth: function (){
		if (window.innerWidth) {
			return window.innerWidth;
		} else if (document.body && document.body.offsetWidth) {
			return document.body.offsetWidth;
		} else {
			return false;
		}
	},
	
	
	/**
		BEGIN: Bugfix-Funktionen
	*/
	
	/**
	 * Der IE und aeltere Browser kennen das CSS "empty-cells: show;" nicht - oder der Wert steht per Default auf "hidden".
	 * Dafuer kann man diese Funktion benutzen um leere TD zu fuellen.
	 */
	fillEmptyTD: function (id, fillStr, onlyIE){
		if (onlyIE && navigator.appName.indexOf("Microsoft") == -1 && navigator.appVersion.indexOf("MSIE") == -1) {
			return false;
		}
		
		if (fillStr == "") fillStr = "&nbsp;";
		var myReturn = false;
		
		if (id){
			var myElement = this.getObject(id);
			if (myElement.innerHTML == "") {
				myElement.innerHTML = fillStr;
				myReturn = true;
			}
		} else {
			var arrElements = document.getElementsByTagName("td");
			for(var j=0; j<arrElements.length; j++){
				oElement = arrElements[j];
				if (this.trim(oElement.innerHTML) == "") {
					oElement.innerHTML = fillStr;
					myReturn = true;
				}
			}
		}
		
		return myReturn;
	},
	
	
	/**
	 * Ja nee ist klar, ne?
	 */
	minHeightIE6: function (id, targetHeight){
		if (navigator.appName.indexOf("Microsoft") >= 0 && navigator.appVersion.indexOf("MSIE 6") >= 0){
			if (id && targetHeight) {
				var my_element = this.getObject(id);
				if (my_element && my_element.offsetHeight < targetHeight){
					my_element.style.height = targetHeight+'px';
					return true;
				}
			}
			
		}
		return false;
	},
	
	
	/**
	 * Ja nee ist klar, ne?
	 */
	minWidthIE6: function (id, targetWidth){
		if (navigator.appName.indexOf("Microsoft") >= 0 && navigator.appVersion.indexOf("MSIE 6") >= 0){
			if (id && targetWidth) {
				var my_element = this.getObject(id);
				if (my_element && my_element.offsetWidth < targetWidth){
					my_element.style.width = targetWidth+'px';
					return true;
				}
			}
			
		}
		return false;
	},
	
	/**
		END: Bugfix-Funktionen
	*/
	
	
	/**
		START: Hilfs-Funktionen
	*/
	
	/**
	 * Manche Browser kennen "getElementsByClassName" nicht
	 * @param	Object		oElm: Element, wo gesucht werden soll, wahrscheinlich "document"
	 * @param	String		strTagName: Bezeichner des HTML-Tags. z. B. "h1"
	 * @param	String		oClassNames: Name der CSS-Klasse, die gesucht wird.
	 * @return 	Array mit den Objekten.
	*/
	getElementsByClassName: function (oElm, strTagName, oClassNames){
		var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
		var arrReturnElements = new Array();
		var arrRegExpClassNames = new Array();
		if(typeof oClassNames == "object"){
			for(var i=0; i<oClassNames.length; i++){
				arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames[i].replace(/\-/g, "\\-") + "(\\s|$)"));
			}
		}
		else{
			arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)"));
		}
		var oElement;
		var bMatchesAll;
		for(var j=0; j<arrElements.length; j++){
			oElement = arrElements[j];
			bMatchesAll = true;
			for(var k=0; k<arrRegExpClassNames.length; k++){
				if(!arrRegExpClassNames[k].test(oElement.className)){
					bMatchesAll = false;
					break;
				}
			}
			if(bMatchesAll){
				arrReturnElements.push(oElement);
			}
		}
		return (arrReturnElements)
	},
	
	
	/**
	 * Es gibt keine Trim-Funktion bei JS - aber ein replace
	 */
	trim: function (str) {
		return str.replace(/^\s+/, '').replace(/\s+$/, '');
	},
	
	
	/**
	 * Prueft, ob es ein Objekt/Element ist im DOM und gibt es zurueck, ansonsten wird nach einer ID gesucht
	 * @param	String		id: ID oder Element des HTML-Tags
	 * @param	String		content: Inhalt
	 * @return	boolean		True, wenn Inhalt geschrieben wurde.
	 */
	getObject: function (obj){
		if (typeof(obj) == "object") {
			return obj;
		}
		if (document.getElementById(obj)){
			return document.getElementById(obj);
		} else {
			return false;
		}
	}
	
	/**
		END: Hilfs-Funktionen
	*/
}


/*
	ACHTUNG:
	Bei allen Funktionen, wo man als Objekt-Referenz childNodes benutzt, ist es wichtig, dass vor dem ChildNode kein Leerzeichen oder anderes steht. Internet Explorer zaehlt den Leerraum nicht mit, andere Browser schon. a.childNodes[0].innerHTML bei "<div id="a"> <span>content</span></div>" ist im Explorer "content" und bei anderen Browsern " ".
*/


function XpLibXpFold(myElement){
	if (myElement.nextSibling.style.display == 'none'){
		myElement.nextSibling.style.display='block'
		myElement.className = 'xpFoldButtonAct';
	} else {
		myElement.nextSibling.style.display='none'
		myElement.className = 'xpFoldButton';
	};
}

function XpLibDisplayInnerByClassName(object, myClass, myInnerClass, parameter){
	myClasses = getElementsByClassName(document, object, myClass);
	for (i=0;i<myClasses.length;i++){
		myInnerClasses = getElementsByClassName(myClasses[i], object, myInnerClass);
		for (ii=0;ii<myInnerClasses.length;ii++){
			myInnerClasses[ii].style.display = parameter;
		}
	}
}

function XpLibXpFoldHideFirstHeadline(object, myClass, myInnerClass){
	myClasses = getElementsByClassName(document, object, myClass);
	for (i=0;i<myClasses.length;i++){
		myInnerClasses = getElementsByClassName(myClasses[i], object, myInnerClass);
		if (myInnerClasses[0]) myInnerClasses[0].style.display = 'none';
	}
}


var displayTrace = false;

function showTraceField(displayTrace){
	if (displayTrace==true){
		document.write('<textarea cols="40" rows="30" name="trace" id="XpLibTrace" style="position: absolute; z-index: 1000; background: transparent;"></textarea>');
	}
}

function trace(str){
	if (str && document.getElementById("XpLibTrace")){
		document.getElementById("XpLibTrace").value+="\n"+str;
	}
}