/* browse.js */

function initSlideShow(a) {	
	// alert('init slideshow: '+a);
	if(a.length >1){
		preparenext(a, 1);
	}
}

/* only for static use */
function getSlideshowData(name, type){
	
	
	if(name == 'innenraeume'){
		var arImages = new Array(
			Array("innenraeume01-1", "innenraeume01-2"),
			Array("innenraeume02-1", "innenraeume02-2"),
			Array("innenraeume03"),
			Array("innenraeume04"),
			Array("innenraeume05"),
			Array("innenraeume06"),
			Array("innenraeume07-1", "innenraeume07-2"),
			Array("innenraeume08-2", "innenraeume08-1")
		);
		var arImgDesc = new Array(
			Array("Foto: Karl Eisenbach", "Foto: Karl Eisenbach"),
			Array("Foto: Karl Eisenbach", "Foto: Karl Eisenbach"),
			Array("Foto: Ren"+unescape("%E9")+" Groebli"),
			Array("Foto: Ren"+unescape("%E9")+" Groebli"),
			Array("Foto: Ren"+unescape("%E9")+" Groebli"),
			Array("Foto: Ren"+unescape("%E9")+" Groebli"),
			Array("", "Fotos: Ren"+unescape("%E9")+" Groebli"),
			Array("Fotos: Isabella von Seckendorff", "")
		);
	} else if(name == 'garten'){
		var arImages = new Array(
			Array("garten_01"),
			Array("garten_02-02", "garten_02-01"),
			Array("garten_04-02", "garten_04-01"),
			Array("katzen_03", "katzen_02", "katzen_01"),
			Array("garten_06"),
			Array("garten_05-02", "garten_05-01"),
			Array("garten_07-01", "garten_07-02"),
			Array("garten_08-01", "garten_08-02")
		);
		var arImgDesc = new Array(
			Array("Fotos: Karl Eisenbach"),
			Array("", "Fotos: Karl Eisenbach"),
			Array("Fotos: Karl Eisenbach", ""),
			Array("", "Fotos: Isabella von Seckendorff", ""),
			Array("Foto: Isabella von Seckendorff", ""),
			Array("Fotos: Isabella von Seckendorff", "Altes Haus, 1969"),
			Array("", "Fotos: Elsi Wepf, Schweizer Garten"),
			Array("Fotos: Elsi Wepf, Schweizer Garten", "")
		);
	} else {
		var arImages = new Array();
		var arImgDesc = new Array();
	}
	
	if(type == 'img'){
		return arImages;
	}else {
		return arImgDesc;
	}
}

function preparenext(a, n){
	// var objBody = document.getElementsByTagName("body").item(0);
	var objBody = document.getElementById("inner");
	
	for(x=0; x<a[n].length; x++){
		if(!document.getElementById("p_"+a[n][x])){
		
			// position container
			var newDiv = document.createElement("div");
			newDiv.setAttribute('style', "z-index:"+zNum+";");
			newDiv.setAttribute('id', "p_"+a[n][x]);
			
			// float container
			var newInnerDiv = document.createElement("div");
			newInnerDiv.setAttribute('id', a[n][x]);
			newDiv.appendChild(newInnerDiv);
			
			// load image
			var dynImage = document.createElement("img");
			dynImage.setAttribute('src', "http://www.art-museum.ch/images/content/"+a[n][x]+".jpg");
			newInnerDiv.appendChild(dynImage);
			
			// break
			var objBr = document.createElement("br");
			newInnerDiv.appendChild(objBr);
			
			// image information
			var objInfo = document.createElement("span");
			objInfo.setAttribute('class', "bildinfo");
			var t = document.createTextNode('');
			t.data = desc[n][x];
			objInfo.appendChild(t);
			newInnerDiv.appendChild(objInfo);
			
			// add to stage
			objBody.appendChild(newDiv);
			
			// hide old pic
			pId = "p_"+a[n][x];
			$(pId).hide({ duration: 1.0 });
			
			zNum +=1;
		}
	}
}

