$(document).ready(function() {
	
	$('.tumpbild').click(function() {
		/* hack for screwed page layout
		var win_w = $(window).width();
		var wrapper_w = $('.wrapper').width();
		whack = (win_w - wrapper_w) / 2;
		if (whack < 0) whack = 0;
		var body_t = $('body').offset().top;
		 end hack */
		var img = new Image();
		var $med = $('#artbild1');
		var minsrc = $(this).attr('src');
		var medsrc = minsrc.replace("mini/","");
		/*var med_l = $med.offset().left - whack;*/
		var med_l = $med.offset().left
		/*var med_t = $med.offset().top - body_t;*/
		var med_t = $med.offset().top;
		var med_w = $med.width();
		var med_h = $med.height();
		var l = $(this).offset().left;
		/*var l = $(this).offset().left - whack;*/
		var t = $(this).offset().top;
		/*var t = $(this).offset().top - body_t;*/
		var w = $(this).width();
		var h = $(this).height();
		var $foo = $(this).clone();
		$foo.css('position','absolute');
		$foo.css('z-index',250);
		$foo.css('padding',0);
		$foo.css('margin',0);
		$foo.css('left',l);
		$foo.css('top',t);
		$(this).after($foo);
		$foo.animate({
			left:med_l,
			top:med_t,
			width:med_w,
			height:med_h
		},500,function(){
			$(img).load(function(){
				$med.attr('src',medsrc);
				$foo.fadeOut(250,function(){
					$foo.remove();
				});
			}).attr('src',medsrc);
		});
	});
	
	$('#artbild1').click(function() {
        var dtop = $(document).scrollTop();
		var win_w = $(window).width();
		var win_h = $(window).height();
		var src = $(this).attr('src');
		var path = src.replace(/\\/g,'/').replace(/\/[^\/]*\/?$/, '') + "/";
		var fname = src.replace(path,"");
		var maxsrc = path + "maxi/" + fname;
		var askurl = '/bild_existiert.php?bild='+maxsrc;
		var maxfound = "false";
		var w = 0;
		var h = 0;
		var l = 0;
		var t = 0;
		$.ajax({
			type:'GET',
			url:askurl,
			cache:false,
			async:false,
			success:function(res){
				maxfound = res; 
			}
		});
		if (maxfound == "false") {
			var $me = $(this);
			w = $(this).width();
			h = $(this).height();
			l = $(this).offset().left;
			t = $(this).offset().top;
			var e_w = 512;
			var e_h = 384;
			var e_l = (win_w - e_w) / 2;
			var e_t = (win_h - e_h) / 2;
			var $foo = $(this).clone();
			$foo.css('position','absolute');
			$foo.css('left',l);
			$foo.css('top',t);
			$foo.css('z-index',253);
			$foo.css('padding',0);
			$foo.css('margin',0);		
			$('body').append($foo);
			$me.css('opacity',0);
			$foo.animate({
				left:e_l,
				top:e_t + dtop,
				width:e_w,
				height:e_h
			},500,function(){
				$foo.css('-moz-box-shadow','0 0 18px #000');
				$foo.css('-webkit-box-shadow','0 0 18px #000');
				$foo.click(function(){
					$foo.css('-moz-box-shadow','');
					$foo.css('-webkit-box-shadow','');
					$foo.animate({
						left:l,
						top:t,
						width:w,
						height:h
					},500,function(){
						$me.css('opacity',1);
						$foo.remove();
					});
				});
			});
		} else {
			var l = $(this).offset().left;
			var t = $(this).offset().top;
			var w = $(this).width();
			var h = $(this).height();
			var pad = 40;
			var e_w = win_w - (pad * 2);
			var e_h = e_w * 0.75;
			var e_l = pad;
			var e_t = (win_h - e_h) / 2;
			var $foo = $(this).clone();
			$foo.css('position','absolute');
			$foo.css('left',l);
			$foo.css('top',t);
			$foo.css('z-index',253);
			$foo.css('margin',0);		
			$('body').append($foo);
			$foo.animate({
				left:e_l,
				top:e_t + dtop,
				width:e_w,
				height:e_h
			},500,function(){
				var img = new Image();
				var $bar = $foo.clone();
				$(img).load(function(){
					$bar.attr('src',maxsrc);
					$bar.css('z-index',250);
					$bar.css('-moz-box-shadow','0 0 18px #000');
					$bar.css('-webkit-box-shadow','0 0 18px #000');
					$('body').append($bar);
					$foo.fadeOut(250,function(){
						$foo.remove();
						xw = img.width;
						if (win_w - (pad * 2) > xw) {
							xh = img.height;
							xl = (win_w - xw) / 2;
							xt = ((win_h - xh) / 2) + dtop;
							$bar.css('width', xw);
							$bar.css('height', xh);
							$bar.css('left', xl);
							$bar.css('top', xt);
						}
					});
					$bar.click(function(){
						$bar.css('-moz-box-shadow','');
						$bar.css('-webkit-box-shadow','');
						$bar.animate({
							left:l,
							top:t,
							width:w,
							height:h
						},500,function(){
							$bar.remove();
						});							
					})
				}).attr('src',maxsrc);
			});
		}
	});

});