function viewer_load(source, titel)
	{
	var foto_img = new Image();
	var window_breite = parseInt($(window).width());
	var window_hohe = parseInt($(window).height());

    $('#viewer').show(0, function(){
    	$('#viewerHintergrund').animate({opacity: 0}, 0).show().animate({opacity: 0.75}, 'slow', function(){
        	$('#viewerContainer').fadeIn('slow', function(){
    			var links_start = parseInt($('#viewerContainer').position().left) - parseInt($('#viewerContainer').outerWidth()) / 2;
    			var aussenabstand = parseInt($('#viewerContainer').position().top);
            	var container_breite = 2 * aussenabstand + parseInt($('#viewerContainer').outerWidth()) - parseInt($('#viewerContainerFoto').width()) + 2;
                var container_hohe = 2 * aussenabstand + parseInt($('#viewerContainer').outerHeight()) - parseInt($('#viewerContainerFoto').height()) + 2 + 55;

            	foto_img.onload = function(){
	                var foto_breite = parseInt(foto_img.width);
	                var foto_hohe = parseInt(foto_img.height);
	                var foto_verhaltnis = foto_breite / foto_hohe;

                    if(foto_hohe + container_hohe >= window_hohe)
                		{
                    	foto_hohe = window_hohe - container_hohe;
                        foto_breite = parseInt(foto_hohe * foto_verhaltnis);
                        }

                    if(foto_breite + container_breite >= window_breite)
                    	{
                    	foto_breite = window_breite - container_breite;
                        foto_hohe = parseInt(foto_breite / foto_verhaltnis);
                        }

                    $('#viewerContainerTopText').text(titel);
                    $('#viewerContainerFotoImg').attr('width', foto_breite).attr('height', foto_hohe).attr('src', foto_img.src);

                    var links_ende = (window_breite - (foto_breite + container_breite)) / 2 + aussenabstand;

                    $('#viewerContainer').css('margin', '0').css('left', links_start);

                    $('#viewerContainerFoto').animate({height: foto_hohe + 2}, 1000, function(){
                    	$('#viewerContainerFoto').animate({width: foto_breite + 2}, 1000)
                    	$('#viewerContainer').animate({left: links_ende}, 1000, function(){
                        	$('#viewerContainerTop').slideDown('slow', function(){
								$('#viewerContainerBottom').slideDown('slow', function(){
                                	$('#viewerContainerFotoLoading').fadeOut('fast', function(){
                                    	$('#viewerContainerFotoImg').fadeIn('slow');
                                    });
                                });
                            });
                        });
                    });
            	}

	            foto_img.src = source.replace('thb_', '');
            });
		});
	});

    $('#viewerContainerBottomSchliessen').click(function(){
		schliessen()
	});

	}

function schliessen()
	{
    $('#viewerContainer').fadeOut('slow', function(){
    	$('#viewerContainerFotoImg').removeAttr('width').removeAttr('height').attr('src', '5_bilder/allgemein/tmp.png').hide();
        $('#viewerContainerFotoLoading').show();
        $('#viewerContainerFoto').removeAttr('style');
        $('#viewerContainerBottom').hide();
        $('#viewerContainerTop').hide();
        $('#viewerHintergrund').fadeOut('slow', function(){
			$('#viewer').hide();
        	$('#viewerContainer').removeAttr('style');
        });
    });
    }