// dom scripting, s. 103
function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func()
		}
	}
}

addLoadEvent(bildLinksVorbereiten);

// dom scripting, s. 87
function bildLinksVorbereiten(){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("bildauswahl")) return false;
	var bildauswahl = document.getElementById("bildauswahl");
	// nur die links bei "bildauswahl" sind betroffen!
	var links = bildauswahl.getElementsByTagName("a");
	for (var i=0; i<links.length; i++){
		links[i].onclick = function(){
			bildZeigen(this.getAttribute("href"));
			
			// caption-text aus rel-attribute, kann bis zu 3 textelemente getrennt durch "|" haben!
			//alert (this.getAttribute("rel"));
			if (this.getAttribute("rel")){	
				captionFormat(this.getAttribute("rel"));
			} else {
				captionFormat(""); // wenn kein title tag vorhanden ist, bleibt die zeile leer!
			}
			
			classeAnfuegen(this, "aktiv");
			
			return false;
		}
	}
}

// dom scripting. s.69
function bildZeigen(quelle){
	if (!document.getElementById) return false;
	var objekt = "bild";
	if (!document.getElementById(objekt)) return false;
	var objektID = document.getElementById(objekt);
	// setOpacity(objektID, 0);
	objektID.setAttribute("src",quelle);
	// fadeIn(objekt,0);
}

// dom scripting. s.200
function classeAnfuegen(element, wert){
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("bildauswahl")) return false;
	var bildauswahl = document.getElementById("bildauswahl");
	// nur die links bei "bildauswahl" sind betroffen!
	var links = bildauswahl.getElementsByTagName("a");
	// zuerst von allen links die class entfernen
	for (var i=0; i<links.length; i++){
		links[i].className = "";
	}
	// dann dem betroffenen classe anfuegen
	element.className = wert;
}


/*
titles bei publications sind so aufgebaut:
erste meldung | zweite meldung | dritte meldung
*/
function captionFormat(text){
	var L = text.length; // wie lang ist der text
	var del1 = text.indexOf("|"); // erstes mal das "|"
	var del2 = text.lastIndexOf("|"); // letzes mal das "|"
	var cap1 = text.substring(0,(del1-1));
	if (del1 != del2){
		var cap2 = text.substring((del1+2),(del2-1));
		var cap3 = text.substring((del2+2),L);
	} else {
		var cap2 = "";
		var cap3 = "";
	}
	//alert (cap1 + "," + cap2 + "," + cap3);
	captionAendern("caption1",cap1);
	captionAendern("caption2",cap2);
	captionAendern("caption3",cap3);
	
	linkEinfuegen(cap1);
}

// dom scripting. s.69
function captionAendern(Textzeile,text){
	if (!document.getElementById) return false;
	if (!document.getElementById(Textzeile)) return false;
	var textBereich = document.getElementById(Textzeile);
	textBereich.firstChild.nodeValue = text;
}

// fuegt eine link ein, falls dies beim jeweiligen zeitungsartikel erwuenscht ist
// ACHTUNG, muss hier von hand eingefuegt werden!
function linkEinfuegen(text){
	if (!document.getElementById) return false;
	if (!document.getElementById("zeitungslink")) return false;
	var textBereich = document.getElementById("zeitungslink");
	
	if (text.indexOf("Sueddeutsche")!=-1){
		//alert ("sueddeutsche gefunden");
		textBereich.innerHTML = "<a href='http://www.sueddeutsche.de/,tt3m3/automobil/artikel/611/96515/' title='relevant article at sueddeutsche.de' target='_blank'>read the article (german only)</a>";
	} else {
		textBereich.innerHTML = "";
	}
}

// image fadeIn
// http://clagnut.com/sandbox/imagefades/
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 80); //umso kuerzer, um so schneller
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

// macht das suchfeld sichtbar/unsichtbar
document.write("<style type='text/css'>form#searchform {display:none;}</style>");

