'+ bildtitel +'

if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cuBKQeh0yr4km8adbi-bpO');Tynt.i={"ap":"Inhalte stammen von:","as":"www.clickstart.de","t":true}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } //1 function BlurLinks(){ links=document.getElementsByTagName('a'); for(i=0;isocial bookmarks'); //document.write('

» social bookmarks

'); //facebook/ document.write('

'); //twitter/ document.write('

'); //schuelervz/ document.write('

'); //google document.write('

'); document.write(''); document.write('

'); } function toggleMe(a){ var e=document.getElementById(a); if(!e)return true; if(e.style.display=="none"){ e.style.display="block" } else { e.style.display="none" } return true; } // Start URL + Übergabewerte // file:///D:/Webseiten/web-toolbox/geilenkirchen/gastronomie-cafe.htm?lang=en&menue=1 var locate = window.location.toString(); //alert(locate); var Sprache = "de" var MenNummer = "0" function extrahieren() { //var Wert = "http://www.web-toolbox/geilenkirchen/gastronomie-cafe.htm?lang=en&menue=1"; var Wert = locate; var VarPass = Wert.indexOf("?") + 1; //alert("VarPass ist " + VarPass); if(VarPass == "0") { // keine Übergabewerte //alert("VarPass ist " + VarPass); } else { //alert("URL mit Übergabewert ab " + VarPass); SprAnfang = Wert.indexOf("=") + 1; SprEnde = Wert.lastIndexOf("&"); //Sprache = Wert.substring(SprAnfang, SprEnde); Sprache = Wert.substr(SprAnfang, 2); //alert("Sprache ist " + Sprache); MenNumBeginn = Wert.lastIndexOf("="); MenNummer = Wert.substring(MenNumBeginn+1,Wert.length); //alert("Menü-Nummer ist " + MenNummer); //if(MenNummer == Sprache) {Sprache = MenNummer} } //alert("Sprache ist " + Sprache); } extrahieren(locate); // ende URL + Übergabewerte if(Sprache == "de") { var Navigation = '


	Geilenkirchen Geografie Stadtwappen Ortschaften	Infrastruktur Anfahrt Kfz Flug Bahn Nahverkehr	Anschriften Behörden Bildung Einrichtungen	Notfall Krankenhaus Ärzte medizinisch	Gastronomie Restaurant Cafes Pubs Bistros Eis	Dienstleistung Shops Einzelhandel Autohäuser	zu Gast in GK Hotels Reisebüros rental car	Freizeitaktiv Jugendliche Kinderseiten	Tagestouren Ausflugsziele Karten Weg- beschreibungen	Bilder Fotos Links Verweise	Schlagwort Register A - Z Fehler melden

' } if(Sprache == "en") { var Navigation = '


	Geilenkirchen city infos geography coat of arms	infrastructure by car plain train local transport	addresses official facilities education social facilities	emergency hospital medical pharmacy	gastronomy restaurant cafes pubs bistros bars	service shops retail repair car dealers	visiting GK hotels travel office rental car	leisure time and youth children\'s page	day tours attractions road-maps descriptions	images photos links websites	subject list keyword A - Z

'; } if(Sprache == "nl") { var Navigation = '


	Geilenkirchen Geografie Stadswapen Plaatsen	Infrastructuur Auto Taxi Vliegtuig Trein Vervoer	Adressen Lokale overheid onderwijs Instanties	emergency Ziekenhuis Artsen Geneeskundig	Horeca Restaurant Cafés Pub\'s Bistro\'s ijssalon	Diensten Winkels Detailhandel Autodealer	te gast in GK Hotels Reisbureaus Huurauto\'s	Recreatie Jeugdigen voor kinderen	Dagtochtjes Beziens- waardigheden Wegenkaarten	$800 Foto\'s$ 800 Foto\'s Websites	Trefwoord Register A-Z

'; } var MenueLeer = '

