/******************************************************************/
/*                        MOOdalBox 1.2.1                         */
/* A modal box (inline popup), used to display remote content     */
/* loaded using AJAX, written for the mootools framework          */
/*         by Razvan Brates, razvan [at] e-magine.ro              */
/******************************************************************/
/*               http://www.e-magine.ro/moodalbox                 */
/******************************************************************/
/*                                                                */
/* MIT style license:                                             */
/* http://en.wikipedia.org/wiki/MIT_License                       */
/*                                                                */
/* mootools found at:                                             */
/* http://mootools.net/                                           */
/*                                                                */
/* Original code based on "Slimbox", by Christophe Beyls:         */
/* http://www.digitalia.be/software/slimbox                       */
/* REVISION LOG                                                   */
/* 09-Oct-2009  Peter Hornix  S1527  call function of parent after*/
/*                                   closing moodalbox            */
/* 06-Nov-2009  Cinzia Padovan S1754 resizing moodalbox	          */
/*                                  	                          */
/******************************************************************/

var IE = document.all?true:false;
var load_method = (window.ie ? "load" : "domready");

function disable_scroll () {
   if (IE) document.body.scroll = "no";
   else {
        oTop = document.body.scrollTop;
        document.body.style.overflow = "hidden";
        document.body.scrollTop = oTop;
   }
}

function enable_scroll () {
   if (IE) document.body.scroll = "";
   else document.body.style.overflow = "";
   // S1527  call function of parent after enabling scroll 
   try {
      parent.afterMOOdalBox();
   } catch(e) {
}
}

// Constants defined here can be changed for easy config / translation
// (defined as vars, because of MSIE's lack of support for const)

window.extend({
        getHeight: function() {
                if (this.webkit419) return this.innerHeight;
                if (this.opera) return document.body.clientHeight;
                return (document.documentElement.clientHeight > document.body.clientHeight || document.documentElement.clientHeight == 0)
                        ? document.body.clientHeight
                        : document.documentElement.clientHeight;
        },
        getWidth: function(){
                if (this.webkit419) return this.innerWidth;
                if (this.opera) return document.body.clientWidth;
                return (document.documentElement.clientWidth > document.body.clientWidth || document.documentElement.clientWidth == 0)
                        ? document.body.clientWidth
                        : document.documentElement.clientWidth;
        },
	getScrollTop: function(){
		return this.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
	}
});

var _ERROR_MESSAGE = "Oops.. there was a problem with your request.<br /><br />" +
					"Please try again.<br /><br />" +
					"<em>Click anywhere to close.</em>"; // the error message displayed when the request has a problem
