function load_image(img) {
	//$('img#big').fadeTo('fast', 0.44);
	$('img#big').attr('src', img).load(function() {
	//	$('img#big').fadeTo('fast', 1);
	});
	//$('#imagecontainer').removeClass('loading');
}

function closeOverlay() {
	$("#imagecontainer").fadeOut('slow', function() {
		$("#overlay").fadeOut('slow');
		$('#imagecontainer_infobox, #imagecontainer_infobox h2, #imagecontainer_infobox p').hide();
		$('#close').hide();
	});
}

$(document).ready(function() {
	// das dark-overlay
   	overlay_html="";
	overlay_html +='<div id="imagecontainer"><img src="" id="big" />';
	overlay_html +='<div id="imagecontainer_infobox"></\div></\div>';
	overlay_html +='<div id="overlay" style="left:0px; text-align: left; position:absolute; z-index:9999;width:100%;display:none;background:#fff;filter:alpha(opacity=50);-moz-opacity:.80;opacity:.80;"></\div>'; 	
   	
   	// die overlay container dynamisch vor allen anderen 
   	// containern in den body einfuegen
   	$("body").prepend(overlay_html);
	
	var dyn_height = $("body").height();
	
	$("a.image").hover(function() {
		$(this).fadeTo('fast', 0.33);
	},function() {
		$(this).fadeTo('fast', 1.0);
	});
	
	$("a.image, a.imagelink").bind("click", function(e) {
		var linkObj = $(this);
		var url = $(this).attr('href');
		var top=250;
		var infoboxHtml;
		if($(this).hasClass('imagelink')) {
		//top =450;
			infoboxHtml = $('#infos_in_showcase').html();
		}
		else {
			infoboxHtml = $(linkObj).next('div').html();
		}
		$("#overlay").height(dyn_height +400).show('slow', function() { 
			$('html, body').animate({scrollTop:0}, 'slow');
			$("img#big").attr("src", '').addClass('loading');
			$("img#big").attr("src", url);
			$("img#big").removeClass('loading');
			
			/*
			$("#imagecontainer").css({
				top: e.pageY -top
			})
			*/
			
			$("#imagecontainer").fadeIn('slow', function() {
				$('#imagecontainer_infobox').html(infoboxHtml).animate({
					"opacity": "show",
					"width": 200

				}, 500, function() {
					$('#imagecontainer_infobox h2, #imagecontainer_infobox p').fadeIn('slow');
					$('#close').fadeIn('slow');
				});
			});
			
			
			
		});
		e.preventDefault();
	});
	
	$("#close, #overlay").bind("click", function(e) {
		$("#imagecontainer").fadeOut('slow', function() {
			$("#overlay").fadeOut('slow');
			$('#imagecontainer_infobox, #imagecontainer_infobox h2, #imagecontainer_infobox p').hide();
			$('#close').hide();
		});
		e.preventDefault();
	});
	
	$("#infos").hover(
      function () {
        $("#image_box").hide();
		$("#info_box").fadeIn('slow');
      }, 
      function () {
        $("#info_box").hide();
		$("#image_box").show();
      }
    );
	
	$('a.moretext').click(function(e) {
		$(this).hide();
		$(this).next('div').show('fast');
		e.preventDefault();
	})
})