function port(name){
    source = 'bilder/Portraits/Grosse/' + name + '.jpg';
	window.document.getElementById("portrait").src = source;
	location.href = "#portrait";
}

function showPortraits(klein, gross) {
    document.write("<table cellspacing=\"0\" cellpadding=\"0\" id=\"portraits\" >");
	for (i = 0; i < klein.length / 3; i++) {
	
		if (i == 0) {
			_preclass = "p1_";
		} else {
			_preclass = "p_";
		}
	
		document.write("<tr>");
		for (j = 0; j < 3; j++) {
			index = i*3 + j;
			if (index < klein.length) {

				_class = _preclass;
				_class += j == 0 ? "left" : (j == 1 ? "center" : "right");
			
				document.write("<td class=\"" + _class +"\">");
				if (gross[index] != '')
					document.write("<a href=\"javascript:port('" + gross[index] + "')\">");
				document.write("<img src=\"bilder/Portraits/Kleine/"+ klein[index] +".jpg\" alt=\""+ klein[index] +"\"/>");
				if (gross[index] != '')
					document.write("</a>");
				document.write("</td>");
			}
			else document.write("<td>&nbsp;</td>");
		}
		document.write("</tr>");	
	}
	document.write("</table>");
}

var grossP;
var grossPCount;
var currP;
function rndPortrait(liste) {
	valid = new Array(liste.length);
	count = 0;

	for (i = 0; i < liste.length; i++) {
		if (liste[i] != '') {
			valid[count] = liste[i];
			count++;
		}
	}
	
	index = Math.floor(Math.random()*count)
	document.write("<img id=\"portrait\" src=\"bilder/Portraits/Grosse/" + valid[index] +".jpg\" />");
	document.write("<div class=\"pfeile\">");
	document.write("<a href=\"javascript:pprev()\"><img id=\"ppfeil_l\" src=\"bilder/GrafischeElemente/Pfeil_links.jpg\" /></a>");
	document.write("<a href=\"javascript:pnext()\"><img id=\"ppfeil_r\" src=\"bilder/GrafischeElemente/Pfeil_rechts.jpg\" /></a>");
	document.write("</div>");
	
	grossP = valid;
	currP = index;
	grossPCount = count;
}

function pnext() {
	if (currP < grossPCount - 1) {
		currP++;
	}
	else if (currP == grossPCount - 1) {
		currP = 0;
	}
	port(grossP[currP]);
}

function pprev() {
	if (currP > 0) {
		currP--;
	}
	else if (currP == 0) {
		currP = grossPCount - 1;
	}
	port(grossP[currP]);
}

current = 0;
var imgs;
function showSlideShow(images) {
	imgs = images;
	
	for (i = 0; i < imgs.length; i++) {
		imgs[i] = "bilder/Slideshow/" + imgs[i];
	}
	
	document.write("<img id=\"slide\" src=\""+imgs[current]+"\" /> <br />");
	document.write("<div class=\"pfeile\">");
	document.write("<a href=\"javascript:prev()\"><img id=\"pfeil_l\" src=\"bilder/GrafischeElemente/Pfeil_links.jpg\" /></a>");
	document.write("<a href=\"javascript:next()\"><img id=\"pfeil_r\" src=\"bilder/GrafischeElemente/Pfeil_rechts.jpg\" /></a>");
	document.write("</div>");
}

function next() {
	if (current < imgs.length - 1) {
		current++;
	}
	if (current == imgs.length - 1) {
		current = 0;
	}
	window.document.getElementById("slide").src = imgs[current];
}

function prev() {
	if (current > 0) {
		current--;
	}
	if (current == 0) {
		current = imgs.length - 1;
	}
	window.document.getElementById("slide").src = imgs[current];
}