function phover (serieno,id) { var fotoanz = document.getElementById("photoseries_anz_" + serieno).value; for (i = 1; i <= fotoanz; i++) { if (i != id) document.getElementById("photo_" + serieno + "-" + i).className = "photoserie_pic transparent"; else document.getElementById("photo_" + serieno + "-" + i).className = "photoserie_pic"; } } function phout (serieno) { var fotoanz = document.getElementById("photoseries_anz_" + serieno).value; for (i = 1; i <= fotoanz; i++) { document.getElementById("photo_" + serieno + "-" + i).className = "photoserie_pic"; } } function phclick(serieno,nr) { var toppos = document.body.scrollTop; document.getElementById("previewbg").style.marginTop = toppos; document.getElementById("previewbox_" + serieno).style.marginTop = toppos + 10; var picname = document.getElementById("photoname_" + serieno + "-" + nr).value; photoobj = document.getElementById("photoimg_" + serieno + "-" + nr); photoobj.src = picname; var windim = getWindowSize(); var winheight = windim[1]; var picwidth = document.getElementById("photowidth_" + serieno + "-" + nr).value; var picheight = document.getElementById("photoheight_" + serieno + "-" + nr).value; //alert(picwidth + "/" + picheight); var framemargin = 120; var lineheight = 20; if (document.getElementById("phototext_" + serieno + "-" + nr)) { var fototext = document.getElementById("phototext_" + serieno + "-" + nr).innerHTML; var fototext_nobr = fototext.replace(new RegExp("\\n","g"),""); var lineanz = fototext.length - fototext_nobr.length + 1; framemargin = framemargin + lineanz * lineheight; } // Evt. Übergröße ermitteln und Bild kleiner darstellen var pictyp = picname.substr((picname.length-3),3); if (pictyp == "jpg") { if (picheight > (winheight - framemargin)) { var newheight = winheight - framemargin; var newwidth = picwidth * (newheight / picheight); newheight = Math.floor(newheight); newwidth = Math.floor(newwidth); photoobj.height = newheight; photoobj.width = newwidth; picname = picname.substr(0,(picname.length-4)); //picname = picname + "_" + newheight + "x" + newwidth + "_hb.jpg"; picheight = newheight; } } // Bild vertikal mittig ausrichten //alert(winheight+"/"+picheight+"/"+framemargin); var marginoben = (winheight - picheight - framemargin) / 2; marginoben = Math.floor(marginoben); if (marginoben > 0) { photoobj.style.marginTop = marginoben; } setopacity(photoobj,0); document.getElementById("previewbox_" + serieno).style.display = "block"; document.getElementById("photobox_" + serieno + "-" + nr).style.display = "block"; openpreview(); fade("photoimg_" + serieno + "-" + nr,0,1,2); document.getElementById("photoserie_" + serieno + "_shown").value = nr; checkbuttondisplay(serieno); var pnrli = parseInt(nr,10); if (pnrli > 1) { pnrli--; pnrli = String(pnrli); if (pnrli.length == 1) pnrli = "0" + pnrli; preload_links = new Image(); var picname_links = document.getElementById("photoname_" + serieno + "-" + pnrli).value; preload_links.src = picname_links; } var maxphoto = document.getElementById("photoserie_" + serieno + "_maxanz").value; maxphoto = parseInt(maxphoto,10); var pnrre = parseInt(nr,10); if (pnrre < maxphoto) { pnrre++; pnrre = String(pnrre); if (pnrre.length == 1) pnrre = "0" + pnrre; preload_rechts = new Image(); var picname_rechts = document.getElementById("photoname_" + serieno + "-" + pnrre).value; preload_rechts.src = picname_rechts; } } function phclose(serieno) { document.getElementById('previewbox_' + serieno).style.display = "none"; document.getElementById('previewbg').style.display = "none"; document.getElementById("photoserie_" + serieno + "_shown").value = ""; closephotos(serieno); } function closephotos(serieno) { for (i = 1; i < 99; i++) { var ilook = i; if (i < 10) ilook = "0" + i; if (document.getElementById("photobox_" + serieno + "-" + ilook)) { document.getElementById("photobox_" + serieno + "-" + ilook).style.display = "none"; } } } function setopacity(obj,opacity) { opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter = "alpha(opacity="+opacity+")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; } function fade (objId,opacity,add,speed) { if (opacity < 100) { opacity = opacity+speed; setopacity(document.getElementById(objId),opacity); window.setTimeout("fade('" + objId + "'," + opacity + "," + add + "," + speed + ")", 15); } } function nextphoto (serieno) { var presentphoto = document.getElementById("photoserie_" + serieno + "_shown").value; var nphoto = parseInt(presentphoto,10); nphoto++; nphoto = String(nphoto); if (nphoto.length == 1) nphoto = "0" + nphoto; closephotos(serieno); phclick(serieno,nphoto); } function previousphoto (serieno) { var presentphoto = document.getElementById("photoserie_" + serieno + "_shown").value; var nphoto = parseInt(presentphoto,10); nphoto--; nphoto = String(nphoto); if (nphoto.length == 1) nphoto = "0" + nphoto; closephotos(serieno); phclick(serieno,nphoto); } function checkbuttondisplay(serieno) { document.getElementById("backward_" + serieno).style.visibility = "visible"; document.getElementById("forward_" + serieno).style.visibility = "visible"; var presentphoto = document.getElementById("photoserie_" + serieno + "_shown").value; presentphoto = parseInt(presentphoto,10); var maxphoto = document.getElementById("photoserie_" + serieno + "_maxanz").value; maxphoto = parseInt(maxphoto,10); if (presentphoto == 1) document.getElementById("backward_" + serieno).style.visibility = "hidden"; if (presentphoto == maxphoto) document.getElementById("forward_" + serieno).style.visibility = "hidden"; } function getWindowSize() { var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } output = new Array(myWidth,myHeight); return output; } function openpreview() { var windim = getWindowSize(); var winheight = windim[1]; document.getElementById("previewbg").style.height = winheight + "px"; if (document.getElementById("previewbg").style.display != "block") { if (navigator.appName.indexOf("Microsoft") == -1) { setopacity(document.getElementById("previewbg"),0); document.getElementById("previewbg").style.display = "block"; fade("previewbg",0,10,5); } else { document.getElementById("previewbg").style.display = "block"; } } }