jQuery.fn.astooltip = function(options)
{
    var options = jQuery.extend({content:'tooltip',baseClass:'astooltip',activeClass:'astooltip_active',maxWidth:300,left:0,top:0},options);
    return this.each(function()
    {
        var toolpos=new Object();
        jQuery(this).after('<div class="'+options.baseClass+'"></div>');
        var shadow='<div class="tooltip-lt"></div><div class="tooltip-t"></div><div class="tooltip-rt"></div><div class="tooltip-content">'+options.content+'</div><div class="tooltip-r"></div><div class="tooltip-rb"></div><div class="tooltip-b"></div><div class="tooltip-lb"></div><div class="tooltip-l"></div>';
        jQuery(this).next('div.'+options.baseClass).html(shadow);

        if(jQuery(this).next('div.'+options.baseClass).outerWidth()>options.maxWidth)
        {
            jQuery(this).next('div.'+options.baseClass).css('width',options.maxWidth);
        }
        
        toolpos.left=Math.round(jQuery(this).offset().left+jQuery(this).outerWidth()+options.left);
        toolpos.top=Math.round(jQuery(this).offset().top-jQuery(this).next('div.'+options.baseClass).outerHeight()+options.top);
        jQuery(this).next('div.'+options.baseClass).offset(toolpos);

        jQuery(this).hover(function()
        {
            jQuery(this).next('div.'+options.baseClass).addClass(options.activeClass);
        },function()
        {
            jQuery(this).next('div.'+options.baseClass).removeClass(options.activeClass);
        });
    });
}
