/*
	knightbox - yes, just like lightbox, but way different :)
	(c) Frank R. Gross, Pavlovic.com - frank # gross ## pavlovic # com
	$Id: _knightbox.src.js 6 2007-10-22 15:59:52Z Administrator $
*/

/* projekte */

var knibo = {

	basePath	: "projekte/images/",
	numPrj		: 27,

	imgs		:
	[
		// 1
		[
			"pier15/01.jpg",
			"pier15/02.jpg",
			"pier15/03.jpg",
			"pier15/04.jpg",
			"pier15/05.jpg",
			"pier15/06.jpg",
			"pier15/07.jpg",
			"pier15/08.jpg",
			"pier15/09.jpg",
			"pier15/10.jpg",
			"pier15/11.jpg",
			"pier15/12.jpg",
			"pier15/13.jpg",
			"pier15/14.jpg"
		],
		// 2
		[
			"01johannisstr.jpg",
			"1_office_js.jpg",
			"2_office_js.jpg",
			"3_office_js.jpg",
			"4_office_js.jpg",
			"5_office_js.jpg",
			"6_office_js.jpg",
			"johannisstrasse.jpg",
			"7_office_js.jpg",
			"8_office_js.jpg",
			"9_office_js.jpg",
			"10_office_js.jpg",
			"11_office_js.jpg",
			"12_office_js.jpg",
			"13_office_js.jpg",
			"14_office_js.jpg",
			"15_office_js.jpg"
		],
		// 3
		[
			"privates_wohnen_buehler_projekte1.jpg",
			"privates_wohnen_buehler_projekte2.jpg",
			"privates_wohnen_buehler_projekte3.jpg",
			"privates_wohnen_buehler_projekte4.jpg",
			"privates_wohnen_toma_projekte1.jpg",
			"privates_wohnen_toma_projekte2.jpg",
			"privates_wohnen_toma_projekte3.jpg",
			"1_privathaeuser.jpg",
			"2_privathaeuser.jpg",
			"3_privathaeuser.jpg",
			"4_privathaeuser.jpg"
		],
		// 4
		[
			"01dshs.jpg",
			"02dshs.jpg",
			"03dshs.jpg",
			"04dshs.jpg"
		],
		// 5
		[
			"wohnwerft_projekte1.jpg",
			"wohnwerft_projekte2.jpg",
			"wohnwerft_projekte3.jpg",
			"wohnwerft_01.jpg",
			"wohnwerft_02.jpg",
			"wohnwerft_03.jpg",
			"wohnwerft_04.jpg",
			"wohnwerft_05.jpg",
			"wohnwerft_06.jpg",
			"wohnwerft_07.jpg",
			"wohnwerft_08.jpg",
			"wohnwerft_09.jpg",
			"wohnwerft_10.jpg",
			"wohnwerft_11.jpg",
			"wohnwerft_12.jpg",
			"wohnwerft_13.jpg",
			"wohnwerft_14.jpg",
			"wohnwerft_15.jpg",
			"wohnwerft_16.jpg",
			"wohnwerft_17.jpg"
		],
		// 6
		[
			"Bellmann_01.jpg",
			"Bellmann_02.jpg",
			"Bellmann_03.jpg",
			"Bellmann_04.jpg",
			"Bellmann_05.jpg",
			"Bellmann_06.jpg",
			"Bellmann_07.jpg",
			"Bellmann_09.jpg",
			"Bellmann_10.jpg",
			"Bellmann_11.jpg",
			"Bellmann_12.jpg",
			"Bellmann_13.jpg",
			"Bellmann_14.jpg"
		],
		// 7
		[
			"fc_koeln/01.jpg",
			"fc_koeln/02.jpg",
			"fc_koeln/03.jpg",
			"fc_koeln/04.jpg",
			"fc_koeln/05.jpg",
			"fc_koeln/06.jpg",
			"fc_koeln/07.jpg",
			"fc_koeln/08.jpg",
			"fc_koeln/09.jpg",
			"fc_koeln/10.jpg",
			"fc_koeln/11.jpg",
			"fc_koeln/12.jpg",
			"fc_koeln/13.jpg",
			"fc_koeln/14.jpg",
			"fc_koeln/15.jpg"
		],
		// 8
		[
			"zoo_01.jpg",
			"zoo_02.jpg",
			"zoo_03.jpg",
			"Zoo_04.jpg",
			"zoo_05.jpg",
			"zoo_06.jpg",
			"zoo_07.jpg",
			"zoo_07a.jpg",
			"zoo_08.jpg",
			"zoo_09.jpg",
			"zoo_10.jpg",
			"zoo_11.jpg",
			"zoo_12a.jpg",
			"zoo_13a.jpg"
		],
		// 9
		[
			"01_mediapark.gif",
			"02_mediapark.jpg",
			"03_mediapark.jpg",
			"04_mediapark.jpg",
			"05_mediapark.jpg",
			"06_mediapark.jpg",
			"07_mediapark.jpg",
			"08_mediapark.jpg",
			"09_mediapark.jpg",
			"11_mediapark.jpg",
			"12_mediapark.jpg",
			"13_mediapark.jpg"
		],
		// 10
		[
			"rathaus_koeln_01.jpg",
			"rathaus_koeln_02.jpg",
			"rathaus_koeln_03.jpg",
			"rathaus_koeln_04.jpg",
			"rathaus_koeln_04b.jpg",
			"rathaus_koeln_05.jpg",
			"rathaus_koeln_06.jpg",
			"rathaus_koeln_07.jpg"
		],
		// 11
		[
			"01lindenbornstrasse.jpg",
			"lindenbornstrasse_projekte_1.jpg",
			"03lindenbornstrasse.jpg",
			"lindenbornstrasse_projekte_2.jpg",
			"lindenbornstrasse_projekte_3.jpg",
			"lindenbornstrasse_projekte_4.jpg"
		],
		// 12
		[
			"01_Kapitelstrasse.jpg",
			"02_Kapitelstrasse.jpg",
			"03_Kapitelstrasse.jpg",
			"04_Kapitelstrasse.jpg",
			"05_Kapitelstrasse.jpg",
			"06_Kapitelstrasse.jpg",
			"07_Kapitelstrasse.jpg",
			"08_Kapitelstrasse.jpg",
			"09_Kapitelstrasse.jpg",
			"10_Kapitelstrasse.jpg",
			"11_Kapitelstrasse.jpg",
			"12_Kapitelstrasse.jpg",
			"13_Kapitelstrasse.jpg"
		],
		// 13
		[
			"bauwerk_cgn_01.jpg",
			"bauwerk_cgn_02.jpg",
			"bauwerk_cgn_03.jpg",
			"bauwerk_cgn_04.jpg",
			"bauwerk_cgn_05.jpg",
			"bauwerk_cgn_06.jpg",
			"bauwerk_cgn_07.jpg",
			"bauwerk_cgn_08.jpg",
			"bauwerk_cgn_09.jpg",
			"bauwerk_cgn_10.jpg",
			"bauwerk_cgn_11.jpg"
		],
		// 14
		[
			"03_comedia.jpg",
			"04_comedia.jpg",
			"05_comedia.jpg",
			"06_comedia.jpg",
			"07_comedia.jpg",
			"08_comedia.jpg",
			"09_comedia.jpg",
			"10_comedia.jpg"
		],
		// 15
		[
			"ZOB_01.jpg",
			"ZOB_02.jpg",
			"ZOB_03.jpg",
			"ZOB_04.jpg",
			"ZOB_05.jpg",
			"ZOB_06.jpg",
			"ZOB_07.jpg"
		],
		// 16
		[
			"missing.jpg",
			"missing.jpg"
		],
		// 17
		[
			"Sporthalle_01.jpg",
			"Sporthalle_02.jpg",
			"Sporthalle_03.jpg",
			"Sporthalle_04.jpg",
			"Sporthalle_05.jpg",
			"Sporthalle_06.jpg"
		],
		// 18
		[
			"pandion belvedere_projekte1.jpg",
			"pandion belvedere_projekte2.jpg"
		],
		// 19
		[
			"kubus_y_projekte1.jpg",
			"kubus_y_projekte2.jpg"
		],
		// 20
		[
			"salus_klinik_projekte1.jpg",
			"salus_klinik_projekte2.jpg"
		],
		// 21
		[
			"missing.jpg",
			"missing.jpg"
		],
		// 22
		[
			"missing.jpg",
			"missing.jpg"
		],
		// 23
		[
			"grundschule_hennef_projekte1.jpg",
			"grundschule_hennef_projekte2.jpg",
			"grundschule_hennef_projekte3.jpg",
			"grundschule_hennef_projekte4.jpg",
			"grundschule_hennef_projekte5.jpg",
			"grundschule_hennef_projekte6.jpg",
			"grundschule_hennef_projekte7.jpg",
			"grundschule_hennef_projekte8.jpg",
			"grundschule_hennef_projekte9.jpg",
			"grundschule_hennef_projekte10.jpg"
		],
		// 24
		[
			"schwimmteich_projekte1.jpg",
			"schwimmteich_projekte2.jpg",
			"schwimmteich_projekte3.jpg",
			"schwimmteich_projekte4.jpg",
			"schwimmteich_projekte5.jpg",
			"schwimmteich_projekte6.jpg",
			"schwimmteich_projekte7.jpg"
		],
		// 25
		[
			"zob_hennef/1.jpg",
			"zob_hennef/2.jpg",
			"zob_hennef/3.jpg",
			"zob_hennef/4.jpg"
		],
		// 26
		[
			"grundschule_erfstadt/1.jpg",
			"grundschule_erfstadt/2.jpg",
			"grundschule_erfstadt/3.jpg"
		],
		// 27
		[
			"am_rosenmaar/1.jpg",
			"am_rosenmaar/2.jpg"
		]
	],

	activeImgDiv		: 1,

	toggleActiveImgDiv	: function() {
		if(this.activeImgDiv == 1) {
			this.activeImgDiv = 2;
		}
		else {
			this.activeImgDiv = 1;
		}
		//console.log("toggle activeImgDiv to " + this.activeImgDiv);
	},

	$:			function(elem) {
					return document.getElementById( elem );
				},

	showImg:	function(prjId,imgId) {
					this.hideNfos();
					this.hideImg();
					this.resetBtns(prjId);
					this.markBtn(prjId + "_" + imgId);
					this.$('prj_img_' + this.activeImgDiv).src = this.basePath + this.imgs[prjId-1][imgId-1];
					//console.log("fading in div " + this.activeImgDiv);
					this.$('prj_img_' + this.activeImgDiv).onload = function() {
						Effect.Appear('prj_imgs_' + knibo.activeImgDiv, {duration:1, delay: 0});
					}
				},

	hideImg:	function() {
					//console.log('--------');
					//console.log("hiding div " + this.activeImgDiv);
					this.$('prj_imgs_' + this.activeImgDiv).style.display = "none";
					this.toggleActiveImgDiv();
				},

	markBtn:	function(btnId) {
					this.$("btn" + btnId).style.fontWeight = "bold";
					this.$("btn" + btnId).style.color = "black";
					//this.$("btn" + btnId).blur();
				},

	resetBtn:	function(btnId) {
					this.$("btn" + btnId).style.fontWeight = "normal";
					this.$("btn" + btnId).style.color = "#747577";
				},

	resetBtns:	function(prjId) {
					for( var btnId = 1; btnId <= this.imgs[prjId-1].length; btnId++ ) {
						this.resetBtn(prjId + "_" + btnId);
					}
				},

	showBox:	function(prjId) {
					this.hideBoxes();
					this.$('prj' + prjId + '_box' ).style.display = "block";
					this.rstTtls();
					this.hlTtl(prjId);
					this.showImg(prjId,1);
				},

	hideBox:	function(prjId) {
					this.$('prj' + prjId + '_box' ). style.display = "none";
				},

	hideBoxes:	function() {
					for( var i = 1; i <= this.numPrj; i++ ) {
						// skip this one, because it got removed
						if(i == 16) continue;
						this.hideBox(i);
					}
				},

	hlTtl:		function(ttlId) {
					this.$('prj' + ttlId + '_ttl').className = "aktuell_item_active";
				},

	llTtl:		function(ttlId) {
					this.$('prj' + ttlId + '_ttl').className = "aktuell_item";
				},

	rstTtls:	function() {
					for( var i = 1; i <= this.numPrj; i++ ) {
						// skip this one, because it got removed
						if(i == 16) continue;
						this.llTtl(i);
					}
				},

	showNfo:	function(nfoId) {
					this.resetBtns(nfoId);
					this.hideImg();
					this.llImgLnk(nfoId);
					this.hlNfoLnk(nfoId);
					Effect.Appear('prj' + nfoId + '_desc', {duration:1, delay: 0});
					// ausser der reihe
					$('prj23b_desc').hide();
				},

	hideNfo:	function(nfoId) {
					this.hlImgLnk(nfoId);
					this.llNfoLnk(nfoId);
					this.$('prj' + nfoId + '_desc').style.opacity = "0.0";
					this.$('prj' + nfoId + '_desc').style.display = "none";
				},

	hideNfos:	function() {
					for( var i = 1; i <= this.numPrj; i++ ) {
						// skip this one, because it got removed
						if(i == 16) continue;
						this.hideNfo(i);
					}
					// ausser der reihe
					$('prj23b_desc').hide();
				},

	hlImgLnk:	function(lnkId) {
					this.$('prj' + lnkId + '_img_lnk').style.fontWeight = "bold";
					this.$('prj' + lnkId + '_img_lnk').style.color = "black";
				},

	llImgLnk:	function(lnkId) {
					this.$('prj' + lnkId + '_img_lnk').style.fontWeight = "normal";
					this.$('prj' + lnkId + '_img_lnk').style.color = "#747577";
				},

	hlNfoLnk:	function(nfoId) {
					this.$('prj' + nfoId + '_nfo_lnk').style.fontWeight = "bold";
					this.$('prj' + nfoId + '_nfo_lnk').style.color = "black";
				},

	llNfoLnk:	function(nfoId) {
					this.$('prj' + nfoId + '_nfo_lnk').style.fontWeight = "normal";
					this.$('prj' + nfoId + '_nfo_lnk').style.color = "#747577";
				},

	init:		function() {
//					this.preload();
				},

	preload:	function() {
					var d = document;
					var x = 0;

					d.p = new Array();

					for( var i = 0; i < this.imgs.length; i++ ) {
						for( var ii = 0; ii < this.imgs[i].length; ii++ ) {
							d.p[x] = new Image;
//							console.log(x + " before: " + d.p[x].width);
							d.p[x].src = this.basePath + this.imgs[i][ii];
//							console.log(x + " after: " + d.p[x].width);
							x++;
						}
					}
//					alert("preloading done: " + d.p.length + " : " + x );
				}

}