/*
	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 $
*/

/* wettbewerbe */

var knibo = {

	basePath	: "wettbewerbe/images/",
	numPrj		: 17,

	imgs		:
	[
		[
			"01_klughafen.jpg",
			"02_klughafen.jpg",
			"03_klughafen.jpg",
			"04_klughafen.jpg",
			"05_klughafen.jpg",
			"06_klughafen.jpg",
			"07_klughafen.jpg",
			"08_klughafen.jpg",
			"09_klughafen.jpg"
		],
		[
			"01clarenbachkanal.jpg",
			"02clarenbachkanal.jpg",
			"03clarenbachkanal.jpg",
			"04clarenbachkanal.jpg",
			"05clarenbachkanal.jpg",
			"06clarenbachkanal.jpg",
			"07clarenbachkanal.jpg"
		],
		[
			"wohnwerft_koeln_1.jpg",
			"wohnwerft_koeln_2.jpg",
			"wohnwerft_koeln_3.jpg",
			"wohnwerft_koeln_4.jpg",
			"wohnwerft_koeln_5.jpg",
			"wohnwerft_koeln_6.jpg",
			"wohnwerft_koeln_7.jpg"
		],
		[
			"csc_cgn_01.jpg",
			"csc_cgn_02.jpg",
			"csc_cgn_03.jpg",
			"csc_cgn_04.jpg",
			"csc_cgn_05.jpg",
			"csc_cgn_06.jpg",
			"csc_cgn_07.jpg",
			"csc_cgn_08.jpg"
		],
		[
			"01-haus-der-Essener-Geschichte.jpg",
			"02-haus-der-Essener-Geschichte.jpg",
			"03-haus-der-Essener-Geschichte.jpg",
			"04-haus-der-Essener-Geschichte.jpg"
		],
		[
			"01_RTL.jpg",
			"02_RTL.jpg",
			"03_RTL.jpg",
			"04_RTL.jpg",
			"05_RTL.jpg"
		],
		[
			"affenhaus_zoo_ffm_01.jpg",
			"affenhaus_zoo_ffm_02.jpg",
			"affenhaus_zoo_ffm_03.jpg",
			"affenhaus_zoo_ffm_04.jpg",
			"affenhaus_zoo_ffm_05.jpg",
			"affenhaus_zoo_ffm_06.jpg",
			"affenhaus_zoo_ffm_07.jpg",
			"affenhaus_zoo_ffm_08.jpg",
			"affenhaus_zoo_ffm_09.jpg"
		],
		[
			"02-Schloss-Homburg.jpg",
			"03-Schloss-Homburg.jpg",
			"04-Schloss-Homburg.jpg",
			"05-Schloss-Homburg.jpg",
			"06-Schloss-Homburg.jpg"
		],
		[
			"01Schloss-Venauen.jpg",
			"02Schloss-Venauen.jpg",
			"03Schloss-Venauen.jpg",
			"04Schloss-Venauen.jpg",
			"05Schloss-Venauen.jpg",
			"06Schloss-Venauen.jpg",
			"07Schloss-Venauen.jpg"
		],
		[
			"01Schulzentrum-Walsrode.jpg",
			"02Schulzentrum-Walsrode.jpg",
			"03Schulzentrum-Walsrode.jpg",
			"04Schulzentrum-Walsrode.jpg",
			"05Schulzentrum-Walsrode.jpg"
		],
		[
			"buergerbuero_erftstadt/erftstadt01.jpg",
			"buergerbuero_erftstadt/erftstadt02.jpg",
			"buergerbuero_erftstadt/erftstadt03.jpg",
			"buergerbuero_erftstadt/erftstadt04.jpg",
			"buergerbuero_erftstadt/erftstadt05.jpg",
			"buergerbuero_erftstadt/erftstadt06.jpg",
			"buergerbuero_erftstadt/erftstadt07.jpg",
			"buergerbuero_erftstadt/erftstadt08.jpg",
			"buergerbuero_erftstadt/erftstadt09.jpg",
			"buergerbuero_erftstadt/erftstadt10.jpg",
			"buergerbuero_erftstadt/erftstadt11.jpg"
		],
		[
			"sportpark_meiersheide/meiersheide01.jpg",
			"sportpark_meiersheide/meiersheide02.jpg",
			"sportpark_meiersheide/meiersheide03.jpg",
			"sportpark_meiersheide/meiersheide04.jpg",
			"sportpark_meiersheide/meiersheide05.jpg",
			"sportpark_meiersheide/meiersheide06.jpg",
			"sportpark_meiersheide/meiersheide07.jpg",
			"sportpark_meiersheide/meiersheide08.jpg",
			"sportpark_meiersheide/meiersheide09.jpg",
			"sportpark_meiersheide/meiersheide10.jpg",
			"sportpark_meiersheide/meiersheide11.jpg",
			"sportpark_meiersheide/meiersheide12.jpg"
		],
		[
			"mariengaerten_wettbewerbe1.jpg",
			"mariengaerten_wettbewerbe2.jpg",
			"mariengaerten_wettbewerbe3.jpg",
			"mariengaerten_wettbewerbe4.jpg",
			"mariengaerten_wettbewerbe5.jpg"
		],
		[
			"chemergie_wettbewerbe1.jpg",
			"chemergie_wettbewerbe2.jpg",
			"chemergie_wettbewerbe3.jpg",
			"chemergie_wettbewerbe4.jpg",
			"chemergie_wettbewerbe5.jpg",
			"chemergie_wettbewerbe6.jpg",
			"chemergie_wettbewerbe7.jpg",
			"chemergie_wettbewerbe8.jpg",
			"chemergie_wettbewerbe9.jpg"
		],
		[
			"1_waldgaerten-siegburg.jpg",
			"2_waldgaerten-siegburg.jpg",
			"3_waldgaerten-siegburg.jpg",
			"4_waldgaerten-siegburg.jpg",
			"5_waldgaerten-siegburg.jpg",
			"6_waldgaerten-siegburg.jpg",
			"7_waldgaerten-siegburg.jpg"
		],
		[
			"halle_12/halle12_01.jpg",
			"halle_12/halle12_02.jpg"
		],
		[
			"rheinauhafen_baufeld_6/1.jpg",
			"rheinauhafen_baufeld_6/2.jpg",
			"rheinauhafen_baufeld_6/3.jpg",
			"rheinauhafen_baufeld_6/4.jpg",
			"rheinauhafen_baufeld_6/6.jpg",
			"rheinauhafen_baufeld_6/7.jpg",
			"rheinauhafen_baufeld_6/8.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++ ) {
						this.hideBox(i);
					}
					// this fixes hiding of additional descr boxes (the b-boxes)
					$('prj13b_desc').hide();
					$('prj17b_desc').hide();
				},

	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++ ) {
						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});
				},

	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++ ) {
						this.hideNfo(i);
					}
					$('prj17b_desc').hide();
					$('prj13b_desc').hide();
					$('prj12b_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;
							d.p[x].src = this.basePath + this.imgs[i][ii];
							x++;
						}
					}
					//alert("preloading done: " + d.p.length + " : " + x );
				}

}