var globalOrdner;
var globalVoransicht = new Array();

//Initialisierungsfunktion, bekommt im body onload die Anzahl der Thumbnails mit
function initHover(anzahlBilder, ordner) {
	globalOrdner = ordner;
	for (i=1; i<=anzahlBilder; i++) {
		if(i == 1){
			globalVoransicht["div1"] = true;
			document.getElementById("div"+i).innerHTML = '<a href="javascript:exeLargePic('+i+','+anzahlBilder+');" onfocus="this.blur();"><img src="../pix/'+globalOrdner+'/'+bildnamen[i].split(".jpg").join("_thumb_site.jpg")+'" alt="' + bildlabel[i] + '" title="' + bildlabel[i] + '" style="border:1px solid #b20d0e;" /></a>';
		} else{
			document.getElementById("div"+i).innerHTML = '<div class="hover" onmouseover="exeHoverOn('+i+','+anzahlBilder+');" onclick="exeLargePic('+i+','+anzahlBilder+');" onfocus="this.blur();">&nbsp;</div><img src="../pix/'+globalOrdner+'/'+bildnamen[i].split(".jpg").join("_thumb_site.jpg")+'" alt="' + bildlabel[i] + '" title="' + bildlabel[i] + '" style="border:1px solid black;" />';
		}
	}
}
//aktiviert und ohne transparente Ebene ueber dem Bild weg
/*
function activeLargePic(div) {
	document.getElementById("div"+div).className = "antihover";
	document.getElementById("img"+div).style.border = "1px solid #b20d0e;";
}
*/
//Mouseoverfunktion nimmt transparente Ebene ueber dem Bild weg
function exeHoverOn(div,anzahlBilder){
	document.getElementById("div"+div).innerHTML = '<a href="javascript:exeLargePic('+div+','+anzahlBilder+');" onmouseout="exeHoverOff('+div+','+anzahlBilder+');" onfocus="this.blur();"><img src="../pix/'+globalOrdner+'/'+bildnamen[div].split(".jpg").join("_thumb_site.jpg")+'" alt="' + bildlabel[div] + '" title="' + bildlabel[div] + '" style="border:1px solid black;" /></a>';
}
//Mouseoutfunktion legt transparente Ebene wieder ueber das Bild
function exeHoverOff(div,anzahlBilder){
	document.getElementById("div"+div).innerHTML = '<div class="hover" onmouseover="exeHoverOn('+div+','+anzahlBilder+');" onclick="exeLargePic('+div+','+anzahlBilder+');" onfocus="this.blur();">&nbsp;</div><img src="../pix/'+globalOrdner+'/'+bildnamen[div].split(".jpg").join("_thumb_site.jpg")+'" style="border:1px solid black;" />';
}
//bei Click wird das grosse Bild dargestellt und der Thumbnail aktiv gemacht
function exeLargePic(div,anzahlBilder){
	//aktive Voransicht(en) zurruecksetzen
	for (i=1; i<=anzahlBilder; i++) {
		if (globalVoransicht["div"+i] == true) {
			globalVoransicht["div"+i] = false;
			document.getElementById("div"+i).innerHTML = '<div class="hover" onmouseover="exeHoverOn('+i+','+anzahlBilder+');" onclick="exeLargePic('+i+','+anzahlBilder+');" onfocus="this.blur();">&nbsp;</div><img src="../pix/'+globalOrdner+'/'+bildnamen[i].split(".jpg").join("_thumb_site.jpg")+'" alt="' + bildlabel[i] + '" title="' + bildlabel[i] + '" style="border:1px solid black;" />';
			break;
		}
	}
	//das grosse Bild darstellen
	document.getElementById("content-left").style.display = "none";
	document.getElementById("biglabel").style.width = "785px";
	document.getElementById("loadarea").innerHTML = '<img src="../pix/'+globalOrdner+'/'+bildnamen[div]+'" alt="" id="picture_with_multiple_sizes_possible" style="border:1px solid black;" /><div class="label" id="label_with_dynamic_width" style="display:none;"><i>Photo:</i> ' + bildautor[div] + '<i> &copy;</i></div>';
	//document.getElementById("biglabel").innerHTML = " " + bildunterschrift[div];
	
	// dynamic size for the copyright label
	document.getElementById("picture_with_multiple_sizes_possible").onload = function() {
		//if ((globalOrdner=="aboutus" || globalOrdner=="aboutus2") && (bildautor[div] != "")){
		if (bildautor[div] != "") {
			document.getElementById("label_with_dynamic_width").style.width = (this.width - 3) + 'px';
			document.getElementById("label_with_dynamic_width").style.display = 'block';
		}
		// footer
		var biglabel = document.getElementById('biglabel');
		var x = (785 / 2) - this.width / 2;
		biglabel.style.width = (790-x) + 'px';
		biglabel.innerHTML = " " + bildunterschrift[div];
	}
	
	//den aktuellen Thumbnail aktivieren´
	globalVoransicht["div"+div] = true;
	document.getElementById("div"+div).innerHTML = '<a href="javascript:exeLargePic('+div+','+anzahlBilder+');" onfocus="this.blur();"><img src="../pix/'+globalOrdner+'/'+bildnamen[div].split(".jpg").join("_thumb_site.jpg")+'" alt="' + bildlabel[div] + '" title="' + bildlabel[div] + '" style="border:1px solid #b20d0e;" /></a>';	
}