/*---  Java Script Dokument  ---*/

function drawGallery(imgArr,layerName,tocID,tocLabel,layerPrefixToHide,tocToHide) {
			if (imgArr.length > 0) {
					var counter = 0;
					var setCounter = 1;
					var setSize = imgArr[0][2];
					var output = '';
					for(var i=0;i<imgArr.length;i++) {

						if (setCounter==1) {
							
							output += '<div id="'+layerName+counter+'" style="display:none;float:right;">';
						}
						
						if(imgArr[i][6]=='image') {
							output += '<a href="javascript:;" onClick="javascript:zoomPic(\''+imgArr[i][3]+'\','+imgArr[i][4]+','+imgArr[i][5]+',\''+imgArr[i][1]+'\');">'+imgArr[i][0]+'</a><div class="imgLegend">'+imgArr[i][1]+"</div>";
						} else if(imgArr[i][6]=='image_inline') {
							output += '<a href="'+imgArr[i][3]+'" rel="'+layerName+'group" title="'+imgArr[i][1]+'">'+imgArr[i][0]+'</a><div class="imgLegend">'+imgArr[i][1]+"</div>";
						} else if (imgArr[i][6]=='movie') {
							output += '<a href="javascript:;" onClick="javascript:showMovie(\''+imgArr[i][3]+'\','+imgArr[i][4]+','+imgArr[i][5]+',\''+imgArr[i][1]+'\');">'+imgArr[i][0]+'</a><div class="imgLegend">'+imgArr[i][1]+"</div>";
						}
						setCounter++;
						
						//if (setCounter>setSize) {
						if (setCounter>imgArr[i][2]) {
							setCounter = 1;
							counter++;
							output += '</div>';
						} else if ((i+1)==imgArr.length) {
							output += '</div>';
							counter++
						}
					}

					if (imgArr.length>setSize) {
						writeToc(tocID,counter,layerName,tocLabel,layerPrefixToHide,tocToHide);
					} else {
						writeToc(tocID,0,layerName,tocLabel,layerPrefixToHide,tocToHide);
					
						a = document.getElementById(tocID);
						
						if (a.parentNode.nodeName == "LI") {
							li = document.getElementById("LI_"+tocID);
							li.style.display = "none";
						}
						
            		}
					document.write(output);
			}
				}
				
				function writeToc(destLayer,sets,layerPrefix,label,layerPrefixToHide,tocToHide) {
					var setSize = sets;
					var output = '';
					if(setSize==0) {
						//output += '<span style="cursor: pointer;" onClick="javascript:hideLayers(\''+layerPrefixToHide+'\');toggleLayers(\''+layerPrefix+'\','+sets+',\'0\');setTocColor(\''+destLayer+'\',\''+tocToHide+'\');this.style.color=\'#000000\';">1</span>';
						output += '<span id="sp_'+layerPrefix+'1" style="cursor: pointer;" onMouseover="javascript:doHover(this,\'\',\''+layerPrefixToHide+'\',\''+layerPrefix+'\','+sets+',\'0\',\''+destLayer+'\',\''+tocToHide+'\');">1</span>';
					} else {
						for(var i=1;i<=setSize;i++) {
							
							if (setSize==i) {
								 //output += '<span style="cursor: pointer;" onMouseover="javascript:doHover(this,\'\');" onClick="javascript:hideLayers(\''+layerPrefixToHide+'\');toggleLayers(\''+layerPrefix+'\','+sets+','+(i-1)+');setTocColor(\''+destLayer+'\',\''+tocToHide+'\');this.style.color=\'#000000\';">'+i+'</span>';
								 output += '<span id="sp_'+layerPrefix+i+'" style="cursor: pointer;" onMouseover="javascript:doHover(this,\'\',\''+layerPrefixToHide+'\',\''+layerPrefix+'\','+sets+','+(i-1)+',\''+destLayer+'\',\''+tocToHide+'\');">'+i+'</span>';
							
							} else {
								 //output += '<span style="cursor: pointer;" onMouseover="javascript:doHover(this,\'\');" onClick="javascript:hideLayers(\''+layerPrefixToHide+'\');toggleLayers(\''+layerPrefix+'\','+sets+','+(i-1)+');setTocColor(\''+destLayer+'\',\''+tocToHide+'\');this.style.color=\'#000000\';">'+i+'</span> | ';
								 output += '<span id="sp_'+layerPrefix+i+'" style="cursor: pointer;" onMouseover="javascript:doHover(this,\'\',\''+layerPrefixToHide+'\',\''+layerPrefix+'\','+sets+','+(i-1)+',\''+destLayer+'\',\''+tocToHide+'\');">'+i+'</span> | ';
							}
						}
					}

					text = label+' '+output;
					
					if (document.getElementById)
					{
						x = document.getElementById(destLayer);
						x.innerHTML = '';
						x.innerHTML = text;
					}
					else if (document.all)
					{
						x = document.all[destLayer];
						x.innerHTML = text;
					}
					else if (document.layers)
					{
						x = document.layers[destLayer];
						text2 = '<p class="testclass">' + text + '</p>';
						x.document.open();
						x.document.write(text2);
						x.document.close();
					}

				}
				
				function toggleLayers(setName,setSize,showID) {
					var setNameArr = setName.split(",");
					
					for(var h = 0; h < setNameArr.length; h++) {
					
						for(var i=0;i<=setSize;i++) {
							x = document.getElementById(setNameArr[h]+i);
							if(x){
								if (i==showID) {
									
									x.style.display = "";
								} else {
									x.style.display = "none";
								}
							}
						
						}
					}
				}
				
				function hideLayers(setName) {
				var setNameArr = setName.split(",");
					for(var h = 0; h < setNameArr.length; h++) {
						var i = 0;
						while (document.getElementById(setNameArr[h]+i)) {	
							x = document.getElementById(setNameArr[h]+i);
							x.style.display = "none";
							i++;
						}
					}
				}
				
				function setTocColor(destLayer,resetToc) {
				
						thespan = document.getElementById(destLayer).getElementsByTagName('span');
						for(var i = 0; i < thespan.length; i++) {
							thespan[i].style.color = '#666666';
						}
					var resetTocArr = resetToc.split(",");
					for(var h = 0; h < resetTocArr.length; h++) {
					
						if(document.getElementById(resetTocArr[h])) {
							rstSpan = document.getElementById(resetTocArr[h]).getElementsByTagName('span');
							for(var i = 0; i < rstSpan.length; i++) {
								rstSpan[i].style.color = '#666666';
							}
						}
					}
					
				}
				
				function finalTocView(galArr) {
					var tocToShowArr = Array();
					var galCounter = 0;
					for(var i=0;i<galArr.length;i++) {
						if (galArr[i][0].length > 0) {
							tocToShowArr[galCounter] = galArr[i];
							galCounter++;
						}
					}
					
					if (tocToShowArr.length==1) {
						if(tocToShowArr[0][0][2]<=tocToShowArr[0].length) {
							li = document.getElementById("LI_"+tocToShowArr[0][1]);
							li.style.display = "none";
						}
					} else if (tocToShowArr.length==0) {
						for(var i=0;i<galArr.length;i++) {
							li = document.getElementById("LI_"+galArr[0][1]);
							li.style.display = "none";
						}
					} else {
						for(var i=0;i<tocToShowArr.length;i++) {
							li = document.getElementById("LI_"+tocToShowArr[i][1]);
							li.style.display = "block";
							a = document.getElementById(tocToShowArr[i][1]);
							a.style.display = "block";
							//alert(galArr[i][1]);
						}
					}
					
					// var f = tocToShowArr[0][2]
					toggleLayers(tocToShowArr[0][2],tocToShowArr[0][0][0][2],0);
					//alert(tocToShowArr[0][2]);
					//if (tocToShowArr[0][2] == 'projIMG_') {
					//	alert("sp_"+tocToShowArr[0][2]+"1");
						aTocEntry = document.getElementById("sp_"+tocToShowArr[0][2]+"1");
						aTocEntry.style.color = "black";
					//}
				}
				
				
				function doHover(obj,color,layerPrefixToHide,layerPrefix,sets,theI,destLayer,tocToHide) {
					var currentColor = getStyle(obj,'color');
					//var el = getObj(obj);
					obj.style.color = '#000000';
					obj.onmouseout = function() {
						obj.style.color = currentColor;
						return true;
    				}
    				
    				obj.onclick = function() {
    					currentColor = '#000000';
						
						hideLayers(layerPrefixToHide);
						toggleLayers(layerPrefix,sets,theI);
						setTocColor(destLayer,tocToHide);
						
						obj.style.color = '#000000';
						return true;
    				}
				}
				
				function getObj(name) {
					if (document.getElementById) {
						this.obj = document.getElementById(name);
						this.style = document.getElementById(name).style;
					} else if (document.all) {
						this.obj = document.all[name];
						this.style = document.all[name].style;
					} else if (document.layers) {
						this.obj = document.layers[name];
						this.style = document.layers[name];
					}
				}
				
				
				function getStyle(el, style) {
				
					if(!document.getElementById) return;
   
					var value = el.style[toCamelCase(style)];
   
					if(!value)
					//alert(value);
					//	if(document.defaultView)
					//		value = document.defaultView.getComputedStyle(el, "").getPropertyValue(style);
						value = '';
					else if(el.currentStyle)
						value = el.currentStyle[toCamelCase(style)];
							
					return value;
				}

