// JavaScript Document

// Element ?
function gibts(elementle) { if(elementle!="" && document.getElementById(elementle)) { return true; } return false; }

// Messen
// Schriftgröße auslesen
function aktuelleSchriftgroesse() { return document.getElementById('schriftgroesse').offsetHeight/20; }
// Fenster ausmessen
fensterbreite=0; fensterhoehe=0; horizontalGerollt=0; vertikalGerollt=0; 
function fensterAusmessen() {
if(typeof(window.innerWidth) == 'number') { fensterbreite = window.innerWidth; fensterhoehe = window.innerHeight; horizontalGerollt = window.pageXOffset; vertikalGerollt = window.pageYOffset; }  //Non-IE
else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
fensterbreite = document.documentElement.clientWidth; fensterhoehe = document.documentElement.clientHeight; horizontalGerollt = document.documentElement.scrollLeft; vertikalGerollt = document.documentElement.scrollTop; } //IE 6
else if(document.body && (document.body.clientWidth || document.body.clientHeight)) { 
fensterbreite = document.body.clientWidth; fensterhoehe = document.body.clientHeight; horizontalGerollt = document.body.scrollLeft; vertikalGerollt = document.body.scrollTop; } // IE 4
}


// Elementmaße lesen
// Absolute Position
function AbsLinks(elementle) { x = 0; elementle=document.getElementById(elementle); 
if(elementle && typeof elementle.offsetParent!='undefined') { while(elementle && typeof elementle.offsetLeft=='number') { x+=elementle.offsetLeft; x-=elementle.scrollLeft; elementle=elementle.offsetParent; } } return x; }
function AbsOben(elementle) { y = 0; elementle=document.getElementById(elementle); 
if(elementle && typeof elementle.offsetParent!= 'undefined') { while(elementle && typeof elementle.offsetTop=='number') { y+=elementle.offsetTop; y-=elementle.scrollTop; elementle=elementle.offsetParent; } } return y; }

// Relative Position
function links(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).offsetLeft); } }
function oben(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).offsetTop); } }
function linksgerollt(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).scrollLeft); } }
function obengerollt(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).scrollTop); } }
// Abmaße
function breit(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).offsetWidth); } }
function hoch(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).offsetHeight); } }

// Elementmaße zuweisen
function breite(elementle,mass,einheit) { if(einheit=="") { einheit="em"; } if(mass==0) { mass="0"; einheit="px"; } if(gibts(elementle)===true) { document.getElementById(elementle).style.width=mass+einheit; } }
function hoehe(elementle,mass,einheit) { if(einheit=="") { einheit="em"; } if(mass==0) { mass="0"; einheit="px"; } if(gibts(elementle)===true) { document.getElementById(elementle).style.height=mass+einheit; } }
// Abmaße setzen
function abmasze(element,mass1,einheit1,mass2,einheit2) { breite(element,mass1,einheit1); hoehe(element,mass2,einheit2); }
// Skalieren
function skalieren(elementle,endbreite,endhoehe,schrittle) { if(gibts(elementle)===true) { schritte=schrittle; 
startbreite=breit(elementle)/aktuelleSchriftgroesse(); if(endbreite==="") { endbreite=startbreite; } differenzbreite=endbreite-startbreite; breiteschritte=parseInt(Math.abs(differenzbreite));   
starthoehe=hoch(elementle)/aktuelleSchriftgroesse(); if(endhoehe==="") { endhoehe=starthoehe; } differenzhoehe=endhoehe-starthoehe; hoeheschritte=parseInt(Math.abs(differenzhoehe)); 
if(schritte=="") { if(breiteschritte>hoeheschritte) { schritte=parseInt(Math.abs(differenzbreite))*4; } else { schritte=parseInt(Math.abs(differenzhoehe))*4;  } }
bSchritt=parseFloat(differenzbreite/schritte); hSchritt=parseFloat(differenzhoehe/schritte); 
for(x=0; x<=schritte; x++) { 
if(startbreite!=endbreite) { document.skalierenTimeout[x]=setTimeout("breite('"+elementle+"',"+parseFloat(startbreite+(x*bSchritt))+",'')", (x*15)); }
if(starthoehe!=endhoehe) { document.skalierenTimeout[x]=setTimeout("hoehe('"+elementle+"',"+parseFloat(starthoehe+(x*hSchritt))+",'')", ((x*15)+2)); }
} 
document.skalierenTimeout[(schritte+1)]=setTimeout("skalierenTimeoutLoeschen()", ((schritte+1)*15));
} }
document.skalierenTimeout=new Array(); function skalierenTimeoutLoeschen() { x=0; while(document.skalierenTimeout[x]) { window.clearTimeout(document.skalierenTimeout[x]); x++; } }

