/// <reference path="jquery.js" />

function getImages(siteurl) {
    for (var i = 0; i < Bilder.length; i++) {
        if (Bilder[i][siteurl] != null) {
            return Bilder[i][siteurl].split(";");
        }
    }
}

function fitBackground() {
    var defHeight = 708;
    var defWidth = 1280;
    var cQuot = defWidth / defHeight;
    var nHeight = $(window).height() - 145;
    var nWidth = parseInt(nHeight * cQuot, 10);

    // Container
    $("#supersize").height(nHeight);
    $("#supersize").width($(window).width());
        
    // Bilder
    if (nHeight * cQuot < $(window).width()) {
        nWidth = parseInt($(window).width());
        nHeight = parseInt(nWidth / cQuot);
    }
    
    $("#supersize img").each(function () {
        $(this).height(nHeight);
        $(this).width(nWidth);
        $(this).css("margin-top", nHeight * -0.5);
        $(this).css("margin-left", nWidth * -0.5);
    });
}

function loadImages(url) {
    if (url == "/default.aspx") url = "/";
    var arr = getImages(url);

    var rel = url.replace(/\//g, "");


    // Pager hinzufügen
    $("#pager").remove();
    if (arr.length > 1) {
        $(".genYellow").append('<span id="pager"></span>');
        $("#pager").html("Foto " + (currentImageIndex + 1 + "/" + arr.length));
    }

    // Textbereich erweitern/verkleinern
    $('#lnkExpand').stop(true, true).click(function () {
        if ($('#lnkExpand').hasClass('active')) {
            lnkHide();
        } else {
            lnkExpand();
            $('#imgNav').click(function () {
                lnkHide();
            });
        }
    });

    // Textbereich erweitern/verkleinern
    $('#supersize').stop(true, true).click(function () {
        if ($('#lnkExpand').hasClass('active')) {
            lnkHide();
            $('#supersize').css("cursor", "default");
        }
    });
    
    //    for (var i = 0; i < arr.length; i++) {
    //        var img = $("<img>")
    //            .attr("src", arr[i])
    //            .attr("rel", rel);
    //        if (i == 0) {
    //            img.appendTo($("#supersize")).fadeIn(500, function () {
    //                $("#supersize img[rel!='" + rel + "']").remove();
    //            });
    //        }
    //        else {
    //            img.appendTo($("#supersize"));
    //        }
    //    }

    for (var i = 0; i < arr.length; i++) {        
        if (i == 0) {
            $("<img>")
            .attr("src", arr[i])
            .attr("rel", rel)
            .appendTo($("#supersize"))
            .fadeIn(300, function () {
                $("#supersize img[rel!='" + rel + "']").remove();
            });
        } else {
            $("<img>")
            .attr("src", arr[i])
            .attr("rel", rel)
            .appendTo($("#supersize")); 
        }        
    }
       
                  
    fitBackground();

    if (arr.length < 2) {
        $("#imgNav").hide();
    } else {
        $("#imgNav").show();
    }


}