function changePagination(num, oldNum, a){
	
	// optische anpassungen
	var spanCurrentImg = document.getElementById("button_"+oldNum);
	spanCurrentImg.setAttribute('class', null);
	/*spanCurrentImg.removeAttribute('class');*/
	
	var spanNewCurrentImg = document.getElementById("button_"+num);
	spanNewCurrentImg.setAttribute('class', null);
	/*spanNewCurrentImg.setAttribute('class', 'current-img');*/
	
	var h3PaginationTitle = document.getElementById("PaginationTitle");
	var txT = document.createTextNode('Bild '+parseInt(num+1)+' von '+a.length);
	h3PaginationTitle.replaceChild(txT, h3PaginationTitle.firstChild);
	spanNewCurrentImg.setAttribute('class', 'current-img');
	
}

function jumpTo(a, n){
	if(num == n) return; 
	
	var oldNum = num;
	num = n;


	// optische Anpassungen
	changePagination(num, oldNum, a);
	
	// text nur auf erster seite
	if(num > 0){
		// objTxt = document.getElementById("text_info");
		if(document.getElementById("text_info")){
			$('text_info').hide({ duration: 1.0 });
		}
	}
	
	// prepare the next round
	preparenext(a, num);
	
	
	// fade in new layers
	for(x=0; x<a[num].length; x++){
		pId = "p_"+a[num][x];
		$(pId).appear({ duration: speed });
	}
	// fade out old layers
	for(x=0; x<a[oldNum].length; x++){
		var pIdOld = "p_"+a[oldNum][x];
		$(pIdOld).fade({ duration: speed });
	}
	for(y=0; y<a.length; y++){
		// is there a textlayer?
		if(document.getElementById("text"+y) && y == num){
			document.getElementById("text"+y).style.display = "block";
		}else if (document.getElementById("text"+y) && y == oldNum){
			document.getElementById("text"+y).style.display = "none";
		}
	}
}

function browseForeward(a){
	if(num < a.length){
		var oldNum = num;
		// alert("oldNum "+oldNum);
		
		num +=1;
		
		// text nur auf erster seite
		if(num > 0){
			// objTxt = document.getElementById("text_info");
			if(document.getElementById("text_info")){
				$('text_info').hide({ duration: 1.0 });
			}
		}
		if(num < a.length){
			// prepare the next round
			preparenext(a, num);
		}
		if(num < a.length){
		
			// optische Anpassungen
			changePagination(num, oldNum, a);
			
			// fade in new layers
			for(x=0; x<a[num].length; x++){
				pId = "p_"+a[num][x];
				$(pId).appear({ duration: speed });
			}
			// fade out old layers
			for(x=0; x<a[oldNum].length; x++){
				var pIdOld = "p_"+a[oldNum][x];
				$(pIdOld).fade({ duration: speed });
			}
		}
		for(y=0; y<a.length; y++){
		// is there a textlayer?
		if(document.getElementById("text"+y) && y == num){
			document.getElementById("text"+y).style.display = "block";
		}else if (document.getElementById("text"+y) && y == oldNum){
			document.getElementById("text"+y).style.display = "none";
		}
	}
	}
}

function browseBackward(a){
	// Special occasion: before the first backward-click num must be -=1!
	if(parseInt(num) == parseInt(a.length)){
		num -=1;
	}
	
	var oldNum = num;
	
	if(num > 0){
		num -=1;
		
		// optische Anpassungen
		changePagination(num, oldNum, a);
		
		// text nur auf erster seite
		if(num == 0){
			// objTxt = document.getElementById("text_info");
			if(document.getElementById("text_info")){
				$('text_info').appear({ duration: 1.0 });
			}
		}
		
		if(num > 0){
			// prepare the next round
			preparenext(a, num);
		}
		if(num >= 0){
			// fade in new layers
			for(x=0; x<a[num].length; x++){
				pId = "p_"+a[num][x];
				$(pId).appear({ duration: speed });
			}
			// fade out old layers
			for(x=0; x<a[oldNum].length; x++){
				var pIdOld = "p_"+a[oldNum][x];
				$(pIdOld).fade({ duration: speed });
			}
		}
		for(y=0; y<a.length; y++){
			// is there a textlayer?
			if(document.getElementById("text"+y) && y == num){
				document.getElementById("text"+y).style.display = "block";
			}else if (document.getElementById("text"+y) && y == oldNum){
				document.getElementById("text"+y).style.display = "none";
			}
		}
	}
}