// Element platzieren
function platzieren(elementle, positionX, positionY) { if(gibts(elementle)===true) { document.getElementById(elementle).style.left = positionX+'em'; document.getElementById(elementle).style.top = positionY+'em'; } }
function platzierenPx(elementle, positionX, positionY) { if(gibts(elementle)===true) { document.getElementById(elementle).style.left = positionX+'px'; document.getElementById(elementle).style.top = positionY+'px'; } }
function platzierenScroll(elementle, positionX, positionY) { if(gibts(elementle)===true) { document.getElementById(elementle).scrollLeft = positionX; document.getElementById(elementle).scrollTop = positionY; } }

// Element bewegen
function bewegung(elementle,endelinks,endeoben,schrittle) { schritte=schrittle; if(gibts(elementle)===true) {
startlinks=links(elementle)/aktuelleSchriftgroesse(); if(endelinks==="") { endelinks=startlinks; } differenzlinks=endelinks-startlinks; linksschritte=parseInt(Math.abs(differenzlinks));   
startoben=oben(elementle)/aktuelleSchriftgroesse(); if(endeoben==="") { endeoben=startoben; } differenzoben=endeoben-startoben; obenschritte=parseInt(Math.abs(differenzoben)); 
if(schrittle=="") { if(linksschritte>obenschritte) { schritte=parseInt(Math.abs(differenzlinks)); } else { schritte=parseInt(Math.abs(differenzoben)); } }
lSchritt=parseFloat(differenzlinks/schritte); oSchritt=parseFloat(differenzoben/schritte);
for(x=0; x<=schritte; x++) { setTimeout("platzieren('"+elementle+"',"+parseFloat(startlinks+(x*lSchritt))+","+parseFloat(startoben+(x*oSchritt))+")", (x*15)); }
} }

// Element Scrollen
function rollen(elementle,endelinks,endeoben,schrittle) { schritte=schrittle; if(gibts(elementle)===true) {
startlinks=linksgerollt(elementle); if(endelinks==="") { endelinks=startlinks; } differenzlinks=endelinks-startlinks; linksschritte=parseInt(Math.abs(differenzlinks));   
startoben=obengerollt(elementle); if(endeoben==="") { endeoben=startoben; } differenzoben=endeoben-startoben; obenschritte=parseInt(Math.abs(differenzoben)); 
if(schrittle=="") { if(linksschritte>obenschritte) { schritte=parseInt(Math.abs(differenzlinks)); } else { schritte=parseInt(Math.abs(differenzoben)); } }
lSchritt=parseFloat(differenzlinks/schritte); oSchritt=parseFloat(differenzoben/schritte);
for(x=0; x<=schritte; x++) { setTimeout("platzierenScroll('"+elementle+"',"+parseFloat(startlinks+(x*lSchritt))+","+parseFloat(startoben+(x*oSchritt))+")", (x*15)); }
} }


// Position und Größe wandeln
function formwandeln(elementle,endelinks,endeoben,endbreite,endhoehe) {  if(gibts(elementle)===true) { schritte=24;
skalieren(elementle,endbreite,endhoehe,schritte); bewegung(elementle,endelinks,endeoben,schritte); 
} }

// Andere Attribute
// Elementstil lesen
function stil(elementle,stilart) { objektle = document.getElementById(elementle);
if(objektle.currentStyle) { stilwert = objektle.currentStyle[stilart]; } else if(window.getComputedStyle) { stilwert = document.defaultView.getComputedStyle(objektle,null).getPropertyValue(stilart); }
return stilwert;
}
/* Sichtbarkeit */
function sichtbar(elementle) { if(gibts(elementle)===true) { return(document.getElementById(elementle).style.display); } }

