// ########## Loading page fader ##########

function fadeAway(fUrl) {
    // Global variables
    target = document.getElementById('splash');
    forceUrl = fUrl;   // forceUrl had to be added for IE7 bug 
    filterValue = 100;
    // Preset the style settings
    target.style.opacity = "1.0";
    target.style.filter = "alpha(opacity=" + filterValue + ")";
    // Borrowed ancient IE browser checking code
    if (navigator.userAgent.match(/\bMSIE\b/)
          && (!document.documentMode || document.documentMode < 9)) {
          // Extract IE version number
          ieVersion = parseFloat(navigator.appVersion.split("MSIE")[1]);
          if (ieVersion <= 8) {
              bro = "insane";    // Yes, this is IE8 or lower.
            } else {
              bro = "sane";    // Higher than IE8.
            }
        } else {
          bro = "sane";    // Not IE.
        }
    // Delayed start for the fade effect
    window.setTimeout("fadeExec()", 1000);
    }

function fadeExec() {
    // Begin incremental fading effect
    looop = window.setInterval("opacSet()", 80);
    }

function opacSet() {
    // Conditional fading method
    if (bro == "insane") {   // In case of IE
        filterValue = filterValue - 10;   // Decrease opacity by 10%
        target.style.filter = "alpha(opacity=" + filterValue + ")";
        // Stops effect on zero
        if (filterValue <= 0)
            window.clearInterval(looop);
      } else { 
        var currNum = target.style.opacity;
        var currNum = currNum - 0.1;   // Decrease opacity by 0.1
        target.style.opacity = currNum;
        // Stops effect on zero
        if (currNum <= 0)
            window.clearInterval(looop);
      }
    }






// Tagline de-cloaker
function tag(id,state,number) {
    var tagId = "tag_" + id;
    var button = document.getElementById(tagId);

    for (var n=0; n < tagArray.length; n++) {
        var thisTag = "tag_" + tagArray[n];
        document.getElementById(thisTag).className = "tagHidden";
        }

    if (state == 'on') { button.className = "tagActive"; }
    }






// Side-Gallery-Switcher
function sideGal(id) {
    var target = document.getElementById(id);

    if (target.className == 'sideGalHidden') {
        target.className = "sideGal";
      } else {
        target.className = "sideGalHidden";
      } 

    }




// Project Spotlight Gallery bg-Switcher
function spotBGSwitch(spot,img) {
    var imgUrl = "html/img/spotlight/projects/"+spot+"/"+img;
    document.getElementById("bgImage").src = imgUrl;
    }





// Portfolio ("Leistungen") de-cloaker
function hideAll() {
    for (var n=0; n < pfArray.length; n++ ) {
        var bigId	= "big" + pfArray[n];
        document.getElementById(pfArray[n]).className = "pfBoxHide";
        document.getElementById(bigId).className = "inactive";
        }
    }


function flipDaBox(id) {
    var bigId	= "big" + id;
    var target	= document.getElementById(id);
    var tLink	= document.getElementById(bigId);
    var bgImg	= document.getElementById("bgImage");

    if (target.className == 'pfBoxHide') {
        var imgUrl = "html/img/spotlight/portfolio/"+id+".jpg";
        hideAll();
        target.className = "pfBox";
        tLink.className = "active";
        bgImg.src = imgUrl;
      } else {
        var imgUrl = "html/img/bg/id-_2.jpg";
        hideAll();
        target.className = "pfBoxHide";
        bgImg.src = imgUrl;
      }
    }


function flipDaColor(id) {
    var bigId	= "big" + id;
    var target	= document.getElementById(id);
    var tLink	= document.getElementById(bigId);

    if (target.className == 'pfBoxHide') {
        tLink.className = "inactive";
      } else {
        tLink.className = "active";
      }
    }

function deHref() {
    for (var n = 0; n < goblins.length; ++n) 
        document.getElementById(goblins[n]).href = "#";
    }