//TODO: // bei 'up' zuletzt gewähltes Element in Sicht scrollen // und eventuell einfärben var debug=false; var isIE6=false; var baseref; var addref; // currently only used if local //var baseloc=window.location.toString(); //baseloc=baseloc.substring(0,baseloc.lastIndexOf('/')); var baseloc=window.location.protocol+'//'+window.location.host; // 'http://xxx.bergefelsundeis.de' var baselocfile=baseloc+window.location.pathname; var showPrivate=baseloc=='http://www.local.bergefelsundeis.de'; var showGallery=true; var galleriesfile; var iam; var gallerydir; // dir, currently loaded var gallerydirpath; // path, currently loaded var curhtmlpart; // currently shown html-part var curident; // ident of currently shown gallery var gallerydescription; var lastimgnum; // number of last rendered image var maximgnum; var xmlText; //xml Text bei Fehlern var xmls=new Object; //Array mit xml Objecten var current_hl_xml; //current xml for hauptliste var current_l_xml; //current xml for liste (=galleries) var current_f_xml; //current xml for frame (=gallery) var settingWebHistory=false; //guard for historyChange events var webHistory=new Array; var replayIndex; var loadAfterInit; //frame to load in init() after reload var GalleryDirs=new Object; //array mit elements bei gallerydirs var listemaintitle; var framemaintitle; var gallerytitle; var gallerysubtitle; var listemainauthor; var galleryauthor; var mainwindowtitle; var havetoplevel=0; var size='s8'; var lastsize; var zoomfaktor; var zoomtype='fit'; var havefq; //'rq' or 'fq', if we have fq/rq images var currentImageSrc; var currentImageElem; var currentImageHeight; var currentImageWidth; var ajax; // the ajax object function init() { // Called from isIE6=document.getElementById('IE6')!=null; if (settingWebHistory) { settingWebHistory=false; return; } /* var sessionField = document.getElementById("sessionBack"); var sessionValue = sessionField.value; if (!sessionValue) { // alert("Storing new session value"); sessionField.value = "Hello World"; } else { // alert("Old session value: " + sessionValue); } */ if (!showGallery) document.getElementById("gallery").style.display='none'; else { //IE document.getElementById('gallery').style.height= ((typeof window.innerHeight!='undefined'?window.innerHeight:document.documentElement.clientHeight) -200)+'px'; //height of class 'logofrei' + some border } if (showPrivate) { var ssl=document.styleSheets.length; for (var j=0; j=0 && parts[1].indexOf(',')==0) { // called via redirect from /Gallerie/2002F-Schottland/AonachMor/Sizes4/Image2.html // aber Achtung, kann auch Gallery.html#2009-10Eisklettern_Harz/Janne_Hahne,2009-10Eisklettern_Harz sein! parts=parts[1].split(/\//);; webHistory[0]=parts.shift(); var p=parts.shift(); if (p) { if (p.substr(0,4)=='Size') webHistory[3]=p.substr(4,2); else webHistory[1]=p; } while (parts.length) { p=parts.shift(); if (p.substr(0,4)=='Size') webHistory[3]=p.substr(4,2); else if (p.substr(0,5)=='Image') webHistory[2]=p.match(/\d+/); //eigentlich Einzelbild ohne Leiste links else if (p.substr(0,3)=='Set') webHistory[2]=p.match(/\d+/); // mit Leiste Links //falls kein match, ev. Bild 0 } /* Liste: http://www.localbfue.de/Gallerie/2002F-Schottland/ auch: http://www.localbfue.de/Gallerie/2002F-Schottland/Sizes4/Welcome.html auch: http://www.localbfue.de/Gallerie/2002F-Schottland/Sizes4/Frames/Welcome.html -> Frame: http://www.localbfue.de/Gallerie/2002F-Schottland/AonachMor/Sizes4/Set.html mit Leiste: http://www.localbfue.de/Gallerie/2002F-Schottland/AonachMor/Sizes4/Frames/Set.html auch: http://www.localbfue.de/Gallerie/2002F-Schottland/AonachMor/Sizes4/Frames/Set7.html =Frame mit Leiste und Bild 7 angezeigt Frame direkt ohne Liste: http://www.localbfue.de/Gallerie/2000F-Norwegen/ http://www.localbfue.de/Gallerie/2000F-Norwegen//Sizes4/Welcome.html mit Leiste: http://www.localbfue.de/Gallerie/2000F-Norwegen///Sizes4/Frames/Welcome.html auch: http://www.localbfue.de/Gallerie/2000F-Norwegen///Sizes4/Frames/Set2.html =Frame mit Leiste und Bild 2 angezeigt kein änderung der Adresse bei einzelbild, wenn bildleiste angezeigt Einzelbild http://www.localbfue.de/Gallerie/2002F-Schottland/AonachMor/Sizes4/Image2.html ohne Liste: http://www.localbfue.de/Gallerie/2000F-Norwegen///Sizes4/Image1.html */ } else { //webHistory=document.location.href.split(/[#&]/); //IE has problems with splitting regex (empty values are left out) var parts=document.location.href.split('#'); if (parts[1]) webHistory=parts[1].split('&'); if (debug) alert('set webhistory: '+webHistory+' length='+webHistory.length); } replayIndex=3; if (document.location.href.indexOf('local.bergefelsundeis')>=0 || document.location.href.indexOf('home.bergefelsundeis')>=0) { galleriesfile='LocalGalleries.xml'; baseref='/Bilder/'; if (webHistory[0]) addref=webHistory[0].replace(/\/[^\/]*/,'')+'/'; // all but last part iam='local'; havefq='fq'; } else if (document.location.href.indexOf('www.davbs')>=0) { galleriesfile='Galleries.xml'; baseref='/Bildergallerien/'; iam='davbs'; var l=getElementsByClass(document, 'div', 'smalllogo'); for (var i=0; i0) { var frame=findFrame(curident)[0]; var ra=findImage(frame, imgnum); if (ra) renderImage(ra[0], curident, imgnum, ra[1], ra[2], doScroll); else renderText(curident) } else renderText(curident) } function showPart(part) { if (replayIndex) return; //Stop possible running video var video=document.getElementById('video'); if (video) video.pause(); if (part=='hauptliste') document.title=mainwindowtitle; else if (part=='liste') document.title=listemaintitle; else document.title=framemaintitle; setWebHistory('show',part); // make a part of the html visible //don't hide the part that should be made visible //or else (in IE) will scroll to top if (document.getElementById("hauptliste").style.display!='none' && part!='hauptliste') document.getElementById("hauptliste").style.display='none'; if (document.getElementById("liste").style.display!='none' && part!='liste') document.getElementById("liste").style.display='none'; if (document.getElementById("frame").style.display!='none' && part!='frame') document.getElementById("frame").style.display='none'; // document.getElementById("gallery").style.display='none'; if (document.getElementById("einzelbild").style.display!='none' && part!='einzelbild') document.getElementById("einzelbild").style.display='none'; document.getElementById(part).style.display='block'; curhtmlpart=part; } /*********************************************************************************************** * render */ function renderDirs(name, dir) { var policy='insert'; // 'replace' or 'insert' if (!havetoplevel && dir) { var title=dir.getAttribute('title')||''; if (title) document.getElementById('bilderdirshead').textContent=title; } var table=document.getElementById('bilderdirs'); var tr=document.getElementById('bilderdir'); var insertHere; var suppresshead=false; if (havetoplevel && name) { if (policy=='replace') { //Alte Galleries ersetzen var oldentries=table.getElementsByTagName("tr"); for (var i=oldentries.length-1; i>0; i--) { //not the first! table.removeChild(oldentries[i]); } } else { var itr; itr=GalleryDirs[name]; //obsolete: name?GalleryDirs[name]:GalleryDirs[gallerydir]; if (itr) { // Existiert schon, ein/ausschalten if (itr.style.display=='' || itr.style.display=='table-row') { itr.style.display='none'; setWebHistory('render',''); } else { itr.style.display='table-row'; setWebHistory('render',name); } return; } else { var insertHere=document.getElementById('load_'+gallerydir) if (insertHere) insertHere=insertHere.nextSibling; var itr=document.createElement('tr'); var itd=document.createElement('td'); itd.setAttribute('colspan',2); itr.appendChild(itd); var ic=document.createElement('img'); ic.src='/icons/minus.png'; ic.className='gd_minus'; ic.alt='collapse'; var ref=document.createElement('a'); ref.href='javascript:load("'+gallerydir+'");'; ref.appendChild(ic); itd.appendChild(ref); var itb=document.createElement('table'); itd.appendChild(itb); itd.className="sublist"; if (insertHere) table.insertBefore(itr, insertHere); else table.appendChild(itr); table=itb; GalleryDirs[gallerydir]=itr; suppresshead=true; setWebHistory('render',name); } } } function setgdtitle(table, ident, title) { if (!ident) return; //TODO: ev, spezielles element var add=tr.cloneNode(true); add.id='load_'+ident+'_x'; var r=getElementsByClass(add, 'td', 'bildref')[0]; var h=document.createElement('a'); h.href='javascript:renderDirs("'+ident+'");'; replaceTextNode(h, title); r.appendChild(h); table.appendChild(add); } if (!suppresshead && havetoplevel) setgdtitle(table, dir.getAttribute('title'), dir.getAttribute('title')); havetoplevel++; // var dirs=dir.getElementsByTagName("gallerydir"); function loopGallerydirs(dirs, table) { for (var i=0; i=0) h.href=dir; else h.href='javascript:load("'+dir+'");'; } else { h=document.createElement('span'); } replaceTextNode(h, title); r.appendChild(h); table.appendChild(add); } } } loopGallerydirs(dir.childNodes, table); if (!loadAfterInit) { // showPart('hauptliste'); true; } else { curhtmlpart='hauptliste'; if (debug) alert('load after init '+loadAfterInit); load(loadAfterInit); loadAfterInit=''; } } /*********************************************************************************************** * render */ function renderListe(galleries, prev, next, up) { var listelem=document.getElementById('liste'); var zeilen=document.getElementById('listenzeilen'); if (isIE6) zeilen=zeilen.firstChild; //need the TBODY // clean old elements for (var i=zeilen.childNodes.length-1; i>1; i--) // die ersten zwei nicht (Zeile und beschreibung)!! zeilen.removeChild(zeilen.childNodes[i]); // Style sheet löschen var ssl=document.styleSheets.length; rules=document.styleSheets[ssl-1].cssRules; var ie=false; if (!rules) { ie=true; rules=document.styleSheets[ssl-1].rules; //IE } for (var i=rules.length-1; i>=0; i--) { if (!ie) document.styleSheets[ssl-1].deleteRule(i); else document.styleSheets[ssl-1].removeRule(i); } var maintitle=galleries.getAttribute('title')||''; var subtitle=galleries.getAttribute('subtitle')||''; listemaintitle=maintitle; if (subtitle) listemaintitle+=', '+subtitle; var image=galleries.getAttribute('image')||''; listemainauthor=galleries.getAttribute('author')||''; if (!listemainauthor) listemainauthor='Günter Gersdorf'; var backlink=galleries.getAttribute('backlink')||''; var startlevel=galleries.getAttribute('startlevel')||''; if (typeof havefq=='undefined') { havefq=iam!='local'?galleries.getAttribute('fqdir'):''; if (!havefq) document.getElementById('sizefq').style.display='none'; else document.getElementById('sizefq').style.display='inline'; } replaceTextNodes(getElementsByClass(listelem, 'div', 'maintitle'), maintitle); replaceTextNodes(getElementsByClass(listelem, 'div', 'mainsubtitle'), subtitle); // var backlinks=getElementsByClass(listelem, 'a', 'back'); // replaceTextNodes(backlinks, backlink); var limg=document.getElementById('mainlistimg'); if (image) { var img=limg.firstChild; var src=baseref+gallerydirpath+'/'+image; img.src=src; img.alt=maintitle; limg.style.display='block'; } else limg.style.display='none'; var desc=document.getElementById('mainlistdesc'); var $descnum=0; replaceTextNode(desc, ''); var zeile=document.getElementById('listenzeile'); var zdesc=document.getElementById('listendesc'); function loopGalleries(elems, level, hidethis, pident) { var classlevel=Number(startlevel)+Number(level); for (var i=0; i */ function renderFrame(ident, gallery, prev, next, up) { var frameelem=document.getElementById('frame'); var images=document.getElementById('frameimages'); if (showGallery) { var galleryelem=document.getElementById('gallery'); var galleryimages=document.getElementById('gallerytable'); // the TBODY } curident=ident; lastimgnum=null; gallerydescription=null; // clean old elements for (var i=images.childNodes.length-1; i>=0; i--) if (images.childNodes[i].id!='frameimg' && images.childNodes[i].id!='frameseparator') images.removeChild(images.childNodes[i]); if (showGallery) { for (var i=galleryimages.childNodes.length-1; i>=0; i--) { if (galleryimages.childNodes[i].id!='galleryimage' && galleryimages.childNodes[i].id!='galleryseparator') galleryimages.removeChild(galleryimages.childNodes[i]); } document.getElementById('textzeigen').style.display='none'; } var isGalleries=current_l_xml!=null; var maintitle=gallery.getAttribute('title')||''; var subtitle=gallery.getAttribute('subtitle')||''; gallerytitle=maintitle; gallerysubtitle=subtitle; framemaintitle=isGalleries?listemaintitle:maintitle+(subtitle?'; '+subtitle:''); galleryauthor=gallery.getAttribute('author')||''; if (!galleryauthor) if (isGalleries) galleryauthor=listemainauthor; else galleryauthor='Günter Gersdorf'; var date=gallery.getAttribute('date')||''; var image=gallery.getAttribute('image')||''; if (typeof havefq=='undefined') { havefq=iam!='local'?gallery.getAttribute('fqdir'):''; if (!havefq) document.getElementById('sizefq').style.display='none'; else document.getElementById('sizefq').style.display='inline'; } replaceTextNodes(getElementsByClass(frameelem, 'div', 'maindate'), date); replaceTextNodes(getElementsByClass(frameelem, 'div', 'maintitle'), maintitle); replaceTextNodes(getElementsByClass(frameelem, 'div', 'mainsubtitle'), subtitle); replaceTextNodes(getElementsByClass(frameelem, 'div', 'listemaintitle'), isGalleries?listemaintitle:''); replaceTextNodes(getElementsByClass(frameelem, 'div', 'framedesc'), ''); getElementsByClass(frameelem, 'div', 'framedescimg')[0].firstChild.src=''; var description=0; // count descriptions, 0 is main description, else separator var imgnum=0; var image=document.getElementById('frameimg'); var separator=document.getElementById('frameseparator'); if (showGallery) { var galleryimage=document.getElementById('galleryimage'); var galleryseparator=document.getElementById('galleryseparator'); } function loopGallery(elems, level) { for (var i=0; i0) document.getElementById('gimg_'+lastimgnum).className='galleryimage'; if (imgnum>0) { var img=document.getElementById('gimg_'+imgnum); img.className='galleryimage_highlight'; var gallery=document.getElementById('gallery'); if (doScroll) { gallery.scrollTop=img.offsetTop-gallery.clientHeight/2+img.clientHeight/2; } } lastimgnum=Number(imgnum); } document.getElementById('theimage').style.visibility='visible'; var imageelem=document.getElementById('singleimage'); var src=image.getAttribute('image')||''; var title=image.getAttribute('title')||''; var author=image.getAttribute('author')||''; if (!author) author=galleryauthor; var subtitle=image.firstChild?image:image.getAttribute('subtitle')||''; //May contain subelems, e.g. if (!subtitle) subtitle=''; var private=image.getAttribute('private')=='yes'; if (prev || gallerydescription) { if (!prev) prev=0; document.getElementById("imgprev").style.visibility='visible'; document.getElementById("imgprev").onclick=new Function("e", 'goImage('+prev+', true);'); } else document.getElementById("imgprev").style.visibility='hidden'; if (next) { document.getElementById("imgnext").style.visibility='visible'; document.getElementById("imgnext").onclick=new Function("e", 'goImage('+next+', true);'); } else document.getElementById("imgnext").style.visibility='hidden'; document.getElementById('size'+size).className='size_highlight'; var havedirs=current_l_xml?current_l_xml.firstChild.getAttribute('havedirs'):current_f_xml.firstChild.getAttribute('havedirs'); document.getElementById('size').style.display=havedirs=='single'?'none':'inline'; var subdir=havedirs=='single'?'':size+'_jpegs/'; var ref=baseref+gallerydirpath+'/'+subdir+src; var imgc=document.getElementById('theimage'); var movie=document.getElementById('videocontainer'); var dll=document.getElementById('download'); if (src.indexOf('.jpg')>0) { currentImageSrc=src; currentImageElem=imgc; currentImageHeight=0; currentImageWidth=0; currentImageElem.style.height=''; currentImageElem.style.width=''; if (imgc.src.indexOf(ref)>=0) { imgc.src=''; //needed for webkit (safari, chrome) or onload will not fire (again) } imgc.src=ref; imgc.alt=src; imgc.style.display='block'; movie.style.display='none'; dll.style.display='none'; spinner('show', imgc); } else if (src.indexOf('.ogv')>0) { currentImageSrc=null; currentImageElem=null; movie.style.display='block'; imgc.style.display='none'; dll.style.display='none'; var video=document.getElementById('video'); var ref=baseloc+ref; ref=ref.slice(0,-4); var w=400; var h=400; /* // Nur Ändern der src-Attribute reicht nicht! movie.removeChild(video); var m='\

