// -----------------------------------------------------------------------------------

//

//  Modal Popup Generator

//  requires Prototype and Scriptaculous

//

//	ModalPopup v0.1

//	by Nathan Bentley - http://pod1.com

//	18/09/2007

//

//	v0.101

//	by Steve Craig - :P

//	15/10/2007

//

//	getPageScroll() and getPageSize() taken from Lightbox v1.0

//

//

// -----------------------------------------------------------------------------------

/*

	var myModalPopup = new modalPopup('name_of_my_div');

	

	<a href="../../peeq-live/js/fallback_location" onclick="myModalPopup.show(); return false;">Show popup</a>



	<div id="name_of_my_div">

	My content goes here.

	<a href="../../peeq-live/js/fallback_location" onclick="myModalPopup.hide(); return false;">Hide popup</a>

	</div>



	

*/

// -----------------------------------------------------------------------------------



var modalPopupCurrentId = '';



function modalPopup(modalPopupContentId, afterFinishFunction)

{

	this.modalPopupContentId = modalPopupContentId;

	this.afterFinishFunction = afterFinishFunction;

	this.hideOnClick = false;

	this.transitionDuration = 0.3;

	this.minimumTopMargin = 10;

	this.settings = $H( {} );

	this.overlayId = 'overlay';

}



modalPopup.prototype.afterFinish = function (afterFinishFunction)

{

	this.afterFinishFunction = afterFinishFunction;

}



modalPopup.prototype.setOverlayId = function (OverlayId)

{

	this.overlayId = OverlayId;

}



modalPopup.prototype.hideWhenClicked = function (status)

{

	this.hideOnClickFlag = status;

	this.settings.merge( { hideOnClickFlag : status } );

}	



modalPopup.prototype.setTransitionDuration = function (duration)

{

	this.transitionDuration = duration;

	this.settings.merge( { transitionDuration : duration } );

}	



modalPopup.prototype.show = function ()

{

	//tmpVar = this.settings;

	//alert(tmpVar['hideOnClickFlag']);

	//tmpVar.each(function(pair) {

 // alert(pair.key + ' = "' + pair.value + '"');

//});

	

	modalPopupCurrentId = this.modalPopupContentId;

	

	transitionDuration = this.transitionDuration;

	

	var modelBorderWidth = 10;

	var objModalDialog = $('modalPopupBox');

	var objModalContent = $(this.modalPopupContentId);

	

	if( document.getElementById(this.modalPopupContentId) == null)

	{

		return false;

	}

	

	// Check if we have an exclusionArray (set with instantiating this modalPopup object).

	// exclusionArray is used indicate 'problem' elements (e.g. SELECT and Flash) we do NOT 

	// want to change the display style of (hide/show).

	ExclusionArray = (typeof(this.exclusionArray) != 'undefined' ? this.exclusionArray : undefined);

	hideOverlayedElements(ExclusionArray);

	

	var objBody = document.getElementsByTagName("body").item(0);

	

	var objOverlay = document.createElement("div");

	objOverlay.setAttribute('id',this.overlayId);

	// commented out so that box ignores overlay clicking

	

	thisSelf = this;

	

	if(this.hideOnClickFlag == true)

	{

		objOverlay.onclick = function () { thisSelf.hide(); }

	}

	

	objOverlay.style.display = 'none';

	objOverlay.style.position = 'absolute';

	objOverlay.style.top = '0';

	objOverlay.style.left = '0';

	objOverlay.style.zIndex = '990';

	objOverlay.style.width = '100%';

	objBody.insertBefore(objOverlay, objBody.firstChild);

	

	// prep objects

	var objOverlay = $(this.overlayId);

	

	var arrayPageSize = getPageSize();

	var arrayPageScroll = getPageScroll();



	// set height of Overlay to take up whole page and show

	objOverlay.style.height = (arrayPageSize[1] + 'px');

	objOverlay.style.display = 'block';

	

	objModalDialog.style.display = "block";

	

	objModalDialog.appendChild(objModalContent);

	

	objModalContent.show();

	modalOriginalHeight =  parseFloat(objModalContent.offsetHeight);

	modalOriginalWidth = parseFloat(objModalContent.offsetWidth);

	

	//alert(modalOriginalHeight);

	//alert(modalOriginalWidth);

	

	objModalContent.hide();

	

	//modalOriginalHeight =  parseFloat(objModalContent.getStyle('height'));

	//modalOriginalWidth = parseFloat(objModalContent.getStyle('width'));



	objModalContent.setStyle( { height : modalOriginalHeight,  width : modalOriginalWidth } );

	

	objModalDialog.setStyle( { height: (modalOriginalHeight / 2) + 'px' } );

	objModalDialog.style.width = (modalOriginalWidth / 2) + 'px';



	Scale = 200;

	

	var modalBoxTop = arrayPageScroll[1] + ((arrayPageSize[3] - ( ( modalOriginalHeight + modelBorderWidth)  / 2)) / 2);

	var modalBoxLeft = ((arrayPageSize[0]  - ( ( modalOriginalWidth + modelBorderWidth)  / 2)) / 2);



	var predictedTopAtFinish =  modalBoxTop - (modalOriginalHeight / 4);

	

	if(predictedTopAtFinish < this.minimumTopMargin)

	{

		modalBoxTop = (modalOriginalHeight / 4) + this.minimumTopMargin;

	}

	

	objModalDialog.style.top = (modalBoxTop < 0) ? "0px" : modalBoxTop + "px";

	objModalDialog.style.left = (modalBoxLeft < 0) ? "0px" : modalBoxLeft + "px";

	

	

	

	if(typeof(this.afterFinishFunction) == 'function')

	{

		afterFinishFunction = this.afterFinishFunction;

	}

	

	new Effect.Scale(objModalDialog, Scale, 

					{

						scaleX: false,

						scaleContent: false,

						duration: transitionDuration,

						scaleFromCenter: true,

						queue: 'front',

						scaleMode: {

							originalWidth: (modalOriginalWidth / 2),

							originalHeight: (modalOriginalHeight / 2)

						}

					});

	new Effect.Scale(objModalDialog, Scale, 

					 {

						 scaleY: false, 

						 scaleContent: false, 

						 delay: transitionDuration, 

						 scaleFromCenter: true, 

						 duration: transitionDuration,

						 afterFinish : function () {

								

								Effect.Appear(objModalContent, { duration: transitionDuration,  queue: 'front'} );	

								if(typeof(afterFinishFunction) == 'function')

								{

									afterFinishFunction();

								}

																

						 },

						 scaleMode: {

							originalWidth: (modalOriginalWidth / 2),

							originalHeight: (modalOriginalHeight / 2)

						}

					});

					

}









