// ----------------------------------------------------------------------
// Respekt an:
// Scott Upton <http://www.couloir.org/>
// fuer die Idee und die freundliche Erlaubnis
// Richard Rutter <http://clagnut.com/sandbox/imagefades/>
// fuer X-Browser-Kompatibilitaet
// ----------------------------------------------------------------------

function switchDisplay(obj){
	hideAllPicLayers();
	showLayer(obj);
}

// Ebenen verstecken
function hideAllPicLayers() {
   fadePics = document.getElementsByName("thephoto")
   picCount = fadePics.length;
   for (i=0; i<= picCount-1; i++) {
	    image = fadePics[i];
		image.style.visibility = 'hidden';
	}
}

// Ebenen zeigen
function showLayer(objId) {
	document.getElementById(objId).style.visibility = 'visible';
}

// Bilder vorladen
var a;
 a			= new Array();
 a[0]		=new Image;
 a[0].src	="gfx/jobs.jpg";
 a[1]		=new Image;
 a[1].src	="gfx/kontakt.jpg";
 a[2]		=new Image;
 a[2].src	="gfx/bildungsangebot.jpg";
 a[3]		=new Image;
 a[3].src	="gfx/referenzen.jpg";
 a[4]		=new Image;
 a[4].src	="gfx/aktuelles.jpg";
 


// Anfangsopacity setzen
function initImage() {
   fadePics = document.getElementsByName("thephoto")
   picCount = fadePics.length;
   for (i=0; i<= picCount-1; i++) {
    image = fadePics[i];
    setOpacity(image, 30);
	
   }
   fadePics[0].style.visibility = 'visible';
}


// Ausblenden
function fadeOut(objId,opacity) {
		if (document.getElementById) {
			obj = document.getElementById(objId);
			if (opacity >= 30) {
				loggerOut = true;
			  setOpacity(obj, opacity);
			  opacity -= 15;
			  outfade = setTimeout("fadeOut('"+objId+"',"+opacity+")", 30);
			} 
		}
}

// Einblenden
function fadeIn(objId,opacity) {
		if (document.getElementById) {
			obj = document.getElementById(objId);
			if (opacity <= 100) {
			  loggerIn = true;
			  setOpacity(obj, opacity);
			  opacity += 10;
			  infade = setTimeout("fadeIn('"+objId+"',"+opacity+")", 30);
			}
		}
}


// Opazitaet je nach Browser
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	
	// das Werkzeug des Boesen
	obj.style.filter = "alpha(opacity:"+opacity+")";
	
	// alte KHTML-Engines (Safari kleiner gleich 1.2, Konqueror, OmniWeb)
	obj.style.KHTMLOpacity = opacity/100;
	
	// Alte Geckos
	obj.style.MozOpacity = opacity/100;
	
	// Safari 1.2, neue Geckos, CSS3
	obj.style.opacity = opacity/100;
}


function showOn(obj) {
	document.getElementById(obj).style.color = "#A0741C";
}

function showOff(obj) {
	document.getElementById(obj).style.color = "#1D1864";
}