/*
 LightboxXL v1.0.0 (Initial Release)
 Modification by Antonio Ramirez Cobos (http://www.antcut.com)
 Wednesday, February 27th, 2008
 
 Original Lightbox++ Script:
 http://www.codefidelity.com/blog/?page_id=7
 
 Which was a modification of original Lightbox Script by Lokesh Dhakar
 http://www.huddletogether.com/projects/lightbox2/
 
 Still licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
 
 This script allows you to use the same Lightbox functionality that you're used to as well as
 embed Flash movies.
 */
/*
 * Cet élément permet d'afficher des médias sous forme d'une popup HTML (une DIV).
 * Cet librairie a été modifiée pour qu'elle redimentionne les image à la taille de
 * l'écran amis aussi pour qu'elle fasse une requete AJAX pour récupérer du contenu HTML.
 * Les racourcis clavier :
 *   - 'p' pour passer à l'élément précédent
 *   - 's' pour passer à l'élément suivant
 *   - 'q', 'o' et 'c' pour fermer
 */
//
//	Configuration
//
// Loading image
var fileLoadingImage = "/images/mediatheque/loading.gif";
// Close image
var fileBottomNavCloseImage = "/images/mediatheque/closelabel.gif";
// Fallback overlay used with browsers that have opacity problems
var fallbackOverlayImage = "/images/mediatheque/overlay.png";
// PATCH => background color (if fallbackOverlayImage isn't correctly define)
var fallbackOverlayColor = "#000000";
// Controls transparency of shadow overlay
var overlayOpacity = 0.7;
// Controls the speed of the image resizing animations (1=slowest and
// 10=fastest)
var resizeSpeed = 10;
// If you adjust the padding in the CSS, you will need to update this variable
var borderSize = 10;

// MARGE d'affichage
var marginOnWidth = 80;
var marginTop = 30;
var marginBottom = 20;

var navHeight = 50;

var minWidth = 300;
var minHeight = 50;

//
// Global Variables
//
var elementArray = new Array;
var activeElement;
var userAgent = navigator.userAgent.toLowerCase();

overlayDuration = 0.2;
resizeDuration = (11 - resizeSpeed) * 0.15;

//
// Additional methods for Element added by SU, Couloir
// - Further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
	getWidth : function(element) {
		element = $(element);
		return element.offsetWidth;
	},
	setWidth : function(element, w) {
		element = $(element);
		if (w > 0 || w.indexOf('%') == -1){
			element.style.width = w + 'px';
		} else {
			element.style.width = w;
		}
	},
	setHeight : function(element, h) {
		element = $(element);
		if (h > 0 || h.indexOf('%') == -1){
			element.style.height = h + 'px';
		} else {
			element.style.height = h;
		}
	},
	setTop : function(element, t) {
		element = $(element);
		element.style.top = t + "px";
	},
	setLeft : function(element, l) {
		element = $(element);
		element.style.left = l + "px";
	},
	setSrc : function(element, src) {
		element = $(element);
		element.src = src;
	},
	setHref : function(element, href) {
		element = $(element);
		element.href = href;
	},
	setInnerHTML : function(element, content) {
		element = $(element);
		element.innerHTML = content;
	}
});

//
// Extending built-in Array object
// - array.removeDuplicates()
// - array.empty()
//
Array.prototype.removeDuplicates = function() {
	for (i = 0; i < this.length; i++) {
		for (j = this.length - 1; j > i; j--) {
			if (this[i][0] == this[j][0]) {
				this.splice(j, 1);
			}
		}
	}
}

Array.prototype.empty = function() {
	for (i = 0; i <= this.length; i++) {
		this.shift();
	}
}

//
// Lightbox Class Declaration
// - initialize()
// - start()
// - changeElement()
// - resizeElementContainer()
// - showElement()
// - updateDetails()
// - updateNav()
// - enableKeyboardNav()
// - disableKeyboardNav()
// - keyboardNavAction()
// - preloadNeighborImages()
// - end()
//
// Structuring of code inspired by Scott Upton (http://www.uptonic.com/)
//
var Lightbox = Class.create();

