Sidebar = {};

/**
 * Mouseover effect of category menu (left)
 * @param html element
 */
Sidebar.Categories = function(elem) {
    this.element = jQuery(elem);

    this.init = function(){
        var self = this;

        this.link = this.element.find('li.menu-item a');
        
        this.link.mouseenter(function(){ self.handleMouseEnter(jQuery(this)); });
        this.link.mouseleave(function(){ self.handleMouseLeave(jQuery(this)); });
    }

    this.handleMouseEnter = function(elem) {
        elem
            .addClass('is-active')
            .animate({ backgroundColor : '#ce4744' });
    }

    this.handleMouseLeave = function(elem) {
        elem
            .stop(true, true)
            .removeClass('is-active')
            .css('background-color', 'transparent');
    }

    this.init();
}

/**
 * Mouseover effect of author images (footer)
 * @param html element
 */
Sidebar.LastAuthor = function(elem) {
    this.element = jQuery(elem);

    this.init = function(){
        var self = this;
        
        this.element.find('li.author').mouseenter(function() { self.handleMouseEnter(jQuery(this)); });
        this.element.find('li.author').mouseleave(function() { self.handleMouseLeave(jQuery(this)); });
    }

    this.handleMouseEnter = function(elem) {
        elem
            .addClass('active')
                .find('.auhor-tooltip')
                .stop(true, true)
                .css('z-index', '200')
                .fadeIn(200);
    }

    this.handleMouseLeave = function(elem) {
        elem
            .removeClass('active')
                .find('.auhor-tooltip')
                .stop(true, true)
                .css('z-index', '0')
                .fadeOut(100);
    }

    this.init();
}