var arrayPageScroll = getPageScroll();		var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 10);		var lightboxLeft = arrayPageScroll[0];		Element.setTop('lightbox', lightboxTop);		Element.setLeft('lightbox', lightboxLeft);				Element.show('lightbox');				this.changeImage(imageNum);	},	//	//	changeImage()	//	Hide most elements and preload image in preparation for resizing image container.	//	changeImage: function(imageNum) {					activeImage = imageNum;	// update global var		// hide elements during transition		if(animate){ Element.show('loading');}		Element.hide('lightboxImage');		Element.hide('hoverNav');		Element.hide('prevLink');		Element.hide('nextLink');		Element.hide('imageDataContainer');		Element.hide('numberDisplay');						imgPreloader = new Image();				// once image is preloaded, resize image container		imgPreloader.onload=function(){			Element.setSrc('lightboxImage', imageArray[activeImage][0]);			myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);						imgPreloader.onload=function(){};	//	clear onLoad, IE behaves irratically with animated gifs otherwise 		}		imgPreloader.src = imageArray[activeImage][0];	},	//	//	resizeImageContainer()	//	resizeImageContainer: function( imgWidth, imgHeight) {		// get curren width and height		this.widthCurrent = Element.getWidth('outerImageContainer');		this.heightCurrent = Element.getHeight('outerImageContainer');		// get new width and height		var widthNew = (imgWidth  + (borderSize * 2));		var heightNew = (imgHeight  + (borderSize * 2));		// scalars based on change from old to new		this.xScale = ( widthNew / this.widthCurrent) * 100;		this.yScale = ( heightNew / this.heightCurrent) * 100;		// calculate size difference between new and old image, and resize if necessary		wDiff = this.widthCurrent - widthNew;		hDiff = this.heightCurrent - heightNew;		if(!( hDiff == 0)){ new Effect.Scale('outerImageContainer', this.yScale, {scaleX: false, duration: resizeDuration, queue: 'front'}); }		if(!( wDiff == 0)){ new Effect.Scale('outerImageContainer', this.xScale, {scaleY: false, delay: resizeDuration, duration: resizeDuration}); }		// if new and old image are same size and no scaling transition is necessary, 		// do a quick pause to prevent image flicker.		if((hDiff == 0) && (wDiff == 0)){			if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } else { pause(100);} 		}		Element.setHeight('prevLink', imgHeight);		Element.setHeight('nextLink', imgHeight);		Element.setWidth( 'imageDataContainer', widthNew);		this.showImage();	},		//	//	showImage()	//	Display image and begin preloading neighbors.	//	showImage: function(){		Element.hide('loading');		new Effect.Appear('lightboxImage', { duration: resizeDuration, queue: 'end', afterFinish: function(){	myLightbox.updateDetails(); } });		this.preloadNeighborImages();	},	//	//	updateDetails()	//	Display caption, image number, and bottom nav.	//	updateDetails: function() {			// if caption is not null		if(imageArray[activeImage][1]){			Element.show('caption');			Element.setInnerHTML( 'caption', imageArray[activeImage][1]);		}				// if image is part of set display 'Image x of x' 		if(imageArray.length > 1){			Element.show('numberDisplay');			Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);		}		new Effect.Parallel(			[ new Effect.SlideDown( 'imageDataContainer', { sync: true, duration: resizeDuration, from: 0.0, to: 1.0 }), 			  new Effect.Appear('imageDataContainer', { sync: true, duration: resizeDuration }) ], 			{ duration: resizeDuration, afterFinish: function() {				// update overlay size and update nav				var arrayPageSize = getPageSize();				Element.setHeight('overlay', arrayPageSize[1]);				myLightbox.updateNav();				}			} 		);	},	//	//	updateNav()	//	Display appropriate previous and next hover navigation.	//	updateNav: function() {		Element.show('hoverNav');						// if not first image in set, display prev image button		if(activeImage != 0){			Element.show('prevLink');			document.getElementById('prevLink').onclick = function() {				myLightbox.changeImage(activeImage - 1); return false;			}		}		// if not last image in set, display next image button		if(activeImage != (imageArray.length - 1)){			Element.show('nextLink');			document.getElementById('nextLink').onclick = function() {				myLightbox.changeImage(activeImage + 1); return false;			}		}				this.enableKeyboardNav();	},	//	//	enableKeyboardNav()	//	enableKeyboardNav: function() {		document.onkeydown = this.keyboardAction; 	},	//	//	disableKeyboardNav()	//	disableKeyboardNav: function() {		document.onkeydown = '';	},	//	//	keyboardAction()	//	keyboardAction: function(e) {		if (e == null) { // ie			keycode = event.keyCode;			escapeKey = 27;		} else { // mozilla			keycode = e.keyCode;			escapeKey = e.DOM_VK_ESCAPE;		}		key = String.fromCharCode(keycode).toLowerCase();				if((key == 'x') || (key == 'o') || (key == 'c') || (keycode == escapeKey)){	// close lightbox			myLightbox.end();		} else if((key == 'p') || (keycode == 37)){	// display previous image			if(activeImage != 0){				myLightbox.disableKeyboardNav();				myLightbox.changeImage(activeImage - 1);			}		} else if((key == 'n') || (keycode == 39)){	// display next image			if(activeImage != (imageArray.length - 1)){				myLightbox.disableKeyboardNav();				myLightbox.changeImage(activeImage + 1);			}		}	},	//	//	preloadNeighborImages()	//	Preload previous and next images.	//	preloadNeighborImages: function(){		if((imageArray.length - 1) > activeImage){			preloadNextImage = new Image();			preloadNextImage.src = imageArray[activeImage + 1][0];		}		if(activeImage > 0){			preloadPrevImage = new Image();			preloadPrevImage.src = imageArray[activeImage - 1][0];		}		},	//	//	end()	//	end: function() {		this.disableKeyboardNav();		Element.hide('lightbox');		new Effect.Fade('overlay', { duration: overlayDuration});		showSelectBoxes();		showFlash();	}}// -----------------------------------------------------------------------------------//// getPageScroll()// Returns array with x,y page scroll values.// Core code from - quirksmode.com//function getPageScroll(){	var xScroll, yScroll;	if (self.pageYOffset) {		yScroll = self.pageYOffset;		xScroll = self.pageXOffset;	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict		yScroll = document.documentElement.scrollTop;		xScroll = document.documentElement.scrollLeft;	} else if (document.body) {// all other Explorers		yScroll = document.body.scrollTop;		xScroll = document.body.scrollLeft;		}	arrayPageScroll = new Array(xScroll,yScroll) 	return arrayPageScroll;}// -----------------------------------------------------------------------------------//// getPageSize()// Returns array with page width, height and window width, height// Core code from - quirksmode.com// Edit for Firefox by pHaez//function getPageSize(){		var xScroll, yScroll;		if (window.innerHeight && window.scrollMaxY) {			xScroll = window.innerWidth + window.scrollMaxX;		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;	//	console.log(self.innerWidth);//	console.log(document.documentElement.clientWidth);	if (self.innerHeight) {	// all except Explorer		if(document.documentElement.clientWidth){			windowWidth = document.documentElement.clientWidth; 		} else {			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;	}//	console.log("xScroll " + xScroll)//	console.log("windowWidth " + windowWidth)	// for small pages with total width less then width of the viewport	if(xScroll < windowWidth){			pageWidth = xScroll;			} else {		pageWidth = windowWidth;	}//	console.log("pageWidth " + pageWidth)	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 	return arrayPageSize;}// -----------------------------------------------------------------------------------//// 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'){	}}// -----------------------------------------------------------------------------------//// listenKey()//function listenKey () {	document.onkeypress = getKey; }	// ---------------------------------------------------function showSelectBoxes(){	var selects = document.getElementsByTagName("select");	for (i = 0; i != selects.length; i++) {		selects[i].style.visibility = "visible";	}}// ---------------------------------------------------function hideSelectBoxes(){	var selects = document.getElementsByTagName("select");	for (i = 0; i != selects.length; i++) {		selects[i].style.visibility = "hidden";	}}// ---------------------------------------------------function showFlash(){	var flashObjects = document.getElementsByTagName("object");	for (i = 0; i < flashObjects.length; i++) {		flashObjects[i].style.visibility = "visible";	}	var flashEmbeds = document.getElementsByTagName("embed");	for (i = 0; i < flashEmbeds.length; i++) {		flashEmbeds[i].style.visibility = "visible";	}}// ---------------------------------------------------function hideFlash(){	var flashObjects = document.getElementsByTagName("object");	for (i = 0; i < flashObjects.length; i++) {		flashObjects[i].style.visibility = "hidden";	}	var flashEmbeds = document.getElementsByTagName("embed");	for (i = 0; i < flashEmbeds.length; i++) {		flashEmbeds[i].style.visibility = "hidden";	}}// ---------------------------------------------------//// pause(numberMillis)// Pauses code execution for specified time. Uses busy code, not good.// Help from Ran Bar-On [ran2103@gmail.com]//function pause(ms){	var date = new Date();	curDate = null;	do{var curDate = new Date();}	while( curDate - date < ms);}/*function pause(numberMillis) {	var curently = new Date().getTime() + sender;	while (new Date().getTime();	}*/// ---------------------------------------------------function initLightbox() { myLightbox = new Lightbox(); }Event.observe(window, 'load', initLightbox, false);