// JavaScript Document
$(function () {
    $("header .icon-menu").click(function () {
        if ($(".sjdnav").hasClass("sjdnavhide")) {
            var iphonenav = $(".sjdnav").find("li").length;
            $(".sjdnav").animate({"height": (iphonenav * 40) + "px"}, 600);
            $(".sjdnav").removeClass("sjdnavhide")
        } else {
            $(".sjdnav").animate({"height": "0px"}, 600);
            $(".sjdnav").addClass("sjdnavhide")
        }
    });

    $("#caseNavBtn").click(function () {

        if ($(".sjdnav2").hasClass("sjdnavhide2")) {
            var iphonenav2 = $(".sjdnav2").find("li").length;
            $(".sjdnav2").animate({"height": (iphonenav2 * 40) + "px"}, 600);
            $(".sjdnav2").removeClass("sjdnavhide2")
        } else {
            $(".sjdnav2").animate({"height": "0px"}, 600);
            $(".sjdnav2").addClass("sjdnavhide2")
        }
    });

    var navShowHide = function (num) {

        var navMenuUl = "#navMenuUl" + num;
        var caseNavBtn = "#caseNavBtn" + num;


        if ($(navMenuUl).hasClass("navHide")) {
            var navLength = $(navMenuUl).find("li").length;
            $(navMenuUl).animate({"height": (navLength * 40) + "px"}, 600);
            $(navMenuUl).removeClass("navHide");
            $(caseNavBtn).addClass("active");
        } else {
            $(navMenuUl).animate({"height": "0px"}, 600);
            $(navMenuUl).addClass("navHide");
            $(caseNavBtn).removeClass("active");
        }
    };
    $("#caseNavBtn1").click(navShowHide.bind(null, "1"));

});