$(document).ready( function() {

	var $ldiv = $('<div class="loading-indicator"/>').appendTo('body');
	var $limg  = $('<img src="/images/loading.gif">').appendTo($ldiv);
	$limg.css("visibility", "hidden");
	
	$(".catalog-attachments li").disableSelection();
	$(".catalog-attachments li a").click( function(event) {
		event.preventDefault();
		window.showAttachement = function() {
			var jdiv = $('.attachement-view');
			var jimg = jdiv.children('img');

			var w = jimg.width();
			var h = jimg.height();
			if ((document.all) && (h < 50)) {
				setTimeout("window.showAttachement()", 10);
				return;
			}
			if (w * h > 0) {
				h = h * 600 / w;
				w = 600;
				jimg.css("width", w);
				jimg.css("height", h);
			}
			setTimeout(function() {
				var jdiv = $('.attachement-view');
				jdiv.position({
					my: "center center",
					at: "center center",
					of: window,
					collision: ""
				});
				if(document.all) {
					jdiv.position({
						my: "center center",
						at: "center center",
						of: window,
						collision: ""
					});
				}
				jdiv.css("visibility", "inherit");
				jdiv.click( function(event) {
					event.preventDefault();
					$(this).remove();
				});
				$('.loading-indicator')
					.css("visibility", "hidden")
			}, 1);
		};
	
		var src = $(this).attr('href');
		var img = $(this).siblings('img');
		
		var jdiv = $('<div class="attachement-view" style="visibility:hidden"/>').appendTo('body');
		
		var img = new Image();
		img.onload=new Function("window.showAttachement();");
		img.src=src;

		var jimg  = $(img).appendTo(jdiv);
		jimg.attr('src', src).attr('alt','Нажмите чтобы закрыть');

		
		
			
		$('.loading-indicator')
			.css("visibility", "inherit")
		$('.loading-indicator').position({
			my: "center center",
			at: "center center",
			of: $(this).parents('li'),
			collision: ""
		});
		if(document.all) {
			$('.loading-indicator').position({
				my: "center center",
				at: "center center",
				of: $(this).parents('li'),
				collision: ""
			});
		}	
		
	});
});