(function($){  
    
    $.fn.makeRollOver = function( options ) {
        var defaults = { left: '0', top: '0' }
        var settings = $.extend({}, defaults, options); 
        this.each(function(){
            var $this = $(this);
            $this.hover(function(e) {
                $(this).css({'background-position' : settings.left + 'px ' + settings.top + 'px'});
            }, function() {
                $(this).css({'background-position' : '0px  0px'});
            });            
        });
    }
    
    
    $.fn.makeFadeRollOver = function( ) {
        this.each(function(){
            var $this = $(this);
            var $element = $(this).find('> div');
            $this.hover(function(e) {
                $element.animate({opacity: 0 }, 250);
            }, function() {
                $element.stop().animate({opacity: 1 }, 250);
            });            
        });
    }     
    
    $.fn.makeFooterFadeRollOver = function( ) {
        this.each(function(){
            var $this = $(this);
            $this.hover(function(e) {
                $(this).animate({color:'#FF0000'}, 500);
            }, function() {
                $(this).animate({color:'#3D3D3D'}, 500);
            });            
        });
    }
    
        
})(jQuery);