document.addEvent('click', function(e) {
	var elt = $(e.target);
	var full = elt;
	if(elt.match('div.fullscreen') || (full = elt.getParent('div.fullscreen')))
		full.dispose();
	else if(elt.match('img.modal')) {
		var winSize = window.getSize();
		var winRatio = winSize.x / winSize.y;
		var eltSize = elt.getSize();
		var eltRatio = eltSize.x / eltSize.y;
		var nEltSize = {x: 0, y: 0};
		var border = 20;
		if(eltRatio > winRatio) {
			nEltSize.x = winSize.x - (3 * border);
			nEltSize.y = Math.round((eltSize.y * nEltSize.x) / eltSize.x);
		} else {
			nEltSize.y = winSize.y - (2 * border);
			nEltSize.x = Math.round((eltSize.x * nEltSize.y) / eltSize.y);
		}
/*
		var div = document.createElement('div');
		div.addClass('fullscreen');
		div.innerHTML = '<img src="' + elt.getProperty('src') + '" width="' + nEltSize.x + '" height="' + nEltSize.y + '" class="modal" \>';
		document.body.appendChild(div);
*/		document.body.grab(new Element('div', {
			'class': 'fullscreen',
			'html': '<img src="' + elt.getProperty('src') + '" width="' + nEltSize.x + '" height="' + nEltSize.y + '" class="modal" \>'
		}));
	}
});