$(document).ready(function () {

    /* ********* Jquery dropdown menu ********* */

    /* Show */
    $('#topNav > .hasChildren').click(function () {
        // Clear active flag
        $('#topNav > .hasChildren').removeClass("active");

        // Add active class for current
        $(this).addClass("active");

        // Collapse all that not currently is active, display the active
        $('#topNav > .hasChildren ul').each(function () {
            if ($(this).parent().hasClass("active") === false) {
                $(this).hide();
            }
            else {
                $(this).slideDown(200);
            }
        });
    });

    /* Hide */
    $('#topNav .hasChildren ul.lv2').mouseover(function () {
        $(this).bind('mouseleave', function () {
            $(this).slideUp(200);
        });
    });

    /* ********* Jquery add class elements ********* */
    $("#topNav li:nth-child(1)").addClass("li01");
    $("#topNav li:nth-child(2)").addClass("li02");
    $("#topNav li:nth-child(3)").addClass("li03");
    $("#topNav li:nth-child(4)").addClass("li04");
    $("#topNav li:nth-child(5)").addClass("li05");
    $("#topNav li:nth-child(6)").addClass("li06");
    $("#pageBody #referenceList a:nth-child(1)").addClass("visible");

    /* ********* Jquery tabs ********* */
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function () {

        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active ID content
        return false;
    });


});