window.addEvent('domready', function() {
	
	// validate form ***********************************************************
	
    
	// lightbox ****************************************************************
	var _readMe = $$('a.showlightbox');
	
	_fader = new Element('div', {
		styles: {
			'opacity': '0.5',
			'backgroundColor': '#000',
			'display': 'none',
			'position':'absolute',
			'top':'91px',
			'left':0,
			'zIndex':998,
			'textIndent': -9999
		},
		text :'$nbsp'
	});
	$$('body')[0].grab(_fader);
	
	_readMe.each(function(_this, i){
		_this.idBox = _this.href.substr(_this.href.indexOf('#')+1);
		var _lightbox = $(_this.idBox);
		
		_lightbox.setStyle('zIndex',999);
		
		_this.addEvent('click', function(){
			_fader.setStyle('display','block');
			_lightbox.setStyle('display','block');

			positionLightbox(_lightbox);
			return false;
		});
			
		_lightbox.getElement('a.more').addEvent('click', function(){
			_fader.setStyle('display','none');
			_lightbox.setStyle('display','none');
			return false;
		});
		
		function positionLightbox(_lbox) {
			var _height = 0;
			var _width = 0;
			var _minWidth = $$('body > div')[0].getSize();
			_minWidth = _minWidth.x;
			if (window.innerHeight) {
				_height = window.innerHeight;
				_width = window.innerWidth;
			} else {
				_height = document.documentElement.clientHeight;
				_width = document.documentElement.clientWidth;
			}
			var _thisHeight = _lbox.getSize();
			_thisHeight = _thisHeight.y;
			var _page = $$('body > div')[0];
			var _pageSize = _page.getSize();
			_pageSize.y = _pageSize.y - 91;
			var _lboxSize = _lbox.getSize();
			
			if (_lbox) {
				if (_height > _pageSize.y) {
					_fader.setStyle('height',_height - 91);
				} else {
					_fader.setStyle('height',_pageSize.y);
				}
				if (_width < _minWidth) {_fader.setStyle('width',_minWidth);} else {_fader.setStyle('width','100%');}
				if (_height > _thisHeight) {
					_lbox.setStyles({
						'position':'absolute',
						'top': "85px"
					});
				} else {
					_lbox.setStyles({
						'position':'absolute',
						'top': 0
					});
				}
				if (_width > _lboxSize.x) _lbox.setStyles({'left':(_width - _lboxSize.x) / 2 + "px"});
				else _lbox.setStyles({'position':'absolute','left': 0});
			}
		}
		window.addEvent('resize', function(){
			positionLightbox(_lightbox)
			return false;
		});
	});
	
});