//************************************************************************************************ //* Lightbox //* Skapad av Jimmy Wester //* //* Inkludera denna fil + scriplib.js. //* gör ett onclick event där du startar "setLightbox( Bredd, Höjd, Element);" //* Element = _id('det div-id där du lägger innehållet som ska visas i rutan.'). //************************************************************************************************ function setLightbox_new(w, h, e, c, c2) { if(_id('Lightbox')) { _id('Lightbox').style.display = 'block'; } else { newE = document.createElement("div"); newE.id = 'Lightbox'; newE.style.position = 'absolute'; newE.style.top = '0px'; newE.style.left = '0px'; newE.style.height = '' + document.documentElement.scrollHeight + 'px'; newE.style.width = '100%'; newE.style.cursor = 'pointer'; newE.style.zIndex = '999'; if(c2) { newE.style.backgroundColor = c2; } else { newE.style.backgroundColor = '#000000'; } newE.style.filter = 'alpha(opacity=60)'; newE.style.opacity = '.50'; document.body.insertBefore(newE, document.body.firstChild); } if(_id('LightboxContent')) { e1 = _id('LightboxContent'); e1.style.display = 'block'; e1.style.top = '' + (((document.documentElement.offsetHeight / 2) - parseInt(h / 2)) + document.documentElement.scrollTop) + 'px'; e1.style.left = '' + (((document.documentElement.offsetWidth / 2) - parseInt(w / 2)) - document.documentElement.scrollLeft) + 'px'; } else { newA = document.createElement("div"); newA.id = 'LightboxContent'; newA.style.position = 'absolute'; newA.style.top = '' + (((document.documentElement.offsetHeight / 2) - parseInt(h / 2)) + document.documentElement.scrollTop) + 'px'; newA.style.left = '' + (((document.documentElement.offsetWidth / 2) - parseInt(w / 2)) - document.documentElement.scrollLeft) + 'px'; newA.style.height = '' + h + 'px'; newA.style.width = '' + w + 'px'; newA.style.zIndex = '1001'; if(c){ newA.style.backgroundColor = c; } document.body.insertBefore(newA, document.body.firstChild); } closeBtn = document.createElement("img"); closeBtn.id = 'LightBoxClose'; closeBtn.src = "/bilder/lightbox-btn-close.png"; closeBtn.style.position = 'absolute'; closeBtn.style.top = '' + ((((document.documentElement.offsetHeight / 2) - parseInt(h / 2)) + document.documentElement.scrollTop) - 20 )+ 'px'; closeBtn.style.left = '' + ((((document.documentElement.offsetWidth / 2) - parseInt(w / 2)) - document.documentElement.scrollLeft) + (w - 60) ) + 'px'; closeBtn.style.zIndex = '1002'; closeBtn.onclick = closeLightbox_new; document.body.insertBefore(closeBtn, document.body.firstChild); _id('LightboxContent').innerHTML = e.innerHTML; if(navigator.appName == "Microsoft Internet Explorer") { _id('Lightbox').attachEvent('onclick', closeLightbox_new); } else { _id('Lightbox').addEventListener('click', closeLightbox_new,false); } } function closeLightbox_new() { _id('Lightbox').style.display = 'none'; _id('LightboxContent').style.display = 'none'; _id('LightBoxClose').style.display = 'none'; _id('LightboxContent').innerHTML = ''; if (document.getElementById('flashcontent')) { document.getElementById('flashcontent').style.visibility = 'visible'; } }