\ '; m=m.replace(/%src%/g,ref); m=m.replace(/%w%/g,w); m=m.replace(/%h%/g,h); movie.innerHTML=m; */ var sources = video.getElementsByTagName('SOURCE'); sources[0].src = ref+'.ogv'; sources[1].src = ref+'.mp4'; sources = video.getElementsByTagName('EMBED'); sources[0].src = ref+'.swf'; var poster=ref.replace(/.._jpegs/,'thumbs'); video.poster=poster+'.jpg'; // Probably change width and height video.load(); // need this for the new video to load video.play(); // safari also needs this, but still does not work :-( //video.onplay("spinner('hide',video)"); //not in FF9 //spinner('show', video); //while (!video.playing) // Probably show a loading icon (specially for IE!) } else { //Unsupported file, create download link imgc.style.display='none'; movie.style.display='none'; dll.style.display='block'; //probably remove the s._jpegs from ref dll.href=ref; } replaceTextNodes(getElementsByClass(imageelem, 'span', 'autor'), author); replaceTextNodes(getElementsByClass(imageelem, 'div', 'title'), title); replaceTextNodes(getElementsByClass(imageelem, 'div', 'text'), subtitle); replaceTextNodes(getElementsByClass(imageelem, 'div', 'hdesc'), ''); //TODO: ? replaceTextNodes(getElementsByClass(imageelem, 'div', 'adesc'), ''); replaceTextNodes(getElementsByClass(imageelem, 'span', 'lokal'), src+(private?',privat':'')); // var lokal=imageelem.getElementsByClassName('lokal')[0]; var lokal=getElementsByClass(imageelem, 'span', 'lokal')[0]; lokal.setAttribute('title', src); } function renderText(ident) { showPart('einzelbild'); if (showGallery) { if (lastimgnum>0) document.getElementById('gimg_'+lastimgnum).className='galleryimage'; lastimgnum=0; } var imageelem=document.getElementById('einzelbild'); document.getElementById("imgprev").style.visibility='hidden'; document.getElementById("imgnext").style.visibility='visible'; document.getElementById("imgnext").onclick=new Function("e", 'goImage(1, true);'); document.getElementById('size'+size).className='size_highlight'; var img=document.getElementById('theimage'); currentImageSrc=''; currentImageElem=img; img.style.visibility='hidden'; img.src=''; img.alt=''; replaceTextNodes(getElementsByClass(imageelem, 'span', 'autor'), ''); replaceTextNodes(getElementsByClass(imageelem, 'div', 'title'), ''); replaceTextNodes(getElementsByClass(imageelem, 'div', 'text'), ''); // replaceTextNodes(getElementsByClass(imageelem, 'div', 'hdesc'), 'Hier ist die Beschreibung'); replaceTextNodes(getElementsByClass(imageelem, 'div', 'hdesc'), gallerydescription); //TODO: ? replaceTextNodes(getElementsByClass(imageelem, 'div', 'adesc'), ''); replaceTextNodes(getElementsByClass(imageelem, 'span', 'lokal'), ''); } ////////////////////////////////////////////////////////////////////////////////////////////////// //Not used! function HTMLcol2text(col, indent) { var str=''; for (var i=0; i0) { if (debug) alert('replayWebHistory replayIndex='+replayIndex); if (webHistory[3]) size=webHistory[3]; if (replayIndex>=3 && webHistory[4]) { //subgallery in hauptliste replayIndex=2; if (debug) alert('load from replayWebHistory(4) '+webHistory[4]); load(webHistory[4]); } if (replayIndex>=2 && webHistory[0]) { replayIndex=1; if (debug) alert('load from replayWebHistory(0) '+webHistory[0]); webHistory[5]=webHistory[0].split(','); var d=webHistory[5].pop(); load(d); //load calls replayWebHistory again to do the rest return; } if (replayIndex==1 && webHistory[5].length>0) { var d=webHistory[5].pop(); load(d); //load calls replayWebHistory again to do the rest return; } var show=current_l_xml?'liste':current_f_xml?'frame':'hauptliste'; var goimg=''; if (webHistory[1]) { show=curhtmlpart='frame'; goFrame(webHistory[1]); } if (webHistory[2]) { show='einzelbild'; goimg=webHistory[2]; /*goImage(webHistory[2], false);*/ } replayIndex=0; showPart(show); if (goimg) goImage(goimg, true); //wg. scroll muß part schon sichtbar sein } } //source: http://snipplr.com/view.php?codeview&id=561 // Cross-browser implementation of element.addEventListener() function addListener(element, type, expression, bubbling) { bubbling = bubbling || false; if(window.addEventListener) { // Standard element.addEventListener(type, expression, bubbling); return true; } else if(window.attachEvent) { // IE element.attachEvent('on' + type, expression); return true; } else return false; } function togglefold(elem) { //TODO: nested galleries var le=elem.parentNode; while (le.nodeName!='TR') le=le.parentNode; var level=le.getAttribute('level'); while ((le=le.nextSibling) && level