﻿var LessonFish = {
    tabHelpGraphic: null,

    init: function() {
        // Cornerz-Stuff
        $(".rc-tl").cornerz({ radius: 6, corners: "tl", borderWidth: 1, borderColor: "#ACBECB" });
        $(".rc-tr").cornerz({ radius: 6, corners: "tr", borderWidth: 1, borderColor: "#ACBECB" });
        $(".rc-br").cornerz({ radius: 6, corners: "br", borderWidth: 1, borderColor: "#ACBECB" });
        $(".rc-bl").cornerz({ radius: 6, corners: "bl", borderWidth: 1, borderColor: "#ACBECB" });

        $(".rc-tl2").cornerz({ radius: 6, corners: "tl", borderWidth: 1, borderColor: "#ACBECB" });
        $(".rc-tr2").cornerz({ radius: 6, corners: "tr", borderWidth: 1, borderColor: "#ACBECB" });
        $(".rc-br2").cornerz({ radius: 6, corners: "br", borderWidth: 1, borderColor: "#ACBECB" });
        $(".rc-bl2").cornerz({ radius: 6, corners: "bl", borderWidth: 1, borderColor: "#ACBECB" });

        $(".rc-all").cornerz({ radius: 6, borderWidth: 1 });

        // corners of accourdion
        $(".rc-all-accordion").cornerz({ radius: 6, borderWidth: 1, borderColor: "#A5BDCF" });
    },

    finishAccordion: function() {
        // Accordion
        $("#accordion").accordion({
            active: false,
            animated: false,
            autoHeight: false,
            clearStyle: true,
            collapsible: true,
            disabled: false,
            event: "click",
            fillSpace: false,
            header: "h3",
            icons: false,
            navigation: true,

            change: function(event, ui) {
                var h = ui.newContent.height();

                ui.newContent.css({
                    overflow: "visible",
                    height: h + "px"
                });
            }
        });
    },

    finishTabMenu: function(tabId) {

        //        $('#tabExtraMenu .ui-tabs-panel').css("display", "none");
        var tabAccordion = $('#' + tabId);
        tabAccordion.children('.topnavElem').append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
        tabAccordion.hover(function() {
            // Reinhover
            tabAccordion.addClass("subhover"); //On hover over, add class "subhover"

            tabAccordion.find('ul.subnav').slideDown('fast');
            tabAccordion.find('ul.subnav li').stop(true, true).slideDown('medium').show(function() {
                $(this).show();
            });
        },
        function() {  // Raushover
            tabAccordion.find('ul.subnav li').stop(true, true).slideUp('medium');
            tabAccordion.removeClass("subhover"); //On hover out, remove class "subhover"
            tabAccordion.find('ul.subnav').css('display', 'none');
        });
    },

    initTabHelpGraphic: function() {
        LessonFish.tabHelpGraphic = $("#tabHelpGraphic").tabs();
        LessonFish.tabHelpGraphic.tabs('select', '#tab-info2');
    }
}

$(function() {
    LessonFish.init();
});

