// JavaScript Document
(function($){
    $.fn.easyToolTip = function(options){
        var toolTip = $('<div id="toolTip"></div>').hide();
        $('body').append(toolTip);
        
        $(this).each(function(){
        
            var self = $(this);
            var target = this.title ? 'title' : 'alt';

			var tipText = self.children("p.sub").html();
            
            self.hover(function(e){
                // ブラウザのツールチップが表示されるのを防ぐために一時的にtitle(alt)を削除
                self.attr(target,'');
                // toolTipにテキストを入れて表示
                toolTip
                    .stop(true,true)
                    .fadeIn('fast')
                    .text(tipText)
                    .css({
                        position: 'absolute',
                        top: e.pageY +10,
                        left: e.pageX +10
                    })
            },function(){
                // title(alt)を元に戻す
                self.attr(target,tipText);
                // toolTipを非表示にする
                toolTip.fadeOut('fast');
            }).mousemove(function(e){
                // カーソルに追従させる
                toolTip.css({
                    top: e.pageY +10,
                    left: e.pageX +10
                });
            });
            
        });
    }
})(jQuery);

$("body").ready(function(){
    $('#categories>div>a').easyToolTip();
});