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

function getBrowserName(){

	var browserId = navigator.appName;

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

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

	} else if(browserId=="Opera"){
		browserId = "OP";

	} 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" || browserId=="OP"){
		return window.innerHeight;
	}
	
	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" || browserId=="OP"){
		return window.innerWidth;
	}
	
	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;

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

		return document.documentElement.scrollHeight;
	}
	
	return document.documentElement.scrollHeight;
}

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;

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

		return document.documentElement.scrollWidth;
	}
	
	return document.documentElement.scrollWidth;
}

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

//------------------------------------------------------
// 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" || browserId=="OP"){
		return window.pageXOffset;
	}
	
	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" || browserId=="OP"){
		return window.pageYOffset;
	}
	
	return window.pageYOffset;
}
//------------------------------------------------------

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

var getMouseX;
var getMouseY;

function mouseMoveHandler(evt) {
  getMouseX = evt ? evt.pageX : ( browserMode=="Q" ) ? event.clientX+getScrollBarX() : event.clientX+getScrollBarX();
	getMouseY = evt ? evt.pageY : ( browserMode=="Q" ) ? event.clientY+getScrollBarY() : event.clientY+getScrollBarY();	
}

// 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&ouml;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, starthelligkeit, endehelligkeit){

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

function doSichtbarExe(id, starthelligkeit, ende) {

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

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

	if(doSichtbar_mouseover == '1'){

		starthelligkeit = parseInt(starthelligkeit);
		ende = parseInt(doSichtbar_ende);

	} else {

		starthelligkeit = parseInt(doSichtbar_stand);
		ende = parseInt(doSichtbar_start);
	}

	var div = document.getElementById(id);

	if(starthelligkeit > ende){ var sichtbarkeit = starthelligkeit-1; doSichtbar_stand = sichtbarkeit;
	} else if(ende > starthelligkeit){ var sichtbarkeit = starthelligkeit+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(browserId=="OP"){

			var operaSichtbarkeit = sichtbarkeit/100;
			div.style.opacity=operaSichtbarkeit;

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

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

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

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

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

	starthelligkeit = parseInt(starthelligkeit);
	ende = parseInt(ende);
	schritte = parseInt(schritte);

	var div = document.getElementById(id);

	if(starthelligkeit > ende){ 

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

	} else if(ende > starthelligkeit){ 

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

	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);

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

			var operaSichtbarkeit = sichtbarkeit/100;
			div.style.opacity=operaSichtbarkeit;

			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;

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

		var operaSichtbarkeit = ende/100;
		div.style.opacity=operaSichtbarkeit;
	}
}

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

//------------------------------------------------------
// 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";
}

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

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

function doVerschieben(id){
	var div = document.getElementById(id);
	div.style.top= (10+getMouseY)+"px";
	div.style.left= (10+getMouseX)+"px";
}