var imgviewer = {
	pagesrc:[],
	current_page: 0,
	imgs:{},
	host: 'http://'+window.location.host,
	open_viewer: function (e) {
		var cthis = e.data.cthis;
		var img = $(e.target).parent('a').attr('href');
		var re = new RegExp('^'+cthis.host);
		img = img.replace(re, '');
		cthis.current_page = $.inArray(img, cthis.pagesrc);
		cthis.close_viewer();
		var s = $('<div id="Shield"/>').appendTo(document.body).css({
			position:'absolute',
			left:0,
			top:0,
			opacity:0.7,
			zIndex:10,
			background:'#000',
			width:$(document.body).width(),
			height:$(document).height()
		});
		var w = $('<div id="Control"/>').appendTo(document.body).css({
			position:'absolute',
			left:0,
			top:0,
			zIndex:11,
			'text-align':'center',
			width:$(document.body).width(),
			height:$(document).height()
		}).html('<div id="Control" style="margin-top:'+($(document).scrollTop()+100)+'px;">ЗАГРУЗКА...<br/><img src="/images/ajax-loader01.gif" width="128" height="15"/>');
		if (typeof(cthis.imgs[img]) == 'undefined' || !cthis.imgs[img].complete) {
			cthis.imgs[img] = new Image();
			cthis.imgs[img].onload = function () { cthis.show_image(cthis, img) };
			cthis.imgs[img].src = img;
		} else {
			cthis.show_image(cthis, img);
		}
		return false;
	},
	close_viewer: function () {
		$('#Shield').remove();
		$('#Control').remove();
	},
	show_image: function (cthis, img) {
		var s = $('#Shield');
		var w = $('#Control').empty();
		//var oi = $('<img style="display:none;margin-top:'+($(document).scrollTop()+25)+'px;" src="" />').appendTo(w)
		//.attr('src', cthis.imgs[img].src).fadeIn('normsl')
		//.click(function(){ cthis.close_viewer() });
		w.html('<div style="color:#fff;margin-bottom:5px;margin-top:'+($(document).scrollTop()+20)+'px;">для возврата к странице нажмите левую кнопку мыши</div>');
		var oi = $('<img title="для возврата к странице нажмите левую кнопку мыши" style="display:none;" src="" />').appendTo(w)
		//var oi = $('<img title="Для возврата к странице нажмите на картинку" style="display:none;margin-top:'+($(document).scrollTop()+25)+'px;" src="" />').appendTo(w)
		.attr('src', cthis.imgs[img].src).fadeIn('normal');
		w.click(function(){ cthis.close_viewer() });
		w.css({
			width:$(document.body).width()
// 			height:$(document).height()
		});
		s.css({
			width:$(document.body).width(),
			height:$(document).height()
		});
	},
	init: function () {
		var cthis = this;
		$('a.ImgLink_').each(function(){
			cthis.pagesrc.push($(this).attr('href'));
			$(this).bind('click', {'cthis':cthis}, cthis.open_viewer);
		});
	}
}


$(document).ready(function(){
	imgviewer.init();
})