'; if(Sprache == "de") { var Menue01 = ''; } if(Sprache == "en") { var Menue01 = ''; } if(Sprache == "nl") { var Menue01 = ''; } var Menue02 = ''; if(Sprache == "nl") { var Menue02 = ''; } var Menue03 = ''; var Menue04 = ''; var Menue05 = '

Cafés Eiscafés

Pubs Gaststätten

'; var Menue06 = ''; var Menue07 = ''; var Menue08 = ''; // Test var MenueTest = ''; // top home gk MouseOverImages - // dot level 1 i01 = new Image(); i01.src = "images/box04.gif"; i02 = new Image(); i02.src = "images/box01.gif"; // dot level 2 j01 = new Image(); j01.src = "../images/box04.gif"; j02 = new Image(); j02.src = "../images/box01.gif"; k01 = new Image(); k01.src = "../../images/box04.gif"; k02 = new Image(); k02.src = "../../images/box01.gif"; info01 = new Image(); info01.src = "images/mehr-info.gif"; info02 = new Image(); info02.src = "images/mehr-info-rot.gif"; function hiLite(imgID,imgObjName) { document.images[imgID].src = eval(imgObjName + ".src") } function dimension() { var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); if(ns6||ns4) { breite = innerWidth; hoehe = innerHeight; } else if(ie4) { breite = document.body.clientWidth; hoehe = document.body.clientHeight; } return } // Fensterposition horizontal: mitte, vertical mitte // uebergabe url , breite , hoehe , scroll ja/nein , groesse aendern ja/nein // aufruf: link function popwin1(url,w,h,s,r) { x=screen.width/2; x=x-w/2; y=screen.height/2; y=y-h/2; popUp=window.open(url,'win','width='+ w +',height='+ h +',left=' + x +',top='+ y +',directories=0,statusbar=0,scrollbars='+s +',resizable='+ r + ',menubar=0,locationbar=0') popUp.focus(); } // Fensterposition horizontal mitte, vertical 20 pixel von links // nur scroll ja, groesse aendern ja // uebergabe url , breite , hoehe // aufruf: link function popwin2(url,w,h) { x=screen.width/2; x=x-w/2; y=20; popUp=window.open(url,'win','width='+ w +',height='+ h +',left=' + x +',top='+ y +',directories=0,statusbar=0,scrollbars=1,resizable=1,menubar=0,locationbar=0') popUp.focus(); } // Fensterposition horizontal mitte, vertical mitte // uebergabe url , breite , hoehe // aufruf: link function popwin3(url,w,h) { x=screen.width/2; x=x-w/2; y=screen.height/2; y=y-h/2; popUp=window.open(url,'win','width='+ w +',height='+ h +',left=' + x +',top='+ y +',directories=1,statusbar=1,scrollbars=1,resizable=1,menubar=1,locationbar=1') popUp.focus(); } // Fensterposition horizontal mitte, vertical mitte // uebergabe url , breite , hoehe // aufruf: link function popwin4(url,w,h) { dimension() x=breite/2; x=x-w/2; y=hoehe/2; y=y-h/2; popUp=window.open(url,'win','width='+ w +',height='+ h +',left=' + x +',top='+ y +',directories=0,statusbar=0,scrollbars=0,resizable=0,menubar=0,locationbar=1') popUp.focus(); } // Fensterposition x-pos y-pos // uebergabe url , breite , hoehe // aufruf: link function popwin5(url,w,h) { x=1 ; y=1 ; popUp=window.open(url,'win','width='+ w +',height='+ h +',left=' + x +',top='+ y +',directories=0,statusbar=0,scrollbars=0,resizable=0,menubar=0,locationbar=1') popUp.focus(); } // ohne Rand function FotoFenster(bildurl,b,h,bildtitel) { var eigenschaften,sbreite,shoehe,fenster,b,h; // wenn eine feste Position für die Anzeige gewünscht wird // dann für die Variable 'FestePosition' ein "ja" eintragen // und die X- / Y-Werte (linke obere Ecke) hier eintragen var FestePosition = "ja"; // "ja" oder "nein" eintragen VonLinks = 20; VonOben = 20; if(FestePosition == "ja") { x = VonLinks; y = VonOben; } else { var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); if(ns6||ns4) { sbreite = innerWidth; shoehe = innerHeight; } else if(ie4) { sbreite = document.body.clientWidth; shoehe = document.body.clientHeight; //shoehe = document.documentElement.clientHeight; } x = parseInt((sbreite-b)/2); y = parseInt((shoehe-h)/2); } if(isNaN(b) == false) { b=parseInt(b); } if(isNaN(h) == false) { h=parseInt(h); } b = b + 122; h = h + 122; eigenschaften="left="+x+",top="+y+",screenX="+x+",screenY="+y+",width="+b+",height="+h+",menubar=no,toolbar=no,location=no,status=no,scrollbars=no"; fenster=window.open("","",eigenschaften); fenster.focus(); fenster.document.open(); with (fenster) { document.write(''); // geändert 2004 für Mozilla document.write(''); document.write("function click() { window.close(); } "); // bei click schliessen document.write("document.onmousedown=click "); // geändert 2004 für Mozilla document.write(''); document.write(''+ bildtitel +''); // Zeile geändert Aug 2003 (Dreamweaver machte Probleme) document.write('<' + 'body onblur="window.close();" ');// bei Focusverlust schliessen document.write('marginwidth="60" marginheight="60" leftmargin="60" topmargin="60">'); document.write('

