;(function($) {
	$.tooltip = {
		defaults: {
			delay: 200,
			fade: false,
			extraClass: "",
			id: "tooltip",
			balloonSel: ".balloon",
			balloonImgSel: ".balloonImg"
		}
	};
	
	$.fn.extend({
		tooltip: function(settings) {
			settings = $.extend({}, $.tooltip.defaults, settings);
			this.addClass('active').each(function() {
				var $this = $(this);
				var $balloon;
				var $balloonImg = $this.find(settings.balloonImgSel);

				if($balloonImg.length > 0){
					var _code ='';
					_code += '<div class="balloon pngImg">';
					_code += '<div class="balloonInner pngImg">';
					_code += '<p>' + $balloonImg.attr('alt') + '</p>';
					_code += '<!-- /.balloonInner --></div>';
					_code += '<!-- /.balloon --></div>';
					$this.append(_code);
				}
				
				$balloon = $(settings.balloonSel, this).addClass(settings.extraClass);
				if($balloonImg.length > 0){
					var _width = 200;
					$balloon.css({ 'left' : Math.floor((_width - $balloonImg.width()) /2) * -1 + 4 });
				}

				$balloon.addClass('hide');
				$this.mouseenter(function(){
					$balloon.removeClass('hide');
				}).mouseleave(function(){
					$balloon.addClass('hide');
				})

				if(!!window.DD_belatedPNG){
					$('.pngImg', this).each(function(){
						DD_belatedPNG.fixPng(this);
					});
				}
			});

			return this;
		}
	});
})(jQuery);