// Externe Links
function externalLinks() {
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (anchor.getAttribute("href") &&
		anchor.getAttribute("rel") == "out")
		anchor.target = "_blank";
	}
}

// Formularkill
function valueKill() {
	if (document.getElementById('username')) {	
		document.getElementById('username').onfocus = function() { if (this.value == 'Benutzername') this.value=''; };
		document.getElementById('username').onblur = function() { if (this.value == '') this.value = 'Benutzername'; };
		document.getElementById('pw').onfocus = function() { if (this.value == 'Passwort') this.value=''; };
		document.getElementById('pw').onblur = function() { if (this.value == '') this.value = 'Passwort'; };
	}
}

// Lightbox

function hideLightbox() {
		objOverlay = document.getElementById('overlay');
		objLightbox = document.getElementById('lightbox');
		objOverlay.style.display = 'none';
		objLightbox.style.display = 'none';
}

// CrossBrowser Transparenz Portfolio
function setOpacity() {
	var divname = "pf_pic"; // umschließende Div-Klasse
	var navleftname = "pf_back"; // LinkBereich
	var navrightname = "pf_forward"; // Link Bereich
	var imgbackname = "pf_navleft"; // Link Fläche
	var imgforename = "pf_navright"; // LinkFläche
	var iconbackname = "pf_navlefticon"; // Link Icon
	var iconforename = "pf_navrighticon"; // Link Icon
	if (document.getElementById(divname) && document.getElementById(navleftname)) {
		document.getElementById(navleftname).onmouseover = function() {
			document.getElementById(imgbackname).style.backgroundColor = "#000000";
			document.getElementById(imgbackname).style.opacity = "0.15";
			document.getElementById(imgbackname).style.filter = 'alpha(opacity=15)';
			document.getElementById(iconbackname).style.display = "block";
		};
		document.getElementById(navleftname).onmouseout = function() {
			document.getElementById(imgbackname).style.opacity = "0";
			document.getElementById(imgbackname).style.filter = 'alpha(opacity=0)';
			document.getElementById(iconbackname).style.display = "none";
		};
	}
	if (document.getElementById(divname) && document.getElementById(navrightname)) {
		document.getElementById(navrightname).onmouseover = function() {
			document.getElementById(imgforename).style.backgroundColor = "#000000";
			document.getElementById(imgforename).style.opacity = "0.15";
			document.getElementById(imgforename).style.filter = 'alpha(opacity=15)';
			document.getElementById(iconforename).style.display = "block";
		};
		document.getElementById(navrightname).onmouseout = function() {
			document.getElementById(imgforename).style.opacity = "0";
			document.getElementById(imgforename).style.filter = 'alpha(opacity=0)';
			document.getElementById(iconforename).style.display = "none";
		};
	}
}

function getImg(image) {
	var divname = "pf_pic"; // umschließende Div-Klasse
	if (image) {
		document.getElementById(divname).style.backgroundImage= 'url(data/'+image+')';
	}
}

// Einbinden der Funktionen
function start ()
{
   externalLinks();
   valueKill();
   setOpacity();
   getImg();
}

window.onload = start;