'); document.write(''); fenster.document.close(); } } // mit Rand function FotoWindow(bildurl,b,h) { var eigenschaften,sbreite,shoehe,fenster,b,h; // wenn eine feste Position für die Anzeige gewünscht wird // dann für die Variable 'FestePosition' ein "ja" eintragen // und die X- / Y-Werte (linke obere Ecke) hier eintragen var FestePosition = "ja"; // "ja" oder "nein" eintragen VonLinks = 20; VonOben = 20; if(FestePosition == "ja") { x = VonLinks; y = VonOben; } else { var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); if(ns6||ns4) { sbreite = innerWidth; shoehe = innerHeight; } else if(ie4) { sbreite = document.body.clientWidth; shoehe = document.body.clientHeight; //shoehe = document.documentElement.clientHeight; } x = parseInt((sbreite-b)/2); y = parseInt((shoehe-h)/2); } if(isNaN(b) == false) { b=parseInt(b); } if(isNaN(h) == false) { h=parseInt(h); } b = b + 122; h = h + 122; eigenschaften="left="+x+",top="+y+",screenX="+x+",screenY="+y+",width="+b+",height="+h+",menubar=no,toolbar=no,location=no,status=no,scrollbars=no"; fenster=window.open("","",eigenschaften); fenster.focus(); fenster.document.open(); with (fenster) { document.write(''); // geändert 2004 für Mozilla document.write(''); document.write("function click() { window.close(); } "); // bei click schliessen document.write("document.onmousedown=click "); // geändert 2004 für Mozilla document.write(''); document.write('click to close'); // Zeile geändert Aug 2003 (Dreamweaver machte Probleme) document.write('<' + 'body onblur="window.close();" ');// bei Focusverlust schliessen document.write('marginwidth="60" marginheight="60" leftmargin="60" topmargin="60">'); document.write('

'); document.write(''); fenster.document.close(); } } function ViewImage(bildurl,b,h,bildtitel) { var eigenschaften,sbreite,shoehe,fenster,b,h; var FestePosition = "ja"; VonLinks = 20; VonOben = 20; if(FestePosition == "ja") { x = VonLinks; y = VonOben; } else { var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); if(ns6||ns4) { sbreite = innerWidth; shoehe = innerHeight; } else if(ie4) { sbreite = document.body.clientWidth; shoehe = document.body.clientHeight; //shoehe = document.documentElement.clientHeight; } x = parseInt((sbreite-b)/2); y = parseInt((shoehe-h)/2); } if(isNaN(b) == false) { b=parseInt(b); } if(isNaN(h) == false) { h=parseInt(h); } eigenschaften="left="+x+",top="+y+",screenX="+x+",screenY="+y+",width="+b+",height="+h+",menubar=no,toolbar=no,location=no,status=no,scrollbars=no"; fenster=window.open("","",eigenschaften); fenster.focus(); fenster.document.open(); with (fenster) { document.write(''); // geändert 2004 für Mozilla document.write(''); document.write("function click() { window.close(); } "); // bei click schliessen document.write("document.onmousedown=click "); // geändert 2004 für Mozilla document.write(''); document.write(''+ bildtitel +''); // Zeile geändert Aug 2003 (Dreamweaver machte Probleme) document.write('<' + 'body onblur="window.close();" ');// bei Focusverlust schliessen document.write('marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">'); document.write('

