function getWinSize() {
 var vals = {'W':0,'H':0};
 if (parseInt(navigator.appVersion)>3) {
  if (navigator.appName=="Netscape") {
   vals.W = window.innerWidth;
   vals.H = window.innerHeight;
  }
  if (navigator.appName.indexOf("Microsoft")!=-1) {
   vals.W = document.body.offsetWidth;
   vals.H = document.body.offsetHeight;
  }
 }
 return vals;
}


document.addEvent('domready', function() {

	$$('p.img a').addEvent('click',function(event){
		event.stop();
		var div = new Element('div', {
			'id': 'overlay',
			'events': {
				'click': function() {
					this.dispose();
				}
			}
		});
		var img = new Element('img', {
			'src': this.get('href')
		});
		img.inject(div);
		div.inject(document.body,'top');
		(function(){
			div.setStyle('height',Math.max(parseInt(document.body.getStyle('height')),parseInt(getWinSize().H)));
			/*div.setStyle('width',Math.max(parseInt(document.body.getScrollSize().x),parseInt(getWinSize().W)));*/
		}).delay(10);
	});

});

document.addEvent('keyup', function(event) {
	if(event.key=='esc') $$('#overlay').dispose();
});