path = ("../images/");
if (typeof number == 'undefined') number = 1;
var numberprev = 1;
var prevtext = "text_1";
// if (typeof prevtext == 'undefined') prevtext = "text_1";

function changenr(number) {
	picnumber = number -1;	
	document.pic.src = path + pics[picnumber]; 	
	active(number);
}

function change(direction) {
	numbernew = numberprev + direction;
	picnumber = numbernew -1;

	if(numbernew < 1) {
		top.location = previousProject;
	} else if(numbernew > BildAnzahl ) {
		top.location = nextProject;
	} else {
	
	    document.pic.src = path + pics[picnumber];
	    active(numbernew);	
	}
}

function active(number) {
	
	numberprev = "number" + numberprev;
	numberactive = "number" + number;
	// textnumber = number -1;
	visibletext = "text_" + number;
	
	if (numberprev != "number0") {
		// alert ("number ist " + number + " box mit prevtextnr " + prevtext + " wird verborgen");
		document.getElementById(prevtext).style.visibility = "hidden";
	}
	// alert ("box mit visibletextnr " + visibletext + " wird sichtbar");
	document.getElementById(visibletext).style.visibility = "visible";
	numberprev = number;
	prevtext = visibletext;
	
}

function createpicsnavbox(number) {	

	picsnavbox = '<div id="picsnavbox">';
	picsnavbox+= '<p><br />';
	picsnavbox+= '<span class="olivarrows"><a href="javascript:change(-1)">&lt;</a> </span>';	
	// Schleife
	i = 1;
	while (i <= BildAnzahl) {
		
		if (number == i) {activestyle = "schwarz";} else {activestyle = "oliv";};
		
		picsnavbox+= '<a href="javascript:changenr(';
		picsnavbox+= i;											
		picsnavbox+= ')"><span class="';
		picsnavbox+= activestyle;
		picsnavbox+= '">'+i+'</span></a> ';				
		i++;
	}
	
	picsnavbox+= '<span class="olivarrows"><a href="javascript:change(1)">&gt;</a></span>';
	picsnavbox+= '</p>';
	picsnavbox+= '</div>';
	// alert ("leaf_createpicsnavbox - picsnavbox is " + picsnavbox + " activestyle is " + activestyle + " number is " + number);	
}