function suchfeld(){
	if (!document.getElementById) return false;
	if (!document.getElementById("searchform")) return false;
	var searchform = document.getElementById("searchform");
	if (searchform.style.display != "block"){
		searchform.style.display = "block";
	} else {
		searchform.style.display = "none";
	}
}

// projektAuswahl titel durch ziffern ersetzen
addLoadEvent(zifferStattTitel);

function zifferStattTitel(){
	if (!document.getElementById) return false;
	if (!document.getElementById("projektAuswahl")) return false;
	var projektAuswahl = document.getElementById("projektAuswahl");
	var Links = projektAuswahl.getElementsByTagName("a");//listenelemente innerhalb der projektAuswahl
	
	// ziffer statt text
	for (var i = 0; i < Links.length; i++){
		var n = i +1;
		myText = '0' + n;
		Links[i].innerHTML = myText;
	}
	
	// titel des dokuments abfragen
	var docuTitle = String(document.title);
	var dL = docuTitle.length;
	var Letzter = docuTitle.lastIndexOf("|"); //wann kommt zum letzten mal das "|" vor
	var docuString = docuTitle.substring((Letzter+2), dL); // 2 wg leerzeichen
	
	// aktive seite hervorheben
	for (var k= 0; k < Links.length; k++){
		var linkTitle = Links[k].getAttribute("title");
		if (docuString == linkTitle){ //wenn der title des links = title des dokuments
			var m = k + 1;
			myText = '<span class="aktiv">0' +m + '</span>';
			Links[k].innerHTML = myText;	
		}
	} 
	
}

//homepage (bild mit link zufaellig)
addLoadEvent(introBildZufall);

function introBildZufall(){
	if (!document.getElementById) return false;
	if (!document.getElementById('introbild')) return false;
	var introbild = document.getElementById('introbild');
	
	// peter hat 3 namen fuer die domain!
	var url = document.URL;
	if (url.indexOf("naumann-design.de") != -1){
		var pfad = 'http://www.naumann-design.de/';
	} else if (url.indexOf("naumanndesign.com") != -1) {
		var pfad = 'http://www.naumanndesign.com/';
	} else {
		var pfad = 'http://www.peternaumann.de/';
	}
	
	var b_pfad = 'wp-content/uploads/startseite/';
	
	/*
var zB = new Array(); //bild
	zB[0] = 'anax_helicopter.jpg';
	zB[1] = 'carbon1_pump.jpg';
	zB[2] = 'YAT_mobileHome.jpg';
	
	var zL = new Array(); //link
	zL[0] = 'aviation/anax/';
	zL[1] = 'experiment/carbon1-pumps/';
	zL[2] = 'automotive/knaus-yat/';
	
	var zT = new Array(); //text
	zT[0] = 'the single seat helicopter';
	zT[1] = 'futuristic ladies shoes';
	zT[2] = 'the young activity trailer';
*/

	var zB = new Array(); //bild
	zB[0] = 'hor_motorcycle_03.jpg';
	zB[1] = 'hor_motorcycle_03.png';
	zB[2] = 'hor_motorcycle_11.jpg';
	zB[3] = 'Horex_rendering.jpg';
	
	var zL = new Array(); //link
	zL[0] = 'motorbike/horex/';
	zL[1] = 'motorbike/horex/';
	zL[2] = 'motorbike/horex/';
	zL[3] = 'motorbike/horex/';
	
	var zT = new Array(); //text
	zT[0] = 'Horex Motorbike';
	zT[1] = 'Horex Motorbike';
	zT[2] = 'Horex Motorbike';
	zT[3] = 'Horex Motorbike';

	
	var z = Math.round(Math.random() * ((zB.length) - 1)); // -1 weil array bei 0 anfŠngt!
	var neu = '<a href="' + pfad + zL[z] + '" title="' + zT[z] + '">';
	neu += '<img src="' + pfad + b_pfad + zB[z] + '"></a>';
	neu += '<p>' + zT[z] + ' <a href="' + pfad + zL[z] + '" title="' + zT[z] + '">>></a></p>';
	
	introbild.innerHTML = neu;
}