/** toCamelCase(input)
 * Converts string input to a camel cased version of itself.
 * For example:
 * toCamelCase("z-index"); // returns zIndex
 * toCamelCase("border-bottom-style"); // returns borderBottomStyle.
 */
function toCamelCase( sInput ) {
    var oStringList = sInput.split('-');
    if(oStringList.length == 1)    
        return oStringList[0];
    var ret = sInput.indexOf("-") == 0 ? 
    	oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0];
    for(var i = 1, len = oStringList.length; i < len; i++){
        var s = oStringList[i];
        ret += s.charAt(0).toUpperCase() + s.substring(1)
    }
    return ret;
}

function hideToc(id) {
					x = document.getElementById(id);
					x.style.display = "none";
				}
function zoomPic(imgSrc,srcW,srcH,title) {
	MM_openBrWindow('/lib/includes/bild_zoom.php?img='+escape(imgSrc)+'&title='+escape(title),'pic',getWinSize(srcW,srcH,600,600));
}

function showMovie(movSrc,srcW,srcH,title) {
	MM_openBrWindow('/lib/includes/show_movie.php?mov='+escape(movSrc)+'&w='+srcW+'&h='+srcH+'&title='+escape(title),'movie','width=340,height=220');
}

function getWinSize(srcW,srcH,desW,desH) {
	winW = desW;
	winH = desH;
	if (desW && (srcW < srcH)) {
		winW = (desH / srcH) * srcW;
	} else {
		winH = (desW / srcW) * srcH;
	}
	return 'width='+winW+',height='+winH;
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}