var _RESIZE_DURATION        = 400; 	// Duration of height and width resizing (ms)
var _INITIAL_WIDTH		= 250;	// Initial width of the box (px)
var _INITIAL_HEIGHT		= 250;	// Initial height of the box (px)
var _CONTENTS_WIDTH 		= 500;	// Actual width of the box (px)
var _CONTENTS_HEIGHT		= 400;	// Actual height of the box (px)
var _DEF_CONTENTS_WIDTH	= 500;	// Default width of the box (px) - used for resetting when a different setting was used
var _DEF_CONTENTS_HEIGHT	= 400;	// Default height of the box (px) - used for resetting when a different setting was used
var _ANIMATE_CAPTION		= true;// Enable/Disable caption animation
var _EVAL_SCRIPTS		= false;// Option to evaluate scripts in the response text
var _EVAL_RESPONSE		= false;// Option to evaluate the whole response text
// The MOOdalBox object in its beauty
var MBox = {
	
	// init the MOOdalBox
	init: function (options) {
		// init default options
		this.options = Object.extend({
			resizeDuration: 	_RESIZE_DURATION,
			initialWidth:		_INITIAL_WIDTH,	
			initialHeight: 	_INITIAL_HEIGHT,
			contentsWidth: 	_CONTENTS_WIDTH,
			contentsHeight: 	_CONTENTS_HEIGHT,
			defContentsWidth: 	_DEF_CONTENTS_WIDTH,
			defContentsHeight: 	_DEF_CONTENTS_HEIGHT,
			animateCaption: 	_ANIMATE_CAPTION,
			evalScripts: 		_EVAL_SCRIPTS,
			evalResponse: 	_EVAL_RESPONSE
		}, options || {});
                 // IE 6 - XML prolog problem
                 if(window.ie6 && document.compatMode=="BackCompat"){
                  this.options.animateCaption = false;
                 }
		// scan anchors for those opening a MOOdalBox
		this.anchors = [];
		$A($$('a')).each(function(el){
			// we use a regexp to check for links that 
			// have a rel attribute starting with "moodalbox"
			if(el.rel && el.href && el.rel.test('^moodalbox', 'i')) {
				el.onclick = this.click.pass(el, this);
				this.anchors.push(el);
			}
		}, this);
		
		// add event listeners
		this.eventKeyDown = this.keyboardListener.bindWithEvent(this);
		this.eventPosition = this.position.bind(this);
		// init the HTML elements
		// the overlay (clickable to close)
		this.overlay = new Element('div').setProperty('id', 'mb_overlay').setProperty('name', 'mb_overlay').setProperty('class', 'mb_overlay').injectInside(document.body);
		// the center element
		this.center = new Element('div').setProperty('id', 'mb_center').setProperty('name', 'mb_center').setStyles({width: this.options.initialWidth+'px', height: this.options.initialHeight+'px', marginLeft: '-'+(this.options.initialWidth/2)+'px', display: 'none'}).injectInside(document.body);
		// the actual page contents
		this.bottom = new Element('div').setProperty('id', 'mb_bottom').setStyle('display', 'none').injectInside(this.center);
		//this.bottom = new Element('div').setProperty('id', 'mb_bottom').setProperty('name', 'mb_bottom').setStyle('display', 'none').injectInside(document.body);
		this.closelink = new Element('a').setProperties({id: 'mb_close_link', href: '#empty'}).injectInside(this.bottom);
		this.closelink2 = new Element('a').setProperties({id: 'mb_close_link2', href: '#empty'}).injectInside(this.bottom);

		//this.caption = new Element('div').setProperty('id', 'mb_caption').injectInside(this.bottom);
		new Element('div').setStyle('clear', 'both').injectInside(this.bottom);
		this.contents = new Element('div').setProperty('id', 'mb_contents').injectInside(this.center);
		// the bottom part (caption / close)
	
		//this.error = new Element('div').setProperty('id', 'mb_error').setProperty('name', 'mb_error').setHTML(_ERROR_MESSAGE);
		
		// attach the close event to the close button / the overlay
		this.closelink.onclick =  MOOdalBox.close.bind(this);
		this.closelink2.onclick = MOOdalBox.closeAll.bind(this);
                 this.overlay.onclick = null;
		// init the effects
		var nextEffect = this.nextEffect.bind(this);
		this.fx = {
			overlay: 	this.overlay.effect('opacity', { duration: 500 }).hide(),
			resize: 	         this.center.effects({ duration: this.options.resizeDuration, onComplete: nextEffect }),
			bottom: 	         this.bottom.effects( { duration: 0, onComplete: nextEffect }),
			contents:        this.contents.effect('opacity', { duration: 500, onComplete: nextEffect })
		};

		this.ajaxRequest = Class.empty;

	},
	
	click: function(link) {
		return this.open (link.href, link.title, link.rel);
	},

	open: function(sLinkHref, sLinkTitle, sLinkRel) {
          //if (!MOOdalBox.activated) {
  	    this.title = sLinkTitle;
	    this.rel = sLinkRel;
   	    //}   
           this.top = Window.getScrollTop();
	    /*for(var f in this.fx) this.fx[f].clearTimer();
	    this.center.style.display = this.bottom.style.display = 'none';
           this.center.className = 'mb_loading';
           this.center.style.width= this.options.initialWidth+'px';
           this.center.style.height = this.options.initialHeight+'px';
           this.contents.style.width= this.options.initialWidth+'px';
           this.contents.style.height = this.options.initialHeight+'px';
           this.center.style.marginLeft = '-'+(this.options.initialWidth/2)+'px'; */
 	    this.center.setStyles({top: this.top+'px', display: ''});
	    this.href = sLinkHref;
	    this.position();
	    this.setup(true);
	    this.fx.overlay.custom(0.8);
	    return this.loadContents(sLinkHref);
	},

	position: function() {
		this.overlay.setStyles({top: Window.getScrollTop()+'px', height: '100%'}); //Window.getHeight()+'px'});
              //this.overlay.setStyles({top: this.top+'px', height: '100%'}); //Window.getHeight()+'px'});
	},

	setup: function(open) {
		var elements = $A($$('object'));
		elements.extend($$(window.ActiveXObject ? 'select' : 'embed'));
		elements.each(function(el){ el.style.visibility = open ? 'hidden' : ''; });
		var fn = open ? 'addEvent' : 'removeEvent';
		window[fn]('scroll', this.eventPosition)[fn]('resize', this.eventPosition);
		document[fn]('keydown', this.eventKeyDown);
		this.step = 0;
	},
	
	loadContents: function() {		
		if(this.step) return false;
		this.step = 1;
		
		// check to see if there are specified dimensions
		// if not, fall back to default values
		var aDim = this.rel.match(/[0-9]+/g);
		this.options.contentsWidth = (aDim && (aDim[0] > 0)) ? aDim[0] : this.options.defContentsWidth;
		this.options.contentsHeight = (aDim && (aDim[1] > 0)) ? aDim[1] : this.options.defContentsHeight;

		//this.bottom.setStyles({opacity: '0', height: '0px', display: 'none'});

       	 this.contents.setHTML('').setStyle('overflow', 'hidden');

  	        this.fx.contents.hide();
	        this.center.className = 'mb_loading';
		
                //this.mb_iframe = new Element('iframe').setProperty('id', 'mb_frame').setProperty('name', 'mb_frame').setProperty('src', this.href).setProperty('frameborder', '0').setProperty('marginheight','0').setProperty('marginwidth','0').setProperty('style', 'height: ' + this.options.contentsHeight + 'px; width: ' + this.options.contentsWidth +'px;').injectInside(this.contents);
                this.contents.innerHTML = '<IFRAME'+
                     ' id="mb_frame"'+
                     ' name="mb_frame"'+
                     ' src="'+this.href+'"'+
                     ' width="100%"'+
                     ' height="100%"'+
                     ' style="top:0px; border:0;"'+
                     ' frameborder="no"'+
                     ' marginwidth="0"'+
                     ' marginheight="0"'+
                     ' allowtransprency="true"'+
                     '></IFRAME>';

               if ((this.href.match(/img/g))||(!this.href.match(/owa_dima/g))) {
                this.nextEffect();
               }
               return false;    
             
		// AJAX call here
		var nextEffect = this.nextEffect.bind(this);
                var ajaxFailure = this.ajaxFailure.bind(this);
		var ajaxOptions = {
			method: 	'get',
			update: 	this.contents, 
			evalScripts: 	this.options.evalScripts,
			evalResponse: this.options.evalResponse,
			onComplete: 	nextEffect, 
			onFailure: 	ajaxFailure
			};
		this.ajaxRequest = new Ajax(this.href, ajaxOptions).request();
	  			
		return false;
		
	},
	
	ajaxFailure: function (){
		this.contents.setHTML('');
		//this.error.clone().injectInside(this.contents);
		this.nextEffect();
		this.center.setStyle('cursor', 'pointer');
                this.overlay.setStyle('cursor','pointer');
		this.bottom.setStyle('cursor', 'pointer');
		this.center.onclick = this.bottom.onclick = this.close.bind(this);		
	},
	
	nextEffect: function(contentsWidth, contentsHeight) {

		switch(this.step++) {
		case 1:
			// remove previous styling from the elements 
			// (e.g. styling applied in case of an error)
			this.center.className = '';
			this.center.setStyle('cursor', 'default');
                 	this.overlay.setStyle('cursor','default');
			this.bottom.setStyle('cursor', 'default');
			this.center.onclick = this.bottom.onclick = '';
                     // setting a title
			if ((this.title != undefined)&&(this.title != ""))
			   this.closelink2.setHTML(this.title);
                     else this.closelink2.setHTML('');
                     // resize if page is larger than window.

                     if ((contentsWidth != undefined)&&(contentsWidth != "")) { 
                        // @S1754
                        /*if (contentsWidth > window.getWidth() ) this.options.contentsWidth = window.getWidth()
                        else if (window.ie) this.options.contentsWidth = contentsWidth+20;
                        else */
                        this.options.contentsWidth = contentsWidth;

                     }
                     if ((contentsHeight != undefined)&&(contentsHeight != "")) {
                        // @S1754
                        /*if (contentsHeight > window.getHeight() ) this.options.contentsHeight = window.getHeight();
                        else */
                        this.options.contentsHeight = contentsHeight+70;

                     }
 			this.contents.setStyles ({ width: this.options.contentsWidth + "px", height: this.options.contentsHeight + "px"});

			if(this.center.clientHeight != this.contents.offsetHeight) {
				this.fx.resize.custom({height: [this.center.clientHeight, this.contents.offsetHeight]});
				break;
			}
			
			this.step++;
					
		case 2:
			if(this.center.clientWidth != this.contents.offsetWidth) {
				this.fx.resize.custom({width: [this.center.clientWidth, this.contents.offsetWidth], marginLeft: [-this.center.clientWidth/2, -this.contents.offsetWidth/2]});
				break;
			}
			this.step++;
		
		case 3:
               	this.bottom.setStyles({top: 0 + 'px', width: this.contents.style.width, marginLeft: this.center.style.marginLeft, display: ''});
			this.fx.contents.custom(0,1);
			break;
		
		case 4:
			if(this.options.animateCaption) {
				this.fx.bottom.custom({opacity: [0, 1], height: [0, this.bottom.scrollHeight]});
				break;
			}
                    this.bottom.setStyles({opacity: '1', height: this.bottom.scrollHeight+2+'px'});

		case 5:
			this.step = 0;
		}
	},
	
	
	keyboardListener: function(event) {
		// close the MOOdalBox when the user presses CTRL + W, CTRL + X, ESC
		if ((event.control && event.key == 'w') || (event.control && event.key == 'x') || (event.key == 'esc')) {
			this.close();
			event.stop();
		}		
	},

       closeAll: function () {
              this.length = 0;
              this.close();
       },
	
	close: function() {
		if(this.step < 0) return;
		this.step = -1;
   	       for(var f in this.fx) this.fx[f].clearTimer();
		this.fx.overlay.chain(this.setup.pass(false, this)).custom(0);
		//this.center.style.display = this.bottom.style.display = 'none';
		return false;
	}
};
var MBoxes;
var MOOdalBox = {
    
    // Array van Moodalboxes:
    init: function (options) {
          MBoxes = new Array();
	},
	initMBox: function(options) {
	   // Maak nieuwe MBox aan  
	   MBoxes[MBoxes.length] = MBox;
	   MBoxes[MBoxes.length-1].init(options);
	},
	open: function(sLinkHref, sLinkTitle, sLinkRel) {
          if (MBoxes.length==0) {
               disable_scroll();
     	       this.initMBox();
  	       MBoxes[MBoxes.length-1].open(sLinkHref, sLinkTitle, sLinkRel);
          } else {
      	       this.initMBox();
  	       MBoxes[MBoxes.length-1].open(sLinkHref, MBoxes[0].title, sLinkRel);
          }
	},
	nextEffect: function(contentsWidth, contentsHeight) {
	   MBoxes[MBoxes.length-1].nextEffect(contentsWidth, contentsHeight);
	},
	close: function() {
	   MBoxes[MBoxes.length-1].close();
	   MBoxes[MBoxes.length-1]='';
	   MBoxes.pop();
          document.body.removeChild(document.getElementsByName('mb_overlay')[document.getElementsByName('mb_overlay').length-1]);
          document.body.removeChild(document.getElementsByName('mb_center')[document.getElementsByName('mb_center').length-1]);
          //document.body.removeChild(document.getElementsByName('mb_error')[document.getElementsByName('mb_error').length-1]);              
          if (MBoxes.length==0) {
	      enable_scroll();
	   }
       },
	closeAll: function() {
          var x = MBoxes.length;
	   for(var i=0;i<x;i++){
  	  	MBoxes[MBoxes.length-1].close();
	   	MBoxes[MBoxes.length-1]='';
	   	MBoxes.pop();
          	document.body.removeChild(document.getElementsByName('mb_overlay')[document.getElementsByName('mb_overlay').length-1]);
          	document.body.removeChild(document.getElementsByName('mb_center')[document.getElementsByName('mb_center').length-1]);
          	//document.body.removeChild(document.getElementsByName('mb_error')[document.getElementsByName('mb_error').length-1]);              
          }
	   enable_scroll();
	}
};	


// startup IE 7 problem 
window.addEvent(load_method, MOOdalBox.init.bind(MOOdalBox));