Lightbox.prototype = {

	// initialize()
	// Constructor runs on completion of the DOM loading. Calls
	// updateElementList and then
	// the function inserts html at the bottom of the page which is used to
	// display the shadow
	// overlay and the image container.
	//
	initialize : function() {

		this.updateElementList();

		// Code inserts html at the bottom of the page that looks similar to
		// this:
		var objBody = document.getElementsByTagName("body").item(0);

		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id', 'overlay');

		// The mozilla flavors on the mac, specifically Firefox and Camino have
		// difficulties displaying flash over anything with dynamically
		// generated opacity.
		// Here we're using the fallBackOverlayImage to alleviate this problem.
		// This is a semi-transparent png which is included with the script.
		if (userAgent.indexOf('mac') != -1
				&& userAgent.indexOf('firefox') != -1
				|| userAgent.indexOf('camino') != -1) {
			objOverlay.style.backgroundImage = 'url(' + fallbackOverlayImage + ')';
			objOverlay.style.backgroundRepeat = 'repeat';
		} else {
			objOverlay.style.backgroundColor = fallbackOverlayColor;
		}
		
		objOverlay.style.display = 'none';
		
		objOverlay.onclick = function() {
			myLightbox.end();
		}
		
		objBody.appendChild(objOverlay);

		var objLightbox = document.createElement("div");
		objLightbox.setAttribute('id', 'lightbox');
		objLightbox.style.display = 'none';
		objLightbox.onclick = function(e) {
			if (!e) {
				var e = window.event;
			}
			var clickObj = Event.element(e).id;
			if (clickObj == 'lightbox') {
				myLightbox.end();
			}
		};
		objBody.appendChild(objLightbox);

		var objOuterImageContainer = document.createElement("div");
		objOuterImageContainer.setAttribute('id', 'outerImageContainer');
		objLightbox.appendChild(objOuterImageContainer);

		Element.setWidth('outerImageContainer', 250);
		Element.setHeight('outerImageContainer', 250);

		var objImageContainer = document.createElement("div");
		objImageContainer.setAttribute('id', 'imageContainer');
		objOuterImageContainer.appendChild(objImageContainer);

		var objContent = document.createElement("div");
		objContent.setAttribute('id', 'lightboxcontent');
		objImageContainer.appendChild(objContent);

		var objLightboxImage = document.createElement("img");
		objLightboxImage.setAttribute('id', 'lightboximage');
		objLightboxImage.style.display = 'none';
		objContent.appendChild(objLightboxImage);

		objlightboxXL = document.createElement("div");
		objlightboxXL.setAttribute('id', 'lightboxXL');
		objlightboxXL.style.position = 'relative';
		// objlightboxXL.style.position = '0px';
		objlightboxXL.style.zIndex = 101; // Safari
		objlightboxXL.style.display = 'none';
		objContent.appendChild(objlightboxXL);

		var objLoading = document.createElement("div");
		objLoading.setAttribute('id', 'loading');
		objLoading.style.zIndex = 998;
		objImageContainer.appendChild(objLoading);

		var objLoadingLink = document.createElement("a");
		objLoadingLink.setAttribute('id', 'loadingLink');
		objLoadingLink.setAttribute('href', '#');
		objLoadingLink.onclick = function() {
			myLightbox.end();
			return false;
		}
		objLoading.appendChild(objLoadingLink);

		var objLoadingImage = document.createElement("img");
		objLoadingImage.setAttribute('src', fileLoadingImage);
		objLoadingImage.setAttribute('alt', txt_loading);
		objLoadingLink.appendChild(objLoadingImage);

		var objImageDataContainer = document.createElement("div");
		objImageDataContainer.setAttribute('id', 'imageDataContainer');
		objLightbox.appendChild(objImageDataContainer);

		var objImageData = document.createElement("div");
		objImageData.setAttribute('id', 'imageData');
		objImageDataContainer.appendChild(objImageData);

		var objImageDetails = document.createElement("div");
		objImageDetails.setAttribute('id', 'imageDetails');
		objImageData.appendChild(objImageDetails);

		var objCaption = document.createElement("span");
		objCaption.setAttribute('id', 'caption');
		objImageDetails.appendChild(objCaption);
		
		var objNavPage = document.createElement("span");
		objNavPage.setAttribute('id', 'navPage');
		objImageDetails.appendChild(objNavPage);
		
		var objPrevLink = document.createElement("a");
		objPrevLink.setAttribute('id', 'prevLink');
		objPrevLink.setAttribute('href', '#');
		objPrevLink.setAttribute('title', txt_prev);
		objNavPage.appendChild(objPrevLink);
		
		var objNumberDisplay = document.createElement("span");
		objNumberDisplay.setAttribute('id', 'numberDisplay');
		objNavPage.appendChild(objNumberDisplay);
		
		var objNextLink = document.createElement("a");
		objNextLink.setAttribute('id', 'nextLink');
		objNextLink.setAttribute('href', '#');
		objNextLink.setAttribute('title', txt_next);
		objNavPage.appendChild(objNextLink);

		var objBottomNavCloseLink = document.createElement("a");
		objBottomNavCloseLink.setAttribute('id', 'bottomNavClose');
		objBottomNavCloseLink.setAttribute('href', '#');
		objBottomNavCloseLink.onclick = function() {
			myLightbox.end();
			return false;
		}
		objNavPage.appendChild(objBottomNavCloseLink);

		var objBottomNavCloseImage = document.createElement("img");
		objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);
		objBottomNavCloseImage.setAttribute('alt', txt_close);
		objBottomNavCloseImage.setAttribute('title', txt_close);
		objBottomNavCloseLink.appendChild(objBottomNavCloseImage);

	},

	//
	// updateElementList()
	// Loops through anchor tags looking for 'lightbox' references and applies
	// onclick events to appropriate links. You can rerun after dynamically
	// adding images w/ajax.
	//
	updateElementList : function() {
		// récupération de toutes les balises A de classe "lightbox"
		$$('a.lightbox').each(function(element, iterator){
			if (element.href && element.href != ''){
				Event.observe(element, 'click', function(evenement){
					myLightbox.start(element);
					Event.stop(evenement);
				});	
			}
		});
		
	},

	//
	// start()
	// Display overlay and lightbox. If element is part of a set, add siblings
	// to elementArray.
	//
	start : function(elementLink) {

		if (!this.isAnchorValid(elementLink)) {
			// si l'element lien n'est pas valide pour etre vu dans lightbox
			location.href = elementLink.readAttribute('href');
		} else {
			// cas normal d'affichage des image et autres élément comme le FLASH
			var arrayPageSize = getPageSize();

			// on clache les elements suceptible de poser des problémes
			hideSelectBoxes();
			hideFlash();

			// stretch overlay to fill page and fade in
			Element.setWidth('overlay', '100%');
			Element.setHeight('overlay', arrayPageSize[1]);
		
			this.showOverlay();
			
			if (!document.getElementsByTagName) {
				return;
			}

			this.retieveAllAnchors(elementLink);
			
			// Calculate top and left offset for the lightbox
			var arrayPageScroll = getPageScroll();
			var lightboxTop = arrayPageScroll[1] + (marginTop / 2);
			var lightboxLeft = arrayPageScroll[0];

			Element.setTop('lightbox', lightboxTop);
			Element.setLeft('lightbox', lightboxLeft);

			Element.show('lightbox');
			
			this.changeElement(elementNum);
		}
	},

	showOverlay : function() {
		// Again, if the user is on a Mac and has a Mozilla flavor browser, we
		// can't use dynamically generated opacity or you will experience
		// problems with the Flash movies.
		if (userAgent.indexOf('mac') != -1
				&& userAgent.indexOf('firefox') != -1
				|| userAgent.indexOf('camino') != -1) {
			Element.show('overlay');
		} else {
			// Non-Mac, carry on as usual.
			new Effect.Appear('overlay', {
				duration : overlayDuration,
				from : 0.0,
				to : overlayOpacity
			});
		}
	},

	retieveAllAnchors : function(elementLink) {
		
		elementArray = [];
		elementNum = 0;

		// PORTION DE CODE qui permet de connaitre le type de média auquel on
		// à faire
		var urlString = /\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/;
		var urlType = "";
		
		var lightboxKey;
		elementLink.classNames().each(function(className){
			if (className.indexOf('lightbox_key') == 0){
				lightboxKey = className;
			}
		});

		var anchors = $$('a.lightbox');
		var anchor;
		
		for (var i = 0; i < anchors.length; i++){
			anchor = anchors[i];
			
			if (this.isAnchorValid(anchor) && anchor.hasClassName(lightboxKey)) {
				
				urlType = anchor.href.toLowerCase().match(urlString)

				if (urlType == '.jpg' || urlType == '.jpeg'
						|| urlType == '.png' || urlType == '.gif'
						|| urlType == '.bmp') {
					// IMAGE
					elementArray.push(new Array(anchor.href, anchor.title, 'IMG'));
					
				} else {
					// AUTRE
					var hrefValue = anchor.href;
					var queryString = hrefValue.replace(/^[^\?]+\??/, '');
					var params = parseQuery(queryString);
					elementArray.push(new Array(hrefValue, anchor.title, params['width'], params['height']));
				}
				
			}
		}

		elementArray.removeDuplicates();
		while (elementNum < elementArray.length && elementArray[elementNum][0] != elementLink.href) {
			elementNum++;
		}
	},

	isAnchorValid : function(elementAnchor) {
		var returnValue = false;
		var hrefValue = elementAnchor.href;
		if (hrefValue && elementAnchor.hasClassName('lightbox')) {
			var queryString = hrefValue.replace(/^[^\?]+\??/, '');
			var params = parseQuery(queryString);
			returnValue = !(params['width'] == 0 && params['height'] == 0);
		}
		return returnValue;
	},

	//
	// changeElement()
	// Hide most elements and preload image in preparation for resizing the
	// element container.
	//
	changeElement : function(elementNum) {

		// Hide elements during transition
		Element.show('loading');

		// Update global var
		activeElement = elementNum;

		Element.hide('lightboximage');
		Element.hide('lightboxXL');
		Element.hide('imageDataContainer');
		Element.hide('numberDisplay');
		
		if (elementArray[activeElement][2] != 'IMG') {
			var pagesize = getPageSize();
			var pageWidth = pagesize[2] - marginOnWidth;
			var pageHeigth = pagesize[3] - marginTop - marginBottom - navHeight;   
			// ce n'est pas un élement image
			var elementWidth = pageWidth;
			if (elementArray[activeElement][2] != '-1') {
				elementWidth = Math.max(
						parseInt(elementArray[activeElement][2]), minWidth);
			}
			var elementHeight = pageHeigth;
			if (elementArray[activeElement][3] != '-1') {
				elementHeight = Math.max(
						parseInt(elementArray[activeElement][3]), minHeight);
			}
			
			Element.setWidth('lightboxcontent', elementWidth);
			Element.setHeight('lightboxcontent', elementHeight);
			
			// No preloading needed here, if a preloader is needed for the Flash
			// movie, it should be built into said Flash movie.
			myLightbox.resizeElementContainer(elementWidth, elementHeight);

		} else {
			imgPreloader = new Image();
			// Once image is preloaded, resize image container
			imgPreloader.onload = function() {

				// PATCH CALCUL de la dimention "IDEALE"
				var pagesize = getPageSize();

				var pageWidth = pagesize[2] - marginOnWidth;
				var pageHeigth = pagesize[3] - marginTop - marginBottom - navHeight;

				var imageWidth = imgPreloader.width;
				var imageHeight = imgPreloader.height;

				var minImageW = Math.round(pageWidth * 4 / 5);
				var minImageH = Math.round(pageHeigth * 4 / 5);

				var newElementW;
				var newElementH;
				// calcul de la taille de l'image
				if (imageWidth > pageWidth) {
					imageHeight = imageHeight * (pageWidth / imageWidth);
					imageWidth = pageWidth;
					if (imageHeight > pageHeigth) {
						imageWidth = imageWidth * (pageHeigth / imageHeight);
						imageHeight = pageHeigth;
					}
				}

				if (imageHeight > pageHeigth) {
					imageWidth = imageWidth * (pageHeigth / imageHeight);
					imageHeight = pageHeigth;
					if (imageWidth > pageWidth) {
						imageHeight = imageHeight * (pageWidth / imageWidth);
						imageWidth = pageWidth;
					}
				}
				if (imageWidth < imageWidth) {
					Element.setWidth('lightboxcontent', minWidth);
					newElementW = minWidth;
				} else {
					Element.setWidth('lightboxcontent', imageWidth);
					newElementW = imageWidth;
				}
				if (imageHeight < minHeight) {
					Element.setHeight('lightboxcontent', minHeight);
					newElementH = minHeight;
				} else {
					Element.setHeight('lightboxcontent', imageHeight);
					newElementH = imageHeight;
				}

				// End Resizing
				Element.setWidth('lightboximage', imageWidth);
				Element.setHeight('lightboximage', imageHeight);
				
				myLightbox.resizeElementContainer(newElementW, newElementH);

				Element.setSrc('lightboximage', elementArray[activeElement][0]);

				// Clear onLoad, IE behaves irratically with animated gifs
				// otherwise
				imgPreloader.onload = null;
			}
			
			imgPreloader.onerror = function() {
				// l'image est inexistante sur le serveur
				Element.setSrc('lightboximage', null);
				myLightbox.resizeElementContainer(300, 220);
				imgPreloader.onload = null;
			}
			
			imgPreloader.src = elementArray[activeElement][0];
		}
	},

	//
	// resizeElementContainer()
	//
	resizeElementContainer : function(elementWidth, elementHeight) {

		if (isNaN(elementWidth)) {
			elementWidth = minWidth;
		}
		if (isNaN(elementHeight)) {
			elementHeight = minHeight;
		}

		// Get current width and height
		this.widthCurrent = Element.getWidth('outerImageContainer');
		this.heightCurrent = Element.getHeight('outerImageContainer');

		// Get new width and height
		var widthNew = (elementWidth + (borderSize * 2));
		var heightNew = (elementHeight + (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/SWF 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.setWidth('imageDataContainer', Math.round(widthNew));

		this.showElement();
	},

	//
	// showElement()
	// Display image or SWF and begin preloading neighbors (if image).
	//
	showElement : function() {

		if ((elementArray[activeElement][2] != 'IMG')) {
			// élement non image.

			// Since the activeElement is a SWF, hide the image element.
			Element.hide('lightboximage');
			// Setup the proper object and embed tags in the SWF div. The
			// following is a basic set of object and embed tags, edit as you
			// see fit.

			$('lightboxXL').innerHTML = "";

			new Effect.Appear('lightboxXL', {
				duration : resizeDuration,
				queue : 'end',
				from : 0.0,
				to : 100,
				afterFinish : function() {
					myLightbox.updateDetails();
					Element.hide('loading');
					new Ajax.Updater('lightboxXL',
							elementArray[activeElement][0], {
								evalScripts : 'true'
							});
				}
			});

		} else { // Image

			Element.hide('loading');
			// Since the activeElement is an image, hide the SWF element.
			$('lightboxXL').style.display = 'none';
			new Effect.Appear('lightboximage', {
				duration : resizeDuration,
				queue : 'end',
				afterFinish : function() {
					myLightbox.updateDetails();
				}
			});
			this.preloadNeighborImages();
		}
	},

	//
	// updateDetails()
	// Display caption, image/SWF number, and bottom nav.
	//
	updateDetails : function() {
		// if caption is not null
		if (elementArray[activeElement][1]) {
			Element.show('caption');
			Element.setInnerHTML('caption', elementArray[activeElement][1]);
		}

		if (elementArray.length > 1) {
			Element.show('numberDisplay');
			Element.setInnerHTML('numberDisplay', eval(activeElement + 1) + " "
					+ txt_of + " " + elementArray.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() {

		// If not first image in set, display prev image button
		if (activeElement != 0) {
			Element.show('prevLink');
			document.getElementById('prevLink').onclick = function() {
				myLightbox.changeElement(activeElement - 1);
				return false;
			}
		} else {
			Element.hide('prevLink');
		}

		// If not last image in set, display next image button
		if (activeElement != (elementArray.length - 1)) {
			Element.show('nextLink');
			document.getElementById('nextLink').onclick = function() {
				myLightbox.changeElement(activeElement + 1);
				return false;
			}
		} else {
			Element.hide('nextLink');
		}

		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 == 'q') || (key == 'o') || (key == 'c')
				|| (keycode == escapeKey)) { // Close lightbox
			myLightbox.end();
		} else if ((key == 'p') || (keycode == 37)) { // Display previous
			// image/SWF
			if (activeElement != 0) {
				myLightbox.disableKeyboardNav();
				myLightbox.changeElement(activeElement - 1);
			}
		} else if ((key == 's') || (keycode == 78)) { // Display next
			// image/SWF
			if (activeElement != (elementArray.length - 1)) {
				myLightbox.disableKeyboardNav();
				myLightbox.changeElement(activeElement + 1);
			}
		}

	},

	//
	// preloadNeighborImages()
	// Preload previous and next images.
	//
	preloadNeighborImages : function() {
		if ((elementArray.length - 1) > activeElement) {
			preloadNextImage = new Image();
			preloadNextImage.src = elementArray[activeElement + 1][0];
		}
		if (activeElement > 0) {
			preloadPrevImage = new Image();
			preloadPrevImage.src = elementArray[activeElement - 1][0];
		}
	},

	//
	// end()
	//
	end : function() {
		this.disableKeyboardNav();
		$('lightboxXL').innerHTML = "";
		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;
	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";
	// }

}

function parseQuery(query) {
	var Params = {};
	if (!query) {
		return Params;
	}// return empty object
	var Pairs = query.split(/[;&]/);
	for ( var i = 0; i < Pairs.length; i++) {
		var KeyVal = Pairs[i].split('=');
		if (!KeyVal || KeyVal.length != 2) {
			continue;
		}
		var key = unescape(KeyVal[0]);
		var val = unescape(KeyVal[1]);
		val = val.replace(/\+/g, ' ');
		Params[key] = val;
	}
	return Params;
}

//
// pause(numberMillis)
// Pauses code execution for specified time. Uses busy code, not good.
//
function pause(ms) {
	var date = new Date();
	curDate = null;
	do {
		var curDate = new Date();
	} while (curDate - date < ms);
}

// ---------------------------------------------------
function getWindowWidth() {
	return (window.innerWidth || document.documentElement.clientWidth
			|| document.body.clientWidth || 0);
}

function getWindowHeight() {
	return (window.innerHeight || document.documentElement.clientHeight
			|| document.body.clientHeight || 0);
}

function getDocumentWidth() {
	return Math.min(document.body.scrollWidth, this.getWindowWidth());
}

function getDocumentHeight() {
	return Math.max(document.body.scrollHeight, this.getWindowHeight());
}

function fixPng() {
	if (Prototype.Browser.IE) {
		var images = document.getElementsByTagName("img");
		if (images) {

			for ( var i = 0; i < images.length; i++) {
				if ((images[i].src.indexOf(".png")) != -1) {
					var srcname = images[i].src.replace(new RegExp(
							'(.*)\/(.*)?\.png'), "$2");
					images[i].parentNode.style.display = "inline-block";
					images[i].style.visibility = "hidden";
					images[i].style.marginTop = "0";
					images[i].parentNode.style.filter = "progid:dximagetransform.microsoft.alphaimageloader(src='images/"
							+ srcname + ".png',sizingmethod='crop');";
				}
			}
		}
	}
}

function center(element, centerX, centerY, toParent) {
	var self = this;
	
	if (!element.getStyle('position') != 'absolute') {
		element.setStyle( {
			position : 'absolute'
		});
	}
	
	var dimensions, windowWidth, windowHeight;
	
	if (toParent) {
		dimensions = element.getDimensions();
		windowWidth = $(element.parentNode).getDimensions().width;
		windowHeight = $(element.parentNode).getDimensions().height;
	} else {
		dimensions = element.getDimensions();
		windowWidth = getWindowWidth();
		windowHeight = getWindowHeight();
	}
	
	var docWidth = getDocumentWidth();
	var docHeight = getDocumentHeight();
	
	Position.prepare();
	var offset_left = (Position.deltaX + Math
			.floor((windowWidth - dimensions.width) / 2));
	var offset_top = (Position.deltaY + ((windowHeight > dimensions.height) ? Math
			.floor((windowHeight - dimensions.height) / 2)
			: 0));
	if (centerX)
		element
				.setStyle( {
					left : ((dimensions.width <= docWidth) ? ((offset_left != null && offset_left > 0) ? offset_left
							: '0') + 'px'
							: 0),
					position : 'absolute'
				});
	if (centerY)
		element
				.setStyle( {
					top : ((dimensions.height <= docHeight) ? ((offset_top != null && offset_top > 0) ? offset_top
							: '0') + 'px'
							: 0),
					position : 'absolute'
				});

}

// ---------------------------------------------------
function initLightbox() {
	myLightbox = new Lightbox();
}