var foto = 0; var fotos = new Array(); var screen_width,screen_height; var regexp_fotos_klein = new Array(); var regexp_fotos_gross = new Array(); var klassen_name = new Array(); var preview_offset_x; var preview_offset_y; function getScreenSize() { if (self.innerHeight) { screen_width = self.innerWidth; screen_height = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { screen_width = document.documentElement.clientWidth; screen_height = document.documentElement.clientHeight; } else if (document.body) { screen_width = document.body.clientWidth; screen_height = document.body.clientHeight; } } function imagePositioning(box_id) { var x=20; var y=20; var left = 0; var top = 0; if (preview_offset_x && preview_offset_x!=0) x = preview_offset_x; if (preview_offset_y && preview_offset_y!=0) y = preview_offset_y; if (box_id.length>0 && (o = document.getElementById(box_id)) && (i = o.getElementsByTagName("img").item(0))) { o.style.display = 'block'; if (x>0) left = (mouse_pos_x+x); else left = (mouse_pos_x+x-i.width); if (y>0) top = (mouse_pos_y+y); else top = (mouse_pos_y+y-i.height); getScreenSize(); if (left<0) { left=0; } if (top<0) { top=0; } if (left + i.width + 25 > screen_x + screen_width ) { left = (mouse_pos_x - x - i.width); } if (top + i.height + 20 > screen_y + screen_height ) { if (mouse_pos_y - y - i.height - screen_y > 0) { top = (mouse_pos_y - y - i.height); } else { top = (mouse_pos_y - y - i.height/2); } } if (mouse_pos_x>left && mouse_pos_x<left+i.width+10 && mouse_pos_y>top && mouse_pos_y<top+i.height+10) left = mouse_pos_x + 20; if (left<0) left = 0; if (top<0) top = 0; o.style.left = left+"px"; o.style.top = top+"px"; } } function showFoto(el) { box_id = el.id; foto = box_id; fotos[fotos.length] = box_id; if (o = document.getElementById("large"+box_id)) { imagePositioning("large"+box_id); } else { if (p = document.getElementById("images_box")) { o = document.getElementById(box_id); if (i_src = o.attributes.getNamedItem("largesrc")) { d = document.createElement("div"); var newAtt3 = document.createAttribute("class"); newAtt3.nodeValue = "nqo33"; d.setAttributeNode(newAtt3); var newAtt1 = document.createAttribute("id"); newAtt1.nodeValue = "large"+box_id; d.setAttributeNode(newAtt1); i = new Image(); var g = (function() { var a=i; return function() { setHeightWidth(a); } })(); citysam.DOM.bindEvent("onload", i, g); var newAtt2 = document.createAttribute("src"); newAtt2.nodeValue = i_src.nodeValue; i.setAttributeNode(newAtt2); var newAtt2 = document.createAttribute("alt"); newAtt2.nodeValue = ""; i.setAttributeNode(newAtt2); d.appendChild(i); inner_d = document.createElement("div"); i_titel = document.createTextNode(o.attributes.getNamedItem("alt").value); o.attributes.getNamedItem("alt").value = ""; inner_d.appendChild(i_titel); d.appendChild(inner_d); p.appendChild(d); imagePositioning("large"+box_id); } } } } function setHeightWidth (p) { if (p) { p.style.width = p.width+"px"; p.style.height = p.height+"px"; imagePositioning(p.id); } } function hideFoto(o) { foto = 0; if (el = document.getElementById("large"+o.id)) el.style.display = "none"; } function showHintBox(box_id, x, y){ if (!x) x=20; if (!y) y=20; if (o = document.getElementById(box_id)) { o.style.display = 'block'; o.style.left = (mouse_pos_x+x)+"px"; o.style.top = (mouse_pos_y+y)+"px"; if (mouse_pos_x+x<0) { o.style.left=0; } } } function hideBox(box_id){ if (o = document.getElementById(box_id)) { o.style.display = 'none'; } } function ImagePopup() { for (var i = 0; i < regexp_fotos_klein.length; i++) { var current = citysam.DOM.getElementsByClass(klassen_name[i]); var curLen = current.length; for (var j = 0; j < curLen; j++) { if (!current[j].src.match(regexp_fotos_klein[i])) { continue; } var largesrc = current[j].src.replace(regexp_fotos_klein[i], regexp_fotos_gross[i]); current[j].setAttribute("largesrc", largesrc); var f = (function() { var o=current[j]; return function() { showFoto(o); } })(); var g = (function() { var p=current[j]; return function() { hideFoto(p); } })(); citysam.DOM.bindEvent("onmouseover", current[j], f); citysam.DOM.bindEvent("onmousemove", current[j], f); citysam.DOM.bindEvent("onmouseout", current[j], g); } } } var wide = 0; var orig = ""; function widescreen() { c = document.getElementById("content"); s = document.getElementById("wideswitch"); if (c && s) { if (wide==0) { if (orig=="") orig=c.style.width; s.innerHTML = foto_small; c.style.width = "100%"; wide = 1; } else { s.innerHTML = foto_wide; c.style.width = orig; wide = 0; } } }