// Zuweisen
// Elemente ein- und ausblenden
function einblenden(elementle) { if(gibts(elementle)===true) { document.getElementById(elementle).style.display="block"; } }
function inlineEinblenden(elementle) { if(gibts(elementle)===true) { document.getElementById(elementle).style.display="inline"; } }
function ausblenden(elementle) { if(gibts(elementle)===true) { document.getElementById(elementle).style.display="none"; } }
function AufZu(elementle) { if(stil(elementle,"display")=="none") { einblenden(elementle); } else { ausblenden(elementle); } }
/* Elemente EinAusBlenden */
nummerieren=new Array(); nummerieren1=new Array(); nummerieren2=new Array(); 
for(x=0; x<1000; x++) { nummerieren2[x]=new Array(); }
function EinAusblenden(elementle, nuemmerle1, nuemmerle2) {
if((nuemmerle1 && nuemmerle1!="") || nuemmerle1==0) { nummer1=nuemmerle1; element=elementle+"["+nuemmerle1+"]"; eintrag=nummerieren1;
if((nuemmerle2 && nuemmerle2!="") || nuemmerle2==0) { nummer2=nuemmerle2; element=element+"["+nuemmerle2+"]"; eintrag=nummerieren2; }
} else { nummer=7000; element=elementle; eintrag=nummerieren; }

if(eintrag==nummerieren || eintrag==nummerieren1) {
if(!eintrag[nummer1] || eintrag[nummer1]==0) { einblenden(element); eintrag[nummer1]=1; } 
else if(eintrag[nummer1]==1) { ausblenden(element); eintrag[nummer1]=0; }
}
else if(eintrag==nummerieren2) {
if(!eintrag[nummer1][nummer2] || eintrag[nummer1][nummer2]==0) { einblenden(element); eintrag[nummer1][nummer2]=1; } 
else if(eintrag[nummer1][nummer2]==1) { ausblenden(element); eintrag[nummer1][nummer2]=0; }
}
}

function langsamEinblenden(elementle) { for(x=0; x<=100; x=x+10) { if(x==0) { einblenden(elementle); } setTimeout("deckkraftsetzen('"+elementle+"',"+x+")", (x*3)); } }
function langsamAusblenden(elementle) { for(x=100; x>=0; x=x-10) { setTimeout("deckkraftsetzen('"+elementle+"',"+x+")", (300-(x*3))); } setTimeout("ausblenden('"+elementle+"')", 305); } 
function deckkraftsetzen(elementle, wert) { document.getElementById(elementle).style.filter = 'alpha(opacity='+wert+')'; document.getElementById(elementle).style.opacity = (wert/100); }

function opaken(elementle,wert) { if(gibts(elementle)===true) { a=0; for(x=wert; x<=100; x++) { a++; setTimeout("deckkraftsetzen('"+elementle+"',"+x+")", (a*10)); } } }
function lasieren(elementle,wert) { if(gibts(elementle)===true) { a=0; for(x=100; x>=wert; x--) { a++; setTimeout("deckkraftsetzen('"+elementle+"',"+x+")", (a*10)); } } }

// Textfarbe
function textfarbe(elementle,wert) { if(gibts(elementle)===true) { if(wert=="") { document.getElementById(elementle).style.color=""; } else { wert="#"+wert; document.getElementById(elementle).style.color=wert; } } }
// Hintergrund
function hintergrund(elementle,wert) { if(gibts(elementle)===true) { if(wert=="") { document.getElementById(elementle).style.backgroundImage=""; } else { document.getElementById(elementle).style.backgroundImage="url("+wert+")"; } } }
function hintergrundfarbe(elementle,wert) { if(gibts(elementle)===true) { if(wert=="") { document.getElementById(elementle).style.backgroundColor=""; } else { document.getElementById(elementle).style.backgroundColor="#"+wert; } } }
function HgPosition(elementle,wert1,wert2) { if(gibts(elementle)===true) { document.getElementById(elementle).style.backgroundPosition=wert1+"em"+" "+wert2+"em"; } }

// Bildquelle
function quelle(elementle,quelle) { document.getElementById(elementle).src=quelle; }

// ID und Name
function idSetzen(elementle, wert) { if(gibts(elementle)===true) { document.getElementById(elementle).id=wert; } }
function nameSetzen(elementle, wert) { if(gibts(elementle)===true) { document.getElementById(elementle).name=wert; } }

// Z-Index
function zindex(elementle, wert) { if(gibts(elementle)===true) { document.getElementById(elementle).style.zIndex=wert; } }
function nachvorne(elementle) { if(gibts(elementle)===true) { document.getElementById(elementle).style.zIndex="5"; } }
function nachhinten(elementle) { if(gibts(elementle)===true) { document.getElementById(elementle).style.zIndex="0"; } }