modalPopup.prototype.hide = function ()

{

	// get objects

	objOverlay = $(this.overlayId);

	objModalDialog = $('modalPopupBox');

	modalPopupContentId = this.modalPopupContentId;

	

	Effect.Fade(objModalDialog, { duration: transitionDuration,  queue: 'front'} );

	Effect.Fade(this.overlayId, {

				duration: 0,

				queue: 'end',

				afterFinish: function () {



							

						showOverlayedElements();

						$(modalPopupContentId).hide();

						$('modalPopupBox').setStyle( { opacity: '1', filter: 'alpha(opacity=100)' } );

						//objModalDialog.setStyle( {height : (objModalDialog.style.height / 2) + 'px'});

						//objModalDialog.setStyle( {width  : (objModalDialog.style.width / 2)});

						

				}

				} );







	// disable keypress listener - not needed at the moment

	//document.onkeypress = '';

}



















//   ---   getPageScroll and getPageSize functions, taken from Lightbox v1.0    ---   //





function showOverlayedElements(){

	var flashObjects = document.getElementsByTagName("object");

	for (i = 0; i < flashObjects.length; i++) {

		if(typeof(ExclusionArray) == 'undefined'

			|| (typeof(ExclusionArray) == 'object'

				&& typeof(flashObjects[i].id) != 'undefined'

				&& ExclusionArray.indexOf(flashObjects[i].id) == -1))

		{

			flashObjects[i].style.visibility = "visible";

			flashObjects[i].style.display = "block";	

		}

	}



	var flashEmbeds = document.getElementsByTagName("embed");

	for (i = 0; i < flashEmbeds.length; i++) {

		if(typeof(ExclusionArray) == 'undefined'

			|| (typeof(ExclusionArray) == 'object'

				&& typeof(flashEmbeds[i].id) != 'undefined'

				&& ExclusionArray.indexOf(flashEmbeds[i].id) == -1))

		{

			flashEmbeds[i].style.display = "block";	

		}

	}

	

	var selects = document.getElementsByTagName("select");

	for (i = 0; i != selects.length; i++) {

		if(typeof(ExclusionArray) == 'undefined'

			|| (typeof(ExclusionArray) == 'object'

				&& typeof(selects[i].id) != 'undefined'

				&& ExclusionArray.indexOf(selects[i].id) == -1))

		{

			selects[i].style.visibility = "visible";

		}

	}

}



// ---------------------------------------------------



function hideOverlayedElements(ExclusionArray){

	var flashObjects = document.getElementsByTagName("object");

	for (i = 0; i < flashObjects.length; i++) {

		if(typeof(ExclusionArray) == 'undefined'

			|| (typeof(ExclusionArray) == 'object'

				&& typeof(flashObjects[i].id) != 'undefined'

				&& ExclusionArray.indexOf(flashObjects[i].id) == -1))

		{

			flashObjects[i].style.visibility = "hidden";

			flashObjects[i].style.display = "none";

		}

	}



	var flashEmbeds = document.getElementsByTagName("embed");

	for (i = 0; i < flashEmbeds.length; i++) {

		if(typeof(ExclusionArray) == 'undefined'

			|| (typeof(ExclusionArray) == 'object'

				&& typeof(flashEmbeds[i].id) != 'undefined'

				&& ExclusionArray.indexOf(flashEmbeds[i].id) == -1))

		{

			flashEmbeds[i].style.display = "none";

		}

	}

	

	var selects = document.getElementsByTagName("select");

	for (i = 0; i != selects.length; i++) {

		if(typeof(ExclusionArray) == 'undefined'

			|| (typeof(ExclusionArray) == 'object'

				&& typeof(selects[i].id) != 'undefined'

				&& ExclusionArray.indexOf(selects[i].id) == -1))

		{

			selects[i].style.visibility = "hidden";

		}

	}



}





function getPageScroll(){



	var yScroll;



	if (self.pageYOffset) {

		yScroll = self.pageYOffset;

	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict

		yScroll = document.documentElement.scrollTop;

	} else if (document.body) {// all other Explorers

		yScroll = document.body.scrollTop;

	}



	arrayPageScroll = new Array('',yScroll) 

	return arrayPageScroll;

}



function getPageSize(){

	

	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(pageWidth,pageHeight,windowWidth,windowHeight) 

	return arrayPageSize;

}