$(function() {

    $('#p-gallery .b-sidebar-menu li').wrapInner("<span></span>");
    $('#p-gallery .b-sidebar-menu li a').wrapInner("<b><i></i></b>");

    $('#p-gallery .b-sidebar-menu').each(function() {
        var parentEl = this;

        $('li:first', parentEl).addClass("first");
        $('li:last', parentEl).addClass("last");


        $('li', parentEl).mouseenter(function() {
            hover(this, parentEl);
            $(this).addClass("hover");
        }).mouseleave(function() {
            unhover(this, parentEl);
            $(this).removeClass("hover");
        });

        hover($('li.active', parentEl), parentEl);

    });

    function hover(el, parentEl) {
        aid = $("li", parentEl).index(el);
        $("li", parentEl).eq(aid-1).addClass("pre-hover");
        $("li", parentEl).eq(aid+1).addClass("post-hover");
    }

    function unhover(el, parentEl) {
        aid = $("li", parentEl).index(el);
        $("li", parentEl).eq(aid-1).removeClass("pre-hover");
        $("li", parentEl).eq(aid+1).removeClass("post-hover");

        hover($('li.active', parentEl), parentEl);
    }


    $("#login, #password").hint();
});