Photo = {
	Image : null,
	Presenter : null,
	Curtain : null,
	Zoom : function(fileId) {
		var body = document.getElementsByTagName('body')[0];
		var imgSrc = '/photo/border/' + fileId + '/' + (Photo.getWidth() - 80) + '/' + (Photo.getHeight() - 80) + '/';
		
		Photo.Curtain = document.createElement('a');
		Photo.Curtain.className = 'imgCurtain';
		Photo.Curtain.style.top = Photo.getScrollTop() + 'px';
		Photo.Curtain.href = 'javascript:Photo.Close()';
		body.appendChild(Photo.Curtain);
		
		Photo.Presenter = document.createElement('div');
		Photo.Presenter.className = 'imgPresenter';
		Photo.Presenter.style.width = '200px';
		Photo.Presenter.style.height = '200px';
		
		body.appendChild(Photo.Presenter);

		var left = (Photo.getWidth() - Photo.Presenter.offsetWidth) / 2 + Photo.getScrollLeft();
		var top = (Photo.getHeight() - Photo.Presenter.offsetHeight) / 2 + Photo.getScrollTop();
		
		Photo.Presenter.style.left = left + 'px';
		Photo.Presenter.style.top = top + 'px';
		Photo.Presenter.innerHTML = '<span>Ładuję...</span>';

		Photo.Image = document.createElement('img');
		Photo.Image.onload = Photo.Loaded;		
		Photo.Image.src = imgSrc;		
	},
	Loaded : function() {
		Photo.Presenter.style.width = Photo.Image.width + 'px';
		Photo.Presenter.style.height = (Photo.Image.height + 20) + 'px';
		
		Photo.Presenter.innerHTML = '<a href="javascript:Photo.Close()" onfocus="blur()">Zamknij</a>';
		
		var left = (Photo.getWidth() - Photo.Presenter.offsetWidth) / 2 + Photo.getScrollLeft();
		var top = (Photo.getHeight() - Photo.Presenter.offsetHeight) / 2 + Photo.getScrollTop();

		Photo.Presenter.style.left = left + 'px';
		Photo.Presenter.style.top = top + 'px';
		
		Photo.Presenter.style.backgroundImage = 'url(\'' + Photo.Image.src + '\')';
		
	},
	Close : function() {
		Photo.Presenter.parentNode.removeChild(Photo.Presenter);
		Photo.Presenter = null;
		Photo.Curtain.parentNode.removeChild(Photo.Curtain);
		Photo.Curtain = null,
		Photo.Image = null;
	},
	getWidth : function() {
		if(window.innerWidth && typeof(window.innerWidth) == 'number' )
	    	return window.innerWidth;
	  	if(document.documentElement && document.documentElement.clientWidth)
		    return document.documentElement.clientWidth;
		if(document.body && document.body.clientWidth)
			return document.body.clientWidth;
	},
	getHeight : function() {
		if(window.innerHeight && typeof(window.innerHeight) == 'number' )
	    	return window.innerHeight;
	  	if(document.documentElement && document.documentElement.clientHeight)
		    return document.documentElement.clientHeight;
		if(document.body && document.body.clientHeight)
			return document.body.clientHeight;
	},
	getScrollTop : function() {
		if(window.pageYOffset && typeof(window.pageYOffset) == 'number')
			return window.pageYOffset;
		if(document.body && document.body.scrollTop)
			return document.body.scrollTop;
		if(document.documentElement && document.documentElement.scrollTop)
			return document.documentElement.scrollTop;
		return -1;
	},
	getScrollLeft : function() {
		if(window.pageXOffset && typeof(window.pageXOffset) == 'number')
			return window.pageXOffset;
		if(document.body && document.body.scrollLeft)
			return document.body.scrollLeft;
		if(document.documentElement && document.documentElement.scrollLeft)
			return document.documentElement.scrollLeft;
		return -1;
	}
}