// Formulare
// Übertragen
function uebertragen(von,nach) { if(document.getElementById(von) && document.getElementById(nach)) { document.getElementById(nach).value = document.getElementById(von).value; }}
function uebertragenHTML(von,nach) { if(document.getElementById(von) && document.getElementById(nach)) { document.getElementById(nach).innerHTML = document.getElementById(von).value; }}
// Feldwerte
function Feldwert(elementle) { if(document.getElementById(elementle)) { return document.getElementById(elementle).value; } }
// Feldwerte eingeben*/
function Feldfuellen(elementle,wertle) { if(document.getElementById(elementle)) { document.getElementById(elementle).value = wertle; } }
function FeldfuellenHTML(elementle,wertle) { if(document.getElementById(elementle)) { document.getElementById(elementle).innerHTML = wertle; } }
function FeldwertDat(elementle) {  if(document.getElementById(elementle)) { document.getElementById(elementle).value = UmlauteUmwandeln(document.getElementById(elementle).value); } }
// Feldwert löschen
function Feldloeschen(elementle) { if(document.getElementById(elementle)) { document.getElementById(elementle).value = ""; } }
// Häkle setzen oder wegnehmen
function Anhackeln(elementle) { if(document.getElementById(elementle)) { if(document.getElementById(elementle).checked) { document.getElementById(elementle).checked = false; } else { document.getElementById(elementle).checked = true; } } }
// Editierbare Ausgabe
function bearbeiten(elementle) { hoehe(elementle,(hoch(elementle+'Ansicht')+(2*aktuelleSchriftgroesse())),"px"); einblenden(elementle+'Editieren'); ausblenden(elementle+'Ansehen'); }
function ansehen(elementle) { FeldfuellenHTML(elementle+'Ansicht',ersetzen("\n","<br />",Feldwert(elementle))); ausblenden(elementle+'Editieren'); einblenden(elementle+'Ansehen'); }


// mit der Mouse bewegen 
BewegungsObjekt="";  BewegungsObjektle=""; DifferenzLinks=0; DifferenzOben=0; ElementLinks=0; ElementOben=0; 

function MouseBewegenEinschalten(objekt) { 
BewegungsObjektle = objekt;
document.getElementById(BewegungsObjektle).onmousedown=MouseBewegenStarten; 
document.getElementById(BewegungsObjektle).onmousemove = MouseBewegen; 
document.getElementById(BewegungsObjektle).onmouseup = MouseBewegenStoppen; 
}
function MouseBewegenStarten(ereignis) { 
BewegungsObjekt = document.getElementById(BewegungsObjektle); 
MouseLinks = document.all ? window.event.clientX : ereignis.pageX; MouseOben = document.all ? window.event.clientY : ereignis.pageY;
ElementLinks = BewegungsObjekt.offsetLeft; ElementOben = BewegungsObjekt.offsetTop;
DifferenzLinks = MouseLinks-ElementLinks; DifferenzOben = MouseOben-ElementOben; 
}
function MouseBewegen(ereignis) { if(BewegungsObjekt != "") { // Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt. 
BewegungsObjekt.style.zIndex=5;
MouseLinks = document.all ? window.event.clientX : ereignis.pageX; MouseOben = document.all ? window.event.clientY : ereignis.pageY;
BewegungsObjekt.style.left = (MouseLinks-DifferenzLinks)+"px"; BewegungsObjekt.style.top = (MouseOben-DifferenzOben)+"px"; 
} }
function MouseBewegenStoppen() {  
BewegungsObjekt.style.zIndex=1;
BewegungsObjekt=""; MouseLinks=0; MouseOben=0; ElementLinks=0; ElementOben=0; DifferenzLinks=0; DifferenzOben=0;
} 


// Hilfsfunktionen
// im Array ?
function in_array(nadel, heuhaufen){ for(i=0; i<heuhaufen.length; i++) { if(nadel==heuhaufen[i]) { return i; } } return -1; }
// Ersetzen
function ersetzen(ersetzt, durch, text) { text=text.replace(new RegExp(ersetzt,"g"), durch); return text; }
function normalersetzen(ersetzt, durch, text) { while(text.indexOf(ersetzt)!=-1) { text =text.replace(ersetzt, durch); } return text; }
/* STR_PAD */
function str_pad(wert,laenge,fueller) { ganzerwert = fueller + wert; lx=0; while(lx<laenge) { ganzerwert = fueller+ganzerwert; lx++; } wert=ganzerwert.substr(-laenge);  return wert; }
// AJAX
function SeiteEinbinden(elementle, Seite) {
if (window.XMLHttpRequest) { andereSeite=new XMLHttpRequest();  }// code for IE7+, Firefox, Chrome, Opera, Safari
else { andereSeite=new ActiveXObject("Microsoft.XMLHTTP"); }// code for IE6, IE5
andereSeite.open("GET",Seite, false); andereSeite.send(null);
FeldfuellenHTML(elementle,andereSeite.responseText)
}