'); document.write(''); fenster.document.close(); } } function gkebene1back() { // 1. prüfen ob die Seite überhaupt in einem Frameset aufgerufen wird if (parent.frames.length == 0) top.location.href = "geilenkirchen.htm"; else { // 2. prüfen ob es auch mein Frameset ist if(top.frames[0].name == "obenblau" || "obenblau-e") { // } else top.location.href = "geilenkirchen.htm" } return } function gkebene2back() { // 1. prüfen ob die Seite überhaupt in einem Frameset aufgerufen wird if (parent.frames.length == 0) top.location.href = "../geilenkirchen.htm"; else { // 2. prüfen ob es auch mein Frameset ist if(top.frames[0].name == "obenblau") { // } else top.location.href = "../geilenkirchen.htm" } return } function gkebene1back_en() { // 1. prüfen ob die Seite überhaupt in einem Frameset aufgerufen wird if (parent.frames.length == 0) top.location.href = "geilenkirchen-en.htm"; else { // 2. prüfen ob es auch mein Frameset ist if(top.frames[0].name == "obenblau-e" || "obenblau") { // } else top.location.href = "geilenkirchen-en.htm" } return } function FarbWechsel(dieZeile, Farbe) { if (Farbe == '' || typeof(dieZeile.style) == 'undefined') { return false; } else{ //if (Farbe == 0) {neueFarbe = '#DFDFDF'}; if (Farbe == 1) {neueFarbe = '#F9F9F9'}; if (Farbe == 2) {neueFarbe = '#FFFFFF'}; if (Farbe == 3) {neueFarbe = '#F6F6FF'}; if (Farbe == 4) {neueFarbe = '#FFFFCC'}; if (Farbe == 0) {neueFarbe = '#EEEEFF'}; } if (typeof(document.getElementsByTagName) != 'undefined') { var dieZelle = dieZeile.getElementsByTagName('td'); } else if (typeof(dieZeile.cells) != 'undefined') { var dieZelle = dieZeile.cells; } else { return false; } var rowCellsCnt = dieZelle.length; for (var c = 0; c < rowCellsCnt; c++) { dieZelle[c].style.backgroundColor = neueFarbe; } return true; } function ImNetzSeit() { var NetzDatum = new Date(); var year = NetzDatum.getFullYear(); var date = new Date("May 27, 1999"); var diff = date.getTime() - NetzDatum.getTime(); var TageImNetz = Math.floor(diff / (1000 * 60 * 60 * 24)); document.write((days+1)*-1) + (TageImNetz < -2 ? " Tagen" : " Tag"); } function lastupdate() { var Ueberarbeitet = new Date(document.lastModified); // wochentage var wochentag = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); // monatsnamen var monat = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); today = new Date() modifiziert = new Date(document.lastModified) tageher = Math.ceil( (today.getTime()- modifiziert.getTime())/(24*60*60*1000) ) tageher = tageher-1; if(tageher == 1) { Wann = ", vor " + tageher + " Tag!" } if(tageher > 1) { Wann = ", vor " + tageher + " Tagen!" } if(tageher == 0) { WannMin = Ueberarbeitet.getMinutes(); if (WannMin < 10) { WannMin = "0" + WannMin; } Wann = ", um " + Ueberarbeitet.getHours() +":" + WannMin + " Uhr"; } document.write("update: "+ wochentag[Ueberarbeitet.getDay()] + " " + Ueberarbeitet.getDate() + ". " + monat[Ueberarbeitet.getMonth()] + Wann ) return } function DatumText(Text) { // wochentage var wochentag = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); // monatsnamen var monat = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); var datum = new Date(document.lastModified); tag = datum.getDate(); monat = datum.getMonth() +1; jahr = datum.getFullYear(); zeit = datum.getTime(); var Std = datum.getHours(); var Min = datum.getMinutes(); var StdDisp = ((Std < 10) ? "0" + Std : Std); var MinDisp = ((Min < 10) ? "0" + Min : Min); // bei einstelligem Wert Null voranstellen if(tag < 10) { tag = "0" + tag; } // bei einstelligem Wert Null voranstellen if(monat < 10) { monat = "0" + monat; } // jahresewert text = String(jahr); document.write(Text + wochentag[datum.getDay()] + ", " + tag + "." + monat + "." + text + " um " + StdDisp + ":" + MinDisp + " Uhr") return } // Anfang InfoBox2 if (document.layers) {navigator.family = "nn4"} if (document.all) {navigator.family = "ie4"} if (window.navigator.userAgent.toLowerCase().match("gecko")) {navigator.family = "gecko"} overdiv="0"; function Box2Anzeigen(a) { if(!InfoBox2Inhalt[a]){InfoBox2Inhalt[a]="Dieses PopUp (#"+a+") ist nicht korrekt definiert
Die Beschreibung fehlt. Ein Array-Element mit dieser Index-Nummer wurde nicht definiert!"; } Inhalt = InfoBox2Inhalt[a]; if(navigator.family =="nn4") { document.InfoBox2.document.write(Inhalt); document.InfoBox2.document.close(); document.InfoBox2.left=x-350; document.InfoBox2.top=y-5; } else if(navigator.family =="ie4"){ InfoBox2.innerHTML=Inhalt; InfoBox2.style.pixelLeft=x-350; InfoBox2.style.pixelTop=y-5; } else if(navigator.family =="gecko"){ document.getElementById("InfoBox2").innerHTML=Inhalt; document.getElementById("InfoBox2").style.left=x-350; document.getElementById("InfoBox2").style.top=y-5; } } function Box2Ausblenden(){ if (overdiv == "0") { if(navigator.family =="nn4") {eval(document.InfoBox2.top="-2000");} else if(navigator.family =="ie4"){InfoBox2.innerHTML="";InfoBox2.style.pixelTop=y-2000;} else if(navigator.family =="gecko") {document.getElementById("InfoBox2").style.top="-2000";} } } var isNav = (navigator.appName.indexOf("Netscape") !=-1); function Position(e){ // oder Plazierung neben Mauszeiger x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft; y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop; } if (isNav){document.captureEvents(Event.mouseMove);} document.onmousemove = Position; // Ende InfoBox2 // Anfang infoBoxNeu var offsetx=20 var offsety=0 function InfoBoxAusblenden() { document.getElementById('infobox').style.visibility = "hidden"; } function InfoBoxAnzeigen(e,txt,offsetX,offsetY) { if (offsetX) {offsetx=offsetX;} else {offsetx=20;} if (offsetY) {offsety=offsetY;} else {offsety=0;} var PositionX = 0; var PositionY = 0; if (!e) var e = window.event; if (e.pageX || e.pageY) { PositionX = e.pageX; PositionY = e.pageY; } else if (e.clientX || e.clientY) { PositionX = e.clientX + document.body.scrollLeft; PositionY = e.clientY + document.body.scrollTop; } document.getElementById("text").innerHTML=txt; document.getElementById('infobox').style.left = (PositionX+offsetx); document.getElementById('infobox').style.top = (PositionY+offsety); document.getElementById('infobox').style.visibility = "visible"; } // Ende infoBoxNeu var Schrift = '

		NOTIZ

