/*
 * jQuery Easytip 1.0
 *
 * http://jeroenweustink.nl/easytip
 *
 * Copyright (c) 2009 Jeroen Weustink
 *
 * GPL license:
 * http://www.gnu.org/licenses/gpl.html
 */
(function($){

    $.fn.easytip = function(options) {

        var defaults = {
            message : 'Hello world',
            useAttribute : false,
            cssBackground: '#EEE',
            cssColor: '#000',
            cssBorder: '1px solid #DDD',
            cssPadding: '5px',
            cssWidth: '250px',
            cssTextAlign: 'left'
        };
        var options = $.extend(defaults, options);

        // Check if an attribute value should be used
        if(options.useAttribute !== false){
            options.message = $(this).attr(options.useAttribute);

        }
        // Create tooltip container
        $('body').append('<div id="jqueryTooltipContainer" style="display:none"></div>');

        // Check mouse movement
        $(this).mousemove(function(e){

            // Set text
            $('#jqueryTooltipContainer').html(options.message);

            // Apply css to div
            $('#jqueryTooltipContainer').css('position','absolute');
            $('#jqueryTooltipContainer').css('z-index','999');
            $('#jqueryTooltipContainer').css('padding-top','3px');
            $('#jqueryTooltipContainer').css('color',options.cssColor);
           	$('#jqueryTooltipContainer').css('background','background:url(img/background/tool-tip.png) no-repeat');
		    $('#jqueryTooltipContainer').css('width','90px');
			$('#jqueryTooltipContainer').css('height','20px');
           	$('#jqueryTooltipContainer').css('background','url(img/background/tool-tip.png) no-repeat');

            $('#jqueryTooltipContainer').css('text-align',options.cssTextAlign);
			
			
			$('#jqueryTooltipContainer').css('font-size','8px');
			$('#jqueryTooltipContainer').css('text-transform','uppercase');
			$('#jqueryTooltipContainer').css('font-family','Arial');
			
			

            // Show tooltip container is dsiaply is none
            if($('#jqueryTooltipContainer').css('display') == 'none'){
                $('#jqueryTooltipContainer').show();
            }
			
			
			//alert(parseInt((options.cssWidth).substr(1,4)));

            // Set position of tooltip
            $('#jqueryTooltipContainer').css('left',e.pageX-45 + 'px');
            $('#jqueryTooltipContainer').css('top',e.pageY-30 + 'px');

        }).mouseout(function(){
            // Hide tooltip
            $('#jqueryTooltipContainer').hide();
        });
    }
})(jQuery);
