/*
Diese Funktion ändert in der Bildergalerie die Hintergrundfarbe und passt die Schriftfarben an.
*/
function changeBackground() {

if (getStyle(document.getElementById('container'), "background-color") == "rgb(255, 255, 255)") {

   document.getElementById('container').style.backgroundColor = "#404040";
   document.getElementById('unten').style.backgroundColor = "#404040";
   document.getElementById('inhalt').style.color = "#FFFFFF";
   document.getElementById('h2').style.color = "#FFFFFF";
   document.getElementById('navigation').style.backgroundColor = "#404040";


} else {

   document.getElementById('container').style.backgroundColor = "#FFFFFF";
   document.getElementById('unten').style.backgroundColor = "#FFFFFF";
   document.getElementById('inhalt').style.color = "#000000";
   document.getElementById('h2').style.color = "#000000";
   document.getElementById('navigation').style.backgroundColor = "#FFFFFF";


}
/*
with ( document.getElementById('inhalt') )
{
   style.background = "#333333";
   style.fontSize = "10px";
   style.textAlign = "left";
   style.Color = "#FFFFFF";
}
*/

}//ende changeBackground()


/*
Get the rendered style of an element.
source: http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/
*/
function getStyle(oElm, strCssRule){
        var strValue = "";
        if(document.defaultView && document.defaultView.getComputedStyle){
                strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
        }
        else if(oElm.currentStyle){
                strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
                        return p1.toUpperCase();
                });
                strValue = oElm.currentStyle[strCssRule];
        }
        return strValue;
}



/*
Diese Funktion zeigt in der Bildergalerie die jeweils ausgewaehlten Bilderkategorie an.
*/
function zeigeBilderAn(){

var objekt = window.document.getElementById("Bildauswahl");
var comboboxAuswahl = objekt.options[objekt.selectedIndex].value;

window.document.getElementById("inhaltAnzeige").src = "Images/Bildergalerie/" + comboboxAuswahl + "/bild1.php";

}//ende zeigeBilderVonJahrAn()



/*
Diese Funktion prueft die eingegebene E-Mail Adresse.
*/
function validiereEmail(){

var objekt = window.document.getElementById("EmailFeld");
var emailOK = false;
var zeichen = '@';
var zeichenkette = new RegExp('(\\.)([a-zA-Z]{2,4})$');

if(objekt.value.search(zeichen)== -1){
  alert("Die E-Mail Adresse ist nicht korrekt. Sie muss das @-Zeichen enthalten!");
  objekt.value = "";
}else if(objekt.value.search(zeichenkette)== -1){
  alert("Das Format der E-Mail Adresse ist nicht korrekt. Es muss mindestens einmal das  Satzzeichen '.' (Punkt) in Verbindung mit der jeweiligen Domain (max. 4 Zeichen) vorkommen.");
  objekt.value = "";
}else{
 emailOK = true;
}
return emailOK;
}//ende validiereEmail()



/*
Diese Funktion ermittelt die noch verbleibenden Zeichen.
*/
function ermittleZeichen(){

var grenzwert = 1000;//erlaubte Nachrichtenlaenge
var verbleibendeZeichen = -1;
var objekt = window.document.getElementById("Nachricht");
var laenge = objekt.value.length;

if(laenge > grenzwert){
  objekt.value = objekt.value.substring(0, grenzwert);
  verbleibendeZeichen = 0;
}else{
  verbleibendeZeichen = (grenzwert - laenge);
}
window.document.getElementById("FeldMitLaenge").value = verbleibendeZeichen;
}//ende ermittleVerbleibendeZeichen()


/*
 * Diese Funktion ermittelt die Mausposition und setzt diese.
 */
function ermittleMausposition(ereignis, id){

//Klammerausdruck berechnet wie groß der Abstand von Bildschirm links bis Homepagecontainer ist
var browserfensterBreite = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
var x = ereignis.clientX - ((browserfensterBreite - 955) / 2);
var y = ereignis.clientY + (window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop));
document.getElementById(id).style.left = x + "px";
document.getElementById(id).style.top = y + "px";
}//ende ermittleMausposition()
