$(document).ready(function(){
	$(".fadePicture").click(function(){
		fadePicture($(this).attr("href"));
		return false;
	});
	$("#Panorama").click(function(){
		openPanorama($(this).attr("href"));
		return false;
	});
	$("#Video").click(function(){
		openVideo($(this).attr("href"));
		return false;
	});
});

function prepareBody() {
	var loader = document.createElement("div");
	loader.id = 'loader';
	var mid = document.createElement("div");
	mid.id = 'mid';
	var msg = document.createElement("div");
	msg.id = 'msg';
	var closecontainer = document.createElement("div");
	closecontainer.id = 'closecontainer';
	var close = document.createElement("div");
	close.id = 'close';
	var img = new Image();
	$(img).attr("src", "img/close.jpg");
	var clink = jQuery('<a id="aclose" href="#"></a>').click(function(){
		//$("#loader").fadeOut("fast");
		$('#loader').attr("style", "visibility: none;");
		$("#mid").fadeOut("slow", function(){$(this).remove()});
		return false;
	}).append(img);
	$(close).append(clink);
	$(loader).appendTo("body");
	$(mid).appendTo("body");
	$(msg).appendTo(mid);
	$(closecontainer).appendTo(msg);
	$(close).appendTo(closecontainer);
	$('#loader').attr("style", "visibility: visible; height: "+$(document).height()+"px; background-position: center "+ ($(window).scrollTop() + (($(window).height() - 32)/2)) +"px;");
	$('#loader').fadeIn();
}

function fadePicture(link) {
	prepareBody();
	var img = new Image();
	$(img).load(function(){
		$('#msg').append(this);
		$('#msg').attr("style", "width: "+ this.width +"px;");
		$('#mid').attr("style", "top: "+ ($(window).scrollTop() + (($(window).height() - this.height)/2) - 20) +"px;");
		$('#mid').fadeIn();
    }).attr('src', link);
}

function openPanorama(link) {
	prepareBody();
	$("#msg").append('<object width="950" height="331" data="'+link+'" type="application/x-shockwave-flash"><param name="movie" value="'+link+'"><param name="wmode" value="transparent"></object><p>Hier sehen Sie das Panorama auf den Bodensee von unserer Terrasse aus.</p>');
	$('#msg').attr("style", "width: 950px; height: 381px;");
	$('#mid').attr("style", "top: "+ ($(window).scrollTop() + (($(window).height() - 381)/2) - 20) +"px;");
	$("#mid").fadeIn();
}
function openVideo(link) {
	prepareBody();
	$("#msg").append('<object width="480" height="380" data="'+link+'" type="application/x-shockwave-flash"><param name="movie" value="'+link+'"><param name="wmode" value="transparent"></object>');
	$('#msg').attr("style", "width: 480px; height: 380px;");
	$('#mid').attr("style", "top: "+ ($(window).scrollTop() + (($(window).height() - 380)/2) - 20) +"px;");
	$("#mid").fadeIn();
}