// JavaScript Document

window.addEvent('domready', function () {
	var mask = $$('#mask');
	var modal = $$('#modal');
	var chiudi = $$('#modal .close')
	mask.set('morph',{duration : 500});
	modal.set('morph',{duration : 1000});
	
	var H = window.getScrollSize().y;
	var W = window.getSize().x;

	var modal_left = (W/2) - 293;
	
	mask.setStyles({'height':H+'px','opacity':'0','display':'block'});
	mask.morph({'opacity':'.7'});
	
	modal.setStyles({'opacity':'0','display':'block','left':modal_left+'px'});
	modal.morph({'opacity':'1'});
	
	mask.addEvent('click', function () {
		modal.morph({'opacity':'0','z-index':'-1'})
		this.morph({'opacity':'0','z-index':'-1'})
	})
	
	chiudi.addEvent('click', function () {
		modal.morph({'opacity':'0','z-index':'-1'})
		mask.morph({'opacity':'0','z-index':'-1'})
	})

});