// javascript document
$(function () {
    var $cate = $(".cate");
    $wrp = $('.cate_wrp', $cate);
    $drop = $('.cate_drop', $cate);
    $inp = $('.cate_inp', $cate);

    $wrp.on("click", function () {
        var $el = $(this);
        if ($el.next($drop).css("display") == "none") {
            $el.next($drop).css("display", "block");
        } else {
            $el.next($drop).css("display", "none");
        }
    });

    $drop.on('click', 'li', function (event) {
        var $el = $(this);
        $el.parent($drop).next($inp).val($el.attr("data"));
        $el.parent($drop).prev($wrp).children("a").html($el.html());
        $el.parent($drop).css("display", "none");
    });

    var mouseisout = false;
    $cate.mouseover(function () {
        mouseisout = false;
    });
    $cate.mouseout(function () {
        mouseisout = true;
    });

    $(document).click(function (e) {
        if (mouseisout) {
            $('.cate_drop').each(function (index, element) {
                var $el = $(this);
                if ($el.css("display") == "block") {
                    $el.css("display", "none");
                }
            });
        }
    });
});