'; /* Lightbox JS: Fullsize Image Overlays by Lokesh Dhakar - http://www.huddletogether.com For more information on this script, visit: http://huddletogether.com/projects/lightbox/ Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/ (basically, do anything you want, just leave my name and link) Table of Contents ----------------- Configuration Functions - getPageScroll() - getPageSize() - pause() - getKey() - listenKey() - showLightbox() - hideLightbox() - initLightbox() - addLoadEvent() Function Calls - addLoadEvent(initLightbox) */ // // Configuration // // If you would like to use a custom loading image or close button reference them in the next two lines. var loadingImage = 'images/loading.gif'; var closeButton = 'images/close12.gif'; // // getPageScroll() // Returns array with x,y page scroll values. // Core code from - quirksmode.org // function getPageScroll(){ var yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict yScroll = document.documentElement.scrollTop; } else if (document.body) {// all other Explorers yScroll = document.body.scrollTop; } arrayPageScroll = new Array('',yScroll) return arrayPageScroll; } // getPageSize() // Returns array with page width, height and window width, height // Core code from - quirksmode.org // Edit for Firefox by pHaez function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { // all except Explorer windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } // for small pages with total width less then width of the viewport if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) return arrayPageSize; } // pause(numberMillis) // Pauses code execution for specified time. Uses busy code, not good. // Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602 function pause(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } } // getKey(key) // Gets keycode. If 'x' is pressed then it hides the lightbox. function getKey(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } key = String.fromCharCode(keycode).toLowerCase(); if(key == 'x'){ hideLightbox(); } } // // listenKey() // function listenKey () { document.onkeypress = getKey; } // // showLightbox() // Preloads images. Pleaces new image in lightbox then centers and displays. // function showLightbox(objLink) { // prep objects var objOverlay = document.getElementById('overlay'); var objLightbox = document.getElementById('lightbox'); var objCaption = document.getElementById('lightboxCaption'); var objImage = document.getElementById('lightboxImage'); var objLoadingImage = document.getElementById('loadingImage'); var objLightboxDetails = document.getElementById('lightboxDetails'); var arrayPageSize = getPageSize(); var arrayPageScroll = getPageScroll(); // center loadingImage if it exists if (objLoadingImage) { objLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2) + 'px'); objLoadingImage.style.left = (((arrayPageSize[0] - 20 - objLoadingImage.width) / 2) + 'px'); objLoadingImage.style.display = 'block'; } // set height of Overlay to take up whole page and show objOverlay.style.height = (arrayPageSize[1] + 'px'); objOverlay.style.display = 'block'; // preload image imgPreload = new Image(); imgPreload.onload=function(){ objImage.src = objLink.href; // center lightbox and make sure that the top and left values are not negative // and the image placed outside the viewport var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - imgPreload.height) / 2); var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload.width) / 2); objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px"; objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px"; objLightboxDetails.style.width = imgPreload.width + 'px'; if(objLink.getAttribute('title')){ objCaption.style.display = 'block'; //objCaption.style.width = imgPreload.width + 'px'; objCaption.innerHTML = objLink.getAttribute('title'); } else { objCaption.style.display = 'none'; } // A small pause between the image loading and displaying is required with IE, // this prevents the previous image displaying for a short burst causing flicker. if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } if (objLoadingImage) { objLoadingImage.style.display = 'none'; } // Hide select boxes as they will 'peek' through the image in IE selects = document.getElementsByTagName("select"); for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "hidden"; } objLightbox.style.display = 'block'; // After image is loaded, update the overlay height as the new image might have // increased the overall page height. arrayPageSize = getPageSize(); objOverlay.style.height = (arrayPageSize[1] + 'px'); // Check for 'x' keypress listenKey(); return false; } imgPreload.src = objLink.href; } // // hideLightbox() // function hideLightbox() { // get objects objOverlay = document.getElementById('overlay'); objLightbox = document.getElementById('lightbox'); // hide lightbox and overlay objOverlay.style.display = 'none'; objLightbox.style.display = 'none'; // make select boxes visible selects = document.getElementsByTagName("select"); for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "visible"; } // disable keypress listener document.onkeypress = ''; } // // initLightbox() // Function runs on window load, going through link tags looking for rel="lightbox". // These links receive onclick events that enable the lightbox display for their targets. // The function also inserts html markup at the top of the page which will be used as a // container for the overlay pattern and the inline image. // function initLightbox() { if (!document.getElementsByTagName){ return; } var anchors = document.getElementsByTagName("a"); // loop through all anchor tags for (var i=0; i // // // var objBody = document.getElementsByTagName("body").item(0); // create overlay div and hardcode some functional styles (aesthetic styles are in CSS file) var objOverlay = document.createElement("div"); objOverlay.setAttribute('id','overlay'); objOverlay.onclick = function () {hideLightbox(); return false;} objOverlay.style.display = 'none'; objOverlay.style.position = 'absolute'; objOverlay.style.top = '0'; objOverlay.style.left = '0'; objOverlay.style.zIndex = '90'; objOverlay.style.width = '100%'; objBody.insertBefore(objOverlay, objBody.firstChild); var arrayPageSize = getPageSize(); var arrayPageScroll = getPageScroll(); // preload and create loader image var imgPreloader = new Image(); // if loader image found, create link to hide lightbox and create loadingimage imgPreloader.onload=function(){ var objLoadingImageLink = document.createElement("a"); objLoadingImageLink.setAttribute('href','#'); objLoadingImageLink.onclick = function () {hideLightbox(); return false;} objOverlay.appendChild(objLoadingImageLink); var objLoadingImage = document.createElement("img"); objLoadingImage.src = loadingImage; objLoadingImage.setAttribute('id','loadingImage'); objLoadingImage.style.position = 'absolute'; objLoadingImage.style.zIndex = '150'; objLoadingImageLink.appendChild(objLoadingImage); imgPreloader.onload=function(){}; // clear onLoad, as IE will flip out w/animated gifs return false; } imgPreloader.src = loadingImage; // create lightbox div, same note about styles as above var objLightbox = document.createElement("div"); objLightbox.setAttribute('id','lightbox'); objLightbox.style.display = 'none'; objLightbox.style.position = 'absolute'; objLightbox.style.zIndex = '100'; objBody.insertBefore(objLightbox, objOverlay.nextSibling); // create link var objLink = document.createElement("a"); objLink.setAttribute('href','#'); objLink.setAttribute('title','Klicken zum Schließen'); objLink.onclick = function () {hideLightbox(); return false;} objLightbox.appendChild(objLink); // preload and create close button image var imgPreloadCloseButton = new Image(); // if close button image found, imgPreloadCloseButton.onload=function(){ var objCloseButton = document.createElement("img"); objCloseButton.src = closeButton; objCloseButton.setAttribute('id','closeButton'); objCloseButton.style.position = 'absolute'; objCloseButton.style.zIndex = '200'; objLink.appendChild(objCloseButton); return false; } imgPreloadCloseButton.src = closeButton; // create image var objImage = document.createElement("img"); objImage.setAttribute('id','lightboxImage'); objLink.appendChild(objImage); // create details div, a container for the caption and keyboard message var objLightboxDetails = document.createElement("div"); objLightboxDetails.setAttribute('id','lightboxDetails'); objLightbox.appendChild(objLightboxDetails); // create caption var objCaption = document.createElement("div"); objCaption.setAttribute('id','lightboxCaption'); objCaption.style.display = 'none'; objLightboxDetails.appendChild(objCaption); // create keyboard message var objKeyboardMsg = document.createElement("div"); objKeyboardMsg.setAttribute('id','keyboardMsg'); objKeyboardMsg.innerHTML = 'anklicken zum Schließen'; objLightboxDetails.appendChild(objKeyboardMsg); } // // addLoadEvent() // Adds event to window.onload without overwriting currently assigned onload functions. // Function found at Simon Willison's weblog - http://simon.incutio.com/ // function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function'){ window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } setTimeout ("initLightbox()", 1000); //addLoadEvent(initLightbox); // run initLightbox onLoad