//------------------------------------------------------
// Stellt fest um welchen Browser es sich handelt
// IE : Internet Explorer
// FF : Firefox

function getBrowserName(){

	var browserId = navigator.appName;

	if(browserId=="Microsoft Internet Explorer"){
		browserId = "IE";

	} else if(browserId=="Netscape"){
		browserId = "FF";

	} else { browserId = "undefined"; }

 	return browserId;
}
//------------------------------------------------------

var browserId = getBrowserName();

//------------------------------------------------------
// Browser Mode rausfinden Quirksmode oder Standart
// Q : Quirksmode
// S : Standart

function getBrowserMode(){

	var browserMode = document.compatMode;

	if(browserMode == "BackCompat" || browserMode == "QuirksMode"){
		browserMode = "Q";

	} else { browserMode = "S"; }

	return browserMode;
}
//------------------------------------------------------

var browserMode = getBrowserMode();

//------------------------------------------------------
// Gibt die Fensterhöhe wieder

function getWindowHeight(){ 

	if(browserId=="IE"){

		if(browserMode=="Q"){ return document.body.clientHeight;

		} else { return document.documentElement.clientHeight; }
		
	} else if(browserId=="FF"){
		return window.innerHeight;
	}
}

// Gibt die Fensterbreite wieder

function getWindowWidth(){ 

	if(browserId=="IE"){

		if(browserMode=="Q"){ return document.body.clientWidth;

		} else { return document.documentElement.clientWidth; }
		
	} else if(browserId=="FF"){
		return window.innerWidth;
	}
}

//------------------------------------------------------

//------------------------------------------------------
// Gesamte Weite der Seite

// Gesamte Höhe der Seite

function getPageHeight(){ 

	if(browserId=="IE"){

		if(browserMode=="Q"){ return document.body.scrollHeight;
		
		} else { return document.documentElement.scrollHeight; }
		
	} else if(browserId=="FF"){
		return window.innerHeight + window.scrollMaxY;
	}
}

function getPageWidth(){ 

	if(browserId=="IE"){

		if(browserMode=="Q"){ return document.body.scrollWidth;

		} else { return document.documentElement.scrollWidth; }
		
	} else if(browserId=="FF"){
		return window.innerWidth + window.scrollMaxX;
	}
}

//------------------------------------------------------

//------------------------------------------------------
// Relative X-position der ScrollBar

function getScrollBarX(){

	if(browserId=="IE"){

		if(browserMode=="Q"){ return document.body.scrollLeft;

		} else { return document.documentElement.scrollLeft; }
		
	} else if(browserId=="FF"){
		return window.pageXOffset;
	}
}

// Relative Y-position der ScrollBar

function getScrollBarY(){

	if(browserId=="IE"){

		if(browserMode=="Q"){ return document.body.scrollTop;

		} else { return document.documentElement.scrollTop; }
		
	} else if(browserId=="FF"){
		return window.pageYOffset;
	}
}
//------------------------------------------------------

//------------------------------------------------------
// Mause-Position auslesen

var getMouseX;
var getMouseY;

function mouseMoveHandler(evt) {

       	getMouseX = evt ? evt.pageX : ( browserMode=="Q" ) ? event.clientX : event.clientX;
	getMouseY = evt ? evt.pageY : ( browserMode=="Q" ) ? event.clientY : event.clientY;	
}

// Event anmelden zum Abfangen.
// Entsprechende Funktion starten

