// Bilder in Fancybox öffnen -> container = umgebender Frames
function fancyImages(container) {
    $(document).ready(function () {
        $(container + " a").fancybox({
            'padding': 0,
            'speedIn': 300,
            'speedOut': 200,
            'overlayOpacity': 0.7,
            'overlayColor': '#3c4641',
            'overlayShow': true,
            'titlePosition': 'over'
        });
    });
}

// Animationszeit in ms
var time = 300;

$(window).resize(function () {
    var dWidth = $(document).width();
    var dHeight = $(document).height();
    if (dWidth < 1024) {
        $("#masterframe").css({ "left": "auto", "margin-left": "auto" });
    } else {
        $("#masterframe").css({ "left": "50%", "margin-left": "-490px" });
    }
    if (dHeight < 800) {
        $("#masterframe").css({ "top": "auto", "margin-top": "auto" });
    } else {
        $("#masterframe").css({ "top": "50%", "margin-top": "-375px" });
    } 
});

$(window).load(function () {
    var dWidth = $(document).width();
    var dHeight = $(document).height();
    if (dWidth < 1024) {
        $("#masterframe").css({ "left": "auto", "margin-left": "auto" });
    } else {
        $("#masterframe").css({ "left": "50%", "margin-left": "-490px" });
    }
    if (dHeight < 800) {
        $("#masterframe").css({ "top": "auto", "margin-top": "auto" });
    } else {
        $("#masterframe").css({ "top": "50%", "margin-top": "-375px" });
    }
});

$(document).ready(function () {
    $("#subNav ul").show(0).hasClass('fadeBack').toString();
    //fixDimensions();
    fadeLinks();
    //    $("#headline1 span").show(time);
    //    $("#txt, ul.news").fadeIn(time);
    $("#subNav ul").fadeIn(time).hasClass('fadeLink').toString();
});

function fixDimensions() {
    var masterWidth = $("#innerMasterframe").width();
    var windowWidth = $(window).width();
    
    // Separator
    $("#separator").width(windowWidth);
    $("#separator").css("left", (-1) * ((windowWidth - masterWidth) / 2) + "px");
}


function fadeLinks() {
    // Bildcontainer
    var imgFrame = "#content"   
    // CSS-Klasse neues Bild
    var classNewImage = "imgHidden"

    $(".fadeBack").each(function () {
        // HREF Link
        var newHref = $(this).attr("rel").split(";")[0];
        // SRC Bild
        var newSrc = $(this).attr("rel").split(";")[1];
        // Neue Headline
        var newHeadline = $(this).attr("rel").split(";")[2];
        // Höhe Subnav
        var newHeight = parseInt($(this).attr("rel").split(";")[3]);

        // HREF override
        $(this).attr("href", "#" + newSrc.replace(".jpg", ""));

        // Aktuelle Höhe Subnav


        $(this).click(function () {
            // Bild der neuen Seite laden
            i = new Image();
            i.src = "/images/background/" + newSrc
            $(i).addClass(classNewImage);
            $(imgFrame).append(i);

            //            // Bild der neuen Seite einblenden, Headline ausblenden, auf neue Seite weiterleiten
            //            $(imgFrame + " img:last").fadeIn(time, function() {
            //                $("#headline1 span").hide(time, function() {
            //                    location.href = newHref;
            //                });
            //            });


            // Bild der neuen Seite einblenden, Headline ausblenden, auf neue Seite weiterleiten
            $(imgFrame + " img:last").fadeIn(time, function () {
                location.href = newHref;
            });
        });
    });

    $(".fadeLink").each(function() {
        // HREF Link
        var newHref = $(this).attr("rel").split(";")[0];
        // SRC Bild
        var newSrc = $(this).attr("rel").split(";")[1];
        // Neue Headline
        var newHeadline = $(this).attr("rel").split(";")[2];
        // Höhe Subnav
        var newHeight = parseInt($(this).attr("rel").split(";")[3]);
        
        // HREF override
        $(this).attr("href", "#" + newSrc.replace(".jpg", ""));

        // Aktuelle Höhe Subnav
        
        
        $(this).click(function() {
            // Bild der neuen Seite laden
            i = new Image();
            i.src = "/images/background/" + newSrc
            $(i).addClass(classNewImage);
            $(imgFrame).append(i);

            //            // Bild der neuen Seite einblenden, Headline ausblenden, auf neue Seite weiterleiten
            //            $(imgFrame + " img:last").fadeIn(time, function() {
            //                $("#headline1 span").hide(time, function() {
            //                    location.href = newHref;
            //                });
            //            });


            // Bild der neuen Seite einblenden, Headline ausblenden, auf neue Seite weiterleiten
            $(imgFrame + " img:last").fadeIn(time, function() {
                $("ul#subnav").fadeOut(time, function() {
                    $("div#subNav").animate({ height: newHeight }, time, function() {
                        // alert(newHeight);
                        location.href = newHref;
                    });
                });
            });
        });
    });
}