/*
Multifaceted Lightbox
by Greg Neustaetter - http://www.gregphoto.net
INSPIRED BY (AND CODE TAKEN FROM)
==================================
The Lightbox Effect without Lightbox
PJ Hyett
http://pjhyett.com/articles/2006/02/09/the-lightbox-effect-without-lightbox
Lightbox JS: Fullsize Image Overlays
by Lokesh Dhakar - http://www.huddletogether.com
For more information on this script, visit:
http://huddletogether.com/projects/lightbox/
Licensend under:
Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
(basically, do anything you want, just leave my name and link)
*/
var Lightbox = {
lightboxType : null,
lightboxCurrentContentID : null,
showBoxString : function(content, boxWidth, boxHeight){
this.setLightboxDimensions(boxWidth, boxHeight);
this.lightboxType = 'string';
var contents = $('boxContents');
contents.innerHTML = content;
this.showBox();
return false;
},
showBoxImage : function(href) {
this.lightboxType = 'image';
var contents = $('boxContents');
var objImage = document.createElement("img");
objImage.setAttribute('id','lightboxImage');
contents.appendChild(objImage);
imgPreload = new Image();
imgPreload.onload=function(){
objImage.src = href;
Lightbox.showBox();
}
imgPreload.src = href;
return false;
},
showBoxByID : function(id, boxWidth, boxHeight) {
this.lightboxType = 'id';
this.lightboxCurrentContentID = id;
this.setLightboxDimensions(boxWidth, boxHeight);
var element = $(id);
var contents = $('boxContents');
contents.appendChild(element);
Element.show(id);
this.showBox();
return false;
},
showBoxByAJAX : function(href, boxWidth, boxHeight) {
this.lightboxType = 'ajax';
this.setLightboxDimensions(boxWidth, boxHeight);
var contents = $('boxContents');
var myAjax = new Ajax.Updater(contents, href, {method: 'get'});
this.showBox();
return false;
},
setLightboxDimensions : function(width, height) {
var windowSize = this.getPageDimensions();
if(width) {
if(width < windowSize[0]) {
$('box').style.width = width + 'px';
} else {
$('box').style.width = (windowSize[0] - 50) + 'px';
}
}
if(height) {
if(height < windowSize[1]) {
$('box').style.height = height + 'px';
} else {
$('box').style.height = (windowSize[1] - 50) + 'px';
}
}
},
showBox : function() {
Element.show('overlay');
this.center('box');
return false;
},
hideBox : function(){
var contents = $('boxContents');
if(this.lightboxType == 'id') {
var body = document.getElementsByTagName("body").item(0);
Element.hide(this.lightboxCurrentContentID);
body.appendChild($(this.lightboxCurrentContentID));
}
contents.innerHTML = '';
$('box').style.width = null;
$('box').style.height = null;
Element.hide('box');
Element.hide('overlay');
return false;
},
// taken from lightbox js, modified argument return order
getPageDimensions : function(){
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(windowWidth,windowHeight,pageWidth,pageHeight)
return arrayPageSize;
},
center : function(element){
try{
element = document.getElementById(element);
}catch(e){
return;
}
var windowSize = this.getPageDimensions();
var window_width = windowSize[0];
var window_height = windowSize[1];
$('overlay').style.height = windowSize[3] + 'px';
element.style.position = 'absolute';
element.style.zIndex = 99;
var scrollY = 0;
if ( document.documentElement && document.documentElement.scrollTop ){
scrollY = document.documentElement.scrollTop;
}else if ( document.body && document.body.scrollTop ){
scrollY = document.body.scrollTop;
}else if ( window.pageYOffset ){
scrollY = window.pageYOffset;
}else if ( window.scrollY ){
scrollY = window.scrollY;
}
var elementDimensions = Element.getDimensions(element);
var setX = ( window_width - elementDimensions.width ) / 2;
var setY = ( window_height - elementDimensions.height ) / 2 + scrollY;
setX = ( setX < 0 ) ? 0 : setX;
setY = ( setY < 0 ) ? 0 : setY;
element.style.left = setX + "px";
element.style.top = setY + "px";
Element.show(element);
},
init : function() {
var lightboxtext = '';
lightboxtext += '';
lightboxtext += '
';
lightboxtext += '
';
lightboxtext += '