if(browserMode=="NS4"){ document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = mouseMoveHandler;

if(document.addEventListener){
	document.addEventListener('mousemove', mouseMoveHandler, true);
}

//------------------------------------------------------

//------------------------------------------------------
// Funktion aufschieben
// id: ID des Feldes
// width: Um wieviel das Feld verbreitert werden soll
// height: Um wieviel das Feld erhöht werden soll

function doAufschieben(id,width,height){

	var div = document.getElementById(id);

	var weiteX = Math.round(width/40);
	var weiteY = Math.round(height/40);

	if(weiteX<1 && width>0){ weiteX = 1; }
	if(weiteY<1 && height>0){ weiteY = 1; }

	div.style.width = (parseInt(div.style.width)+2*parseInt(weiteX))+"px";
	div.style.height = (parseInt(div.style.height)+2*parseInt(weiteY))+"px";

	div.style.top = (parseInt(div.style.top)-parseInt(weiteY))+"px";
	div.style.left = (parseInt(div.style.left)-parseInt(weiteX))+"px";

	if(width!=0 || height!=0){
		setTimeout("doAufschieben('"+id+"',"+(width-2*weiteX)+","+(height-2*weiteY)+");",15);
	}
}

//------------------------------------------------------

//------------------------------------------------------
// Funktion aufklappen
// id: ID des Feldes
// height: Um wieviel das Feld erhöht werden soll

function doAufklappen(id,height){

	var div = document.getElementById(id);
	div.style.display="block";

	var weiteY = Math.round(parseInt(height)/40);

	if(weiteY<4 && height>0){ weiteY = 4; }
	if(height<4){ weiteY = height; }

	div.style.height = (parseInt(div.style.height)+parseInt(weiteY))+"px";

	if(height!=0){
		setTimeout("doAufklappen('"+id+"',"+(height-weiteY)+");",10);
	}
}

//------------------------------------------------------

//------------------------------------------------------
// Funktion zum einzelnes Bild aufhellen und abdunkeln

var doSichtbar_mouseover = -1;
var doSichtbar_stand = -1;
var doSichtbar_start = -1;
var doSichtbar_ende = -1;

function doSichtbar(id, start, ende){

	if(doSichtbar_stand==-1 || id!=doSichtbar_id){ doSichtbar_mouseover=1; doSichtbarExe(id, start, ende); }
	doSichtbar_mouseover=1;
}

function doSichtbarExe(id, start, ende) {

	if(doSichtbar_stand>0){ start=doSichtbar_stand; }

	if(doSichtbar_start==-1){ doSichtbar_start=parseInt(start); }
	if(doSichtbar_ende==-1){ doSichtbar_ende=parseInt(ende); }

	if(doSichtbar_mouseover == '1'){

		var start = parseInt(start);
		var ende = parseInt(doSichtbar_ende);

	} else {

		var start = parseInt(doSichtbar_stand);
		var ende = parseInt(doSichtbar_start);
	}

	var div = document.getElementById(id);

	if(start > ende){ var sichtbarkeit = start-1; doSichtbar_stand = sichtbarkeit;
	} else if(ende > start){ var sichtbarkeit = start+1; doSichtbar_stand = sichtbarkeit; }

	if(sichtbarkeit!=null){

		if(browserId=="IE"){

			div.style.filter="Alpha(opacity="+sichtbarkeit+")";
			setTimeout("doSichtbarExe('"+id+"','"+sichtbarkeit+"','"+ende+"');",10); 

		} else if(browserId=="FF"){

			var mozSichtbarkeit = sichtbarkeit/100;
			div.style.MozOpacity=mozSichtbarkeit;

			setTimeout("doSichtbarExe('"+id+"','"+sichtbarkeit+"','"+ende+"');",10);
		}

	} else if(doSichtbar_mouseover=='1'){ setTimeout("doSichtbarExe('"+id+"','"+start+"','"+ende+"');",100);
	} else { 
		
		doSichtbar_stand = -1; 
		doSichtbar_start = -1; 
		doSichtbar_ende = -1; 
		doSichtbar_mouseover=-1;
	}
}

//------------------------------------------------------

//------------------------------------------------------
// Funktion zum Aufhellen

function doAufhellen(id, start, ende, schritte) {

	var start = parseInt(start);
	var ende = parseInt(ende);
	var schritte = parseInt(schritte);

	var div = document.getElementById(id);

	if(start > ende){ 

		var sichtbarkeit = start-schritte; 
		if(sichtbarkeit<ende){ sichtbarkeit=ende; }

	} else if(ende > start){ 

		var sichtbarkeit = start+schritte; 
		if(sichtbarkeit<start){ sichtbarkeit=start; }
	}

	if(sichtbarkeit!=null){

		if(sichtbarkeit>ende){ sichtbarkeit=ende; }

		if(browserId=="IE"){

			div.style.filter="Alpha(opacity="+sichtbarkeit+")";
			setTimeout("doAufhellen('"+id+"','"+sichtbarkeit+"','"+ende+"','"+schritte+"');",10); 

		} else if(browserId=="FF"){

			var mozSichtbarkeit = sichtbarkeit/100;
			div.style.MozOpacity=mozSichtbarkeit;

			setTimeout("doAufhellen('"+id+"','"+sichtbarkeit+"','"+ende+"','"+schritte+"');",10);
		}

	}
}

//------------------------------------------------------

//------------------------------------------------------
// Funktion zum Verdunkeln

function doVerdunkeln(id, ende) {

	var div = document.getElementById(id);

	if(browserId=="IE"){

		div.style.filter="Alpha(opacity="+ende+")";

	} else if(browserId=="FF"){

		var mozSichtbarkeit = ende/100;
		div.style.MozOpacity=mozSichtbarkeit;
	}
}

//------------------------------------------------------

//------------------------------------------------------
// PNG richtig darstellen ??? läuft noch nicht
function doPng(element){

	var filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+(element.src)+"', sizingMethod='scale')";

	var style = element.style.cssText+" "+filter;

	// element.setAttribut("was",style);


//.pngoverlay		{ background-color:transparent; background-image:url(style/blende.png); }
//*html.pngoverlay	{ background-color:transparent; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="style/blende.png"); }


}

//------------------------------------------------------

//------------------------------------------------------
// Element ausblenden

function doAusblenden(id){
	var div = document.getElementById(id);
	div.style.display="none";
}

// Element einblenden

function doEinblenden(id){
	var div = document.getElementById(id);
	div.style.display="block";
}