var win;

function openBioWin(dateiname){

    if(win != null){
        win.close();
    }
    
    win = window.open(dateiname, "_blank", "width=400, height=400, left=0, top=0, scrollbars=yes");
    win.title = title;
    win.focus();
}

function openKino(dateiname){

    if(win != null){
        win.close();
    }
    
    win = window.open(dateiname, "_blank", "width=1100, height=400, left=0, top=300, scrollbars=no");
    win.title = dateiname + " Ein kinematisches Bild von Magdalena Kunz und Daniel Glaser";
    win.focus();
}


function tellScreenWidth(){
	return screen.width;
}

function isScreen17(){
	if(screen.height > 769){
		return true;
	}
	return false;
}

function getCSS(pfad){
	if(pfad == null){
		pfad = "";
	}
	
	var css = pfad + "kinotopia15.css";
	
	if(isScreen17()){
		css = pfad + "kinotopia.css";
	}
	return '<link rel="stylesheet" href="' + css + '" type="text/css">'
}

function getLogo(pfad){
	var logoSrc = "images/Logo.jpg";
	if(pfad != null){
		logoSrc = pfad + "images/Logo.jpg";
	}

	if(isScreen17()){
		return '<img src="' + logoSrc + '" width="1100" height="86" alt="Magdalena Kunz / Daniel Glaser">';
	}
	return '<img src="' + logoSrc + '" width="760" height="59" alt="Magdalena Kunz / Daniel Glaser">';
}

function show(bilder, nr){
	document.images[1].src = bilder[nr].src;
	highlightNumber(bilder, nr);
}

function showCenterBild(firstPic, altText){

	if(isScreen17()){
		return '<img id="centerBild" src="' + firstPic + '" width="1100" height="389" alt="' + altText + '">';
	}
	else{
		return '<img id="centerBild" src="' + firstPic + '" width="760" height="269" alt="' + altText + '">';		
	}
}

/**
bilder: das Array aller Bilder
pos: die Position im Array (1. Bild hat Zählung 0)
*/
function showNext(bilder){
	
	var bild = document.images[1];
	var max = bilder.length;
	
	var nr = 0;
	
	for(var i = 0; i < max; i++){
		url = bilder[i].src;
		if(bild.src == url){
			nr = i;
		}
	}

	var next = nr + 1;
	if(next == max){
		next = 0;
	}
	
	document.images[1].src = bilder[next].src;
	highlightNumber(bilder, next);
}


function showPrev(bilder){
	
	var bild = document.images[1];
	var max = bilder.length;
	
	var nr = 0;
	
	for(var i = 0; i < max; i++){
		url = bilder[i].src;
		if(bild.src == url){
			nr = i;
		}
	}
	
	var next = 0;
	if(nr == 0){
		next = max-1;
		document.images[1].src = bilder[next].src;
	}
	else{
		next = nr-1;
		document.images[1].src = bilder[nr-1].src;
	}	
	highlightNumber(bilder, next);
}

function createAElement(aClass, aTitle, aHref, aText){
		aElement = document.createElement("a");
		if(aClass != null){
			aElement.setAttribute("class", aClass);
		}
		if(aTitle != null){
			aElement.setAttribute("title", aTitle);
		}
		aElement.setAttribute("href", aHref);
		aText = document.createTextNode(aText);
		aElement.appendChild(aText);
		
		return aElement;
}

function createSpanElement(aClass, aText){
		spanElement = document.createElement("span");
		spanElement.setAttribute("class", aClass);		
		spanText = document.createTextNode(aText);
		spanElement.appendChild(spanText);
		
		return spanElement;
}


function highlightNumber(bilder, nr){
	var nummern = document.getElementById('bildNummern');
	
	var projektName = document.getElementsByTagName("body")[0].getAttribute("id");

	var divElement = document.createElement("div");
	divElement.setAttribute("id", "bildNummern");
	divElement.setAttribute("class", "numbers");
		
	var number = 0;
	var number2 = 0;
		
	for(var i = 0; i < bilder.length; i++){
		number = i+1;
		
		if(projektName == "flyingHighObjekt"){
				number = number2 + 1;
				number2 = number + 1;

			number = number + "/" + number2;
		}
		
		
		// <a>-Tags erzeugen
		var see = "see " + number + ". image";
		var li = "javascript:show(bilder, " + i + ");";
		var aElement = createAElement("fett abstandZahl", see, li, " " + number);
		
		// <span>-tag (active) erzeugen
		var spanElement = createSpanElement("activeNumber", " " + number);

		if(nr == i){
			divElement.appendChild(spanElement);
		}
		else{
			divElement.appendChild(aElement);	
		}
	}


	var trEl = document.createElement("br");
	divElement.appendChild(trEl);
	
	
	if(projektName == "flyingHighFoto"){
		var objektLink = createAElement("projektLink", null, "flyingHigh-objekt.html", " Objekte");
		divElement.appendChild(objektLink);
	}
	else if(projektName == "flyingHighObjekt"){
		var objektLink = createAElement("projektLink", null, "flyingHigh-foto.html", " Fotografischer Bildzyklus ");
		divElement.appendChild(objektLink);
	}
	else if(projektName == "overnightFoto"){
		var objektLink = createAElement("projektLink", null, "overnight-objekt.html", " Objekte");
		divElement.appendChild(objektLink);
	}

	var info = document.getElementById('info');
	info.replaceChild(divElement, nummern);
	
	// brauchen wir für IE !
	document.all.bildNummern.style.fontSize="smaller";
	document.all.bildNummern.style.textAlign="right";
	document.all.bildNummern.style.fontWeight="bold";
	document.all.bildNummern.style.wordSpacing="0.5em";
}