/*
 *   PANOPTIC
 *
 *   Script for fold-out menu
 *   
 *   /scripts/panoptic-zoom.js
 *
 *   vizi | vorm geven aan inhoud
 *
 *   V0.1 - 21/06/2007 - Jeroen Visser
 *
 ************************************************************/

/* CONSTANTEN EN INSTELLINGEN
 *
 */
var zoomId = 'enlarge';
var zoomHTML = '<li><a href="" rel="lytebox" id="enlargeLink"></a></li>';
var zoomSibling = 'slideshow';
var zoomPosition = 'after';
var zoomTitle = '';
var zoomRel = 'lytebox';
var zoomRegexp = /\/k(\d{2})/;

/* HANG EXTRA FEATURES IN DOM
 *
 */
window.addEvent('load', panoptic_zoom_init);


/* ZOOM INIT
 *
 */
function panoptic_zoom_init()
{
	// Schrijf vergrotingslink in document, incluis event.
	var zoomElem = new Element("ul");
	zoomElem.id = zoomId;
	zoomElem.setStyle('display', 'block');
	zoomElem.setStyle('opacity', 0);
	zoomElem.addEvent('click', zoomImage);
	zoomElem.setHTML(zoomHTML);
	zoomElem.inject(zoomSibling, zoomPosition).effect('opacity').custom(0,1);
}

/* HANDLE ENLARGING THE CURRENT IMAGE
 *
 */
function zoomImage(evt) {
	// Haal event op indien nodig.
	evt = (evt) ? evt : (window.event) ? window.event : null;

	// Haal afbeelding op.
	var zIndex = 0;
	var image;
	$$('#slideshow img').each(function(elem) {
		if (elem.style.zIndex >= zIndex)
		{
			zIndex = elem.style.zIndex;
			image = elem;
		}
	});
	
	
	if (typeof(image) !== 'object') return;

	// Maak URL naar grote afbeelding.
	var largeImageSrc = image.src.replace(zoomRegexp, "\/$1");

	enlargeElem = $('enlargeLink');
	enlargeElem.href  = largeImageSrc;
	enlargeElem.title = zoomTitle;
	enlargeElem.rel = zoomRel;
	myLytebox.start(enlargeElem);

	//panopticShow.pause();

	if (evt && evt.preventDefault)
	{
		evt.preventDefault();
	}
	else
	{
		evt.returnValue = false;
	}

	if (this.blur) this.blur();
}