﻿// -------------------------------------------------
// flyout - standard
// -------------------------------------------------
$(document).ready(function() {
    //level 0
    $(".cjq-flyout .level-0").hover(function() {
        //over
        var $fade = $(this).find(".flyout");
        $fade.show();
        //selected class for menu 0
        var menubase = $(this).find("a:first");
        if (!menubase.hasClass("selected"))
            menubase.addClass("selected");
    },
    function() {
        //out
        $(this).find(".flyout").hide();
        //remove selected class
        var menubase = $(this).find("a:first");
        if (menubase.hasClass("selected"))
            menubase.removeClass("selected");
    });

    //level 1
    $(".cjq-flyout .level-1").hover(function() {
        //over
        var $fade = $(this).find(".flyout-1:first");
        $fade.css("display", "block");

        //selected class for menu 1
        var menubase = $(this).find("a:first");
        if (!menubase.hasClass("selected"))
            menubase.addClass("selected");
    },
    function() {
        //out
        $(this).find(".flyout-1:first").css("display", "none");
        //remove selected class
        var menubase = $(this).find("a:first");
        if (menubase.hasClass("selected"))
            menubase.removeClass("selected");
    });

});

// -------------------------------------------------
// flyout - animated:fade --> ebene 2 macht noch probleme
// -------------------------------------------------
$(document).ready(function() {
    //level 0
    $(".cjq-flyout-fade .level-0").hover(function() {
        //over
        var $fade = $(this).find(".flyout");

        if ($fade.is(":animated")) {
            $fade.stop().fadeTo("fast", 1);
        }
        else {
            $fade.stop().fadeIn("slow");
        }

        //selected class for menu 0
        var menubase = $fade.parent().find("a:first");
        if (menubase.attr("class") != "selected")
            menubase.addClass("selected");

    },
    function() {
        //out
        $(this).find(".flyout").fadeOut("slow", function() {
            //remove selected class
            var menubase = $(this).parent().find("a:first");
            if (menubase.attr("class") == "selected")
                menubase.removeClass("selected");
        });

    }
    );

    //level 1
    $(".cjq-flyout-fade .level-1").hover(function() {
        //over
        var $fade = $(this).find(".flyout-1:first");
        $fade.show();

        //selected class for menu 1
        var menubase = $fade.parent().find("a:first");
        if (menubase.attr("class") != "selected")
            menubase.addClass("selected");
    },
    function() {
        //out
        $(this).find(".flyout-1:first").hide();
        //remove selected class
        var menubase = $(this).find("a:first");
        if (menubase.attr("class") == "selected")
            menubase.removeClass("selected");
    }
    );

});