// JavaScript Document

var objOverlay;
var insider;

function showPopup(elem){
		insider = $(elem);
		
		var windowSize = $(window).getSize();
		
/*		var scroll = $(window).getScrollSize();
		alert('My element can scroll to ' + scroll.y + 'px'); //alerts 'My element can scro*/
		
		var scroll = $(window).getScroll();
//		alert('My element is scrolled down ' + scroll.y + 'px'); //alerts 'My element is sc
	
		objOverlay = new Element('div', {
			'id': 'overlay',
			'styles': {
					//'display': 'none'
					'opacity': 0,
					'height': (windowSize.y + scroll.y) + "px"
			},
			'events': {
        'click': hidePopup
			}
		});
		
		$(document.body).adopt(objOverlay);
		insider.inject(objOverlay, 'before');
		
		var fadeIn = new Fx.Tween(objOverlay, {
			link: 'cancel',
			property: 'opacity',
			transition: Fx.Transitions.Quad.easeIn,
			/*onStart: function(passes_tween_element){
				passes_tween_element.highlight('#C54641');
			},*/
			onComplete: function(passes_tween_element){
				insider.setStyle('display', 'block');
				insider.setStyle('top', windowSize.y/2 - (insider.getSize().y)/2 + scroll.y);
			}	
    });
		
		fadeIn.start(.75);
		
}

function hidePopup(){
					
	var fadeOut = new Fx.Tween(objOverlay, {
		link: 'cancel',
		property: 'opacity',
		transition: Fx.Transitions.Quad.easeOut,
		onStart: function(passes_tween_element){
			insider.setStyle('display', 'none');
		},
		onComplete: function(passes_tween_element){
			objOverlay.dispose();
		}	
	});
	
	fadeOut.start(0);
}