/***************************/
//@Author: Ingo C. Riemenschneider
//@website: www.celiper.com
//@email: info@celiper.com
//@license: Please ask!
/***************************/

var Galerie_angezeigt = 0;
var Geschwindigkeit = 0;
var max_Width = 800;
var max_Height = 500;

function berechneAbmessungen (hoch, breit) {
	var Abmessungen = new Array (2);
	Abmessungen[0] = hoch;       //Höhe
	Abmessungen[1] = breit;     //Breite
	
	if (hoch > max_Height) {
		var ratio = breit/hoch;
		Abmessungen[0] = max_Height;       //Höhe
		Abmessungen[1] = max_Height * ratio;     //Breite
	}
	if (Abmessungen[1] > max_Width) {
		var ratio = hoch/breit;
		Abmessungen[1] = max_Width;         //Höhe
		Abmessungen[0] = max_Width * ratio;     //Breite
	}
	return Abmessungen
}
function zeigeGalerie () {
	if (!Galerie_angezeigt) {
	    $("#hintergrund").css({"opacity": "0.7"});
	    $("#hintergrund").fadeIn(Geschwindigkeit);
	    $("#galerie").fadeIn(Geschwindigkeit);
        Galerie_angezeigt = 1;
	}
}
function schliesseGalerie () {
	if (Galerie_angezeigt) {
	    $("#hintergrund").fadeOut(Geschwindigkeit);
	    $("#galerie").fadeOut(Geschwindigkeit);
        Galerie_angezeigt = 0;
	}
}
function zeigeBild (Bilder,neuesBild) {
        // alert ("Hoehe: " + $(Bilder[neuesBild]).height() + "\nBreite: " + $(Bilder[neuesBild]).width());
        Abmessungen = berechneAbmessungen($(Bilder[neuesBild]).height()-5,$(Bilder[neuesBild]).width()); // "-5" weil das Bild einen unteren Rand von 5px hat, dessen Ursprung noch nicht gefunden wurde!!
		$(Bilder[neuesBild]).children([0]).attr('height',Abmessungen[0]);
		$(Bilder[neuesBild]).children([0]).attr('width',Abmessungen[1]);
		
		zentrieren(Abmessungen[0],Abmessungen[1]);

        $("#galerie").promise().done(function() {$(Bilder[neuesBild]).toggle();});
		if (neuesBild==0) {
        	var previous = Bilder.length-1;
        } else {
            var previous = neuesBild-1
        }
		if (neuesBild==Bilder.length-1) {
        	var next = 0;
        } else {
            var next = neuesBild+1
        }
        $("#vorher").attr('href',previous);
        $("#nachher").attr('href',next);

}
function verbergeBild (Bilder,altesBild) {
        //alert (altesBild);
        $(Bilder[altesBild]).toggle();

}

function zentrieren(hoch,breit) {
	var FensterHoehe = document.documentElement.clientHeight;
	//var FensterHoehe = $(".main").height();
	var FensterRand = 50;
	var FensterBreite = document.documentElement.clientWidth;
	var GaleriePadding=parseInt($("#galerie").css("padding-top")) + parseInt($("#galerie").css("padding-bottom"));
	var GalerieHoehe = hoch;
	var GalerieBreite = breit;
	
	//alert (GaleriePadding);

	$("#galerie").animate({
        "height": hoch + 0,
        "width": breit + 50,
		// "position": "fixed",
		"top": FensterHoehe/2-GalerieHoehe/2-GaleriePadding/2, //+FensterRand,
		"left": FensterBreite/2-GalerieBreite/2
	},'slow');
}


$(document).ready(function(){
	var Bilder = $("#galeriedaten").children();

	for (var i = 0; i<Bilder.length; i++) {
		 $(Bilder[i]).css('z-index', String(Bilder.length-i)).css('position', 'absolute').hide();
	};
    zentrieren(0,0);

	$(".einzelbild").click(function(){
        var aktLink = parseInt($(this).attr('href'));
        var akt_Bild = aktLink-1;
        zeigeGalerie();
	   	zeigeBild(Bilder,akt_Bild);
        return false;
    })
	$("#vorher").click(function(){
        var neuesBild = parseInt($(this).attr('href'));
        if (neuesBild<Bilder.length-1) {
            var	altesBild=neuesBild+1;
        } else {
        	var altesBild=0;
        }
    	verbergeBild(Bilder,altesBild);
    	zeigeBild(Bilder,neuesBild);
        return false;
    })
	$("#nachher").click(function(){
        var neuesBild = parseInt($(this).attr('href'));
        if (neuesBild==0) {
        	var altesBild=Bilder.length-1;
        } else {
        	var altesBild=neuesBild-1;
        }
    	verbergeBild(Bilder,altesBild);
    	zeigeBild(Bilder,neuesBild);
        return false;
    })
	$("#schliessen").click(function(){
        var neuesBild = parseInt($("#nachher").attr('href'));
        if (neuesBild==0) {
        	var altesBild=Bilder.length-1;
        } else {
        	var altesBild=neuesBild-1;
        }
    	verbergeBild(Bilder,altesBild);
    	schliesseGalerie();
        return false;
    })

	$("#hintergrund").click(function(){
        var neuesBild = parseInt($("#nachher").attr('href'));
        if (neuesBild==0) {
        	altesBild=Bilder.length-1;
        } else {
        	altesBild=neuesBild-1;
        }
    	verbergeBild(Bilder,altesBild);
    	schliesseGalerie();
        return false;
    })
});