$(function() {
	$('.detalle img').click(function() {
		$('body').prepend(
			$('<div id="imagenGrande" style="height:' + $('body').height() + 'px"><div class="fondo"></div><a href="#">Close</a><img src="' + $(this).attr('src') + '" /></div>')
		);

		var img = $('#imagenGrande img').css('visibility', 'hidden');
		var a = $('#imagenGrande a').hide();
		$('#imagenGrande').show().fadeIn('slow').find('img').load(function() {
			img.css('visibility', 'visible');
			var medioAnchoImagen = img.width() / 2;
			var medioAltoImagen = img.height() / 2;
			var anchoEnlace = a.width();
			var altoEnlace = a.height();
			$('#imagenGrande').click(function() {
				$(this).fadeOut(function() {
					$(this).remove();
				});
			}).find('.fondo').css('opacity', 0.8).end().find('img').css({
				'margin-left': -medioAnchoImagen/*,
				'margin-top': -medioAltoImagen*/
			}).end().find('a').show().css({
				'margin-left': medioAnchoImagen - anchoEnlace,/*
				'margin-top': -medioAltoImagen - altoEnlace*/
			});
		});
	}).css('cursor', 'pointer');
});