function showOptItems(link) {
    $(".opt").show();
    $(link).hide();
}

function fancyIframe(element, width, height) {
    $(document).ready(function() {
        $(element).fancybox({
            'zoomSpeedIn': 100,
            'zoomSpeedOut': 100,
            'overlayShow': true,
            'hideOnContentClick': false,
            'overlayOpacity': 0.5,
            'frameWidth': width,
            'frameHeight': height
        });
    });
}

/* Slideshow */
function showNext(duration, fade) {
    var i = $("#imgHeader img").length;    
    var n = 0;
    for (n = 0; n < i; n++) {
        var nDuration = n * duration;
        setTimeout('$("#imgHeader img:eq(' + n + ')").fadeIn(' + fade + ')', nDuration);
    }
    $("#imgHeader img").not("#imgHeader img:first").not("#imgHeader img:last").hide();
    $("#imgHeader img:last").fadeOut(fade);    
    setTimeout('showNext(' + duration + ', ' + fade + ')', i * (duration + fade) - duration);
}
/*
// Hintergrundbild
function checkBackground() {
    var ok = true;
    var currImage = $("body").css("backgroundImage");
    var currImgWidth = parseInt(currImage.substring(currImage.lastIndexOf("/") + 1, currImage.lastIndexOf("/") + 5));
    var currScreenWidth = parseInt($(document).width());
    // Neues Format festlegen
    (currScreenWidth > 1000) ? ($.cookie("screenWidth", 1200)) : (ok = false);
    (currScreenWidth > 1200) ? ($.cookie("screenWidth", 1400)) : (ok = false);
    (currScreenWidth > 1400) ? ($.cookie("screenWidth", 1600)) : (ok = false);
    (currScreenWidth > 1600) ? ($.cookie("screenWidth", 1800)) : (ok = false);
    (currScreenWidth > 1800) ? ($.cookie("screenWidth", 2000)) : (ok = false);

    // Neues = Altes Format ?
    if (currImage != $.cookie("screenWidth")) {
        $("body").css("backgroundImage", "url('/images/body/" + $.cookie("screenWidth") + ".jpg')");
        //alert("test")
    }
}

// Hintergrundbild

$(window).resize(function() {
    checkBackground();
});

// Hintergrundbild
$(window).load(function() {
    checkBackground();
});
*/

// Bilder in Fancybox öffnen -> container = umgebender Frames
function fancyImages(container) {
    $(document).ready(function() {
        $(container + " a").fancybox({
            'zoomSpeedIn': 100,
            'zoomSpeedOut': 100,
            'overlayShow': true,
            'overlayOpacity': 0.5,
            'hideOnContentClick': true
        });
    });
}



$(document).ready(function() {
    // Hintergrundbild
    // checkBackground();

    /* Navigation */
    $(document).ready(function() {
        $("ul.nav").superfish({
            hoverClass: "sfHover",
            pathClass: "overideThisToUse",
            delay: 800,
            animation: { opacity: "show" },
            speed: "normal"
        });
    });

    /* Slideshow */
    showNext(4500, 1000);

   

    /* Fancy */
    $("a.fancy").each(function() {
        var frameWidth = $(this).attr("frameWidth") != null ? Number($(this).attr("frameWidth")) : 500;
        var frameHeight = $(this).attr("frameHeight") != null ? Number($(this).attr("frameHeight")) : 300;
        $(this).fancybox({
            'zoomSpeedIn': 100,
            'zoomSpeedOut': 100,
            'overlayShow': true,
            'hideOnContentClick': false,
            'overlayOpacity': 0.5,
            'frameWidth': frameWidth,
            'frameHeight': frameHeight
        });
    });

    /* Image Hover */
    $(".image.single").not(".imgHeaderSingle .image.single").each(function() {
        var divBase = $(this);
        var imgBaseWidth = Math.round(divBase.width() / divBase.children("div").length) + 1;
        divBase.find("img").each(function(index) {
            var imgHover = $(this);
            var divHover = $("<div></div>");
            divHover.appendTo(divBase);
            divHover.css({
                "background": "#fff",
                "width": imgBaseWidth + "px",
                "height": "100%",
                "display": "block",
                "opacity": "0",
                "position": "absolute",
                "top": "0px",
                "left": ((imgBaseWidth * index)) + "px"
            }).hover(function() {
                divBase.find("img").hide();
                $(this).fadeTo(100, 0.0);
                divBase.find("img:eq(" + index + ")").show();
            }, function() { $(this).fadeTo(5, 0); });
        });
    });

});