var ImagesPreviewer = {
	initialize: function () {
		var imgs = document.getElementsByTagName ('img');
		var items = new Array ();
		for (var i = 0; i < imgs.length; i ++)
			if (/imagePreviewItem/.test(imgs[i].className)) {
				var e = {thumb: imgs[i]};
				var size = /imagePreviewItem\((\d*),(\d*)\)/.exec(imgs[i].className);
				if (!size) continue;
				e.width = parseInt(size[1]);
				e.height = parseInt (size[2]);
				e.fullSrc = imgs[i].src.replace(/_th/, '');
				var j = items.length;
				imgs[i].onclick = function (k) { return function () { ImagesPreviewer.viewImage(k); }; }(j);
				items.push(e);
			}
		this.items = items;
		this.backgroundElement = document.getElementById('images_previewer_layer_back');
		this.element = document.getElementById('images_previewer_layer');
		this.img = this.element.getElementsByTagName ('img')[0];
		this.element.onclick = function () { ImagesPreviewer.hide (); };
	},
	viewImage: function (i) {
		var windowWidth = (window.innerWidth || document.body.offsetWidth || document.documentElement.offsetWidth);
		var windowHeight = (window.innerHeight || document.body.offsetHeight || document.documentElement.offsetHeight);
		this.img.style.width = this.items[i].width + "px";
		this.img.style.height = this.items[i].height + "px";
		this.img.style.marginTop = (windowHeight - this.items[i].height - 30) / 2 + "px";
		this.img.src = this.items[i].fullSrc;
		this.backgroundElement.style.display = 'block';
		this.element.style.display = 'block';
	},
	hide: function () {
		this.element.style.display = 'none';
		this.backgroundElement.style.display = 'none';
	}
}