(function($) {
$.fn.sm_activity = function(options) {
	var defaults = {
             state: '',
			 offset_top: '',
			 ttip_text: ''
           };
    var opts = $.extend(defaults, options);
	
	if (opts['state']=='over')
	{
		$("#pipka").hide();
		//прячем фон всплывающей подсказки
		$("#imgtip").hide();
	//	//устанавливаем для пипки стили
		$("#pipka").css("top",($("#sm_img").offset().top+opts['offset_top'])+'px')
				   .css("left",($("#sm_img").offset().left+4)+'px')	 //($(window).width()/2-496)
				   .css("visibility","visible");
	
		//показываем пипку при наведении на менюшки в подменю
		$("#pipka").show();
		
		//добавляем всплывающую подсказку
		$("body").append("<table cellspacing='0' cellpadding='0' border='0' class='balon' id='balon_table'><tr><td width='182px' height='72px'><font id='tip_text'></font></td></tr></table>");
		$("#balon_table").hide();
		
		//добавляем текст для всплывающей подсказки
		$("#tip_text").text(opts['ttip_text']);
	
		//устанавливаем для всплывающей подсказки стили
		$("#imgtip").css('top',($("#sm_img").offset().top+opts['offset_top']+20)+'px')
					.css('left',($("#sm_img").offset().left+210)+'px')
					.css('visibility','visible');
					
		$("#balon_table").css('top',($("#sm_img").offset().top+opts['offset_top']+30)+'px')
						 .css('left',($("#sm_img").offset().left+226)+'px')
						 .css('visibility','visible');
		//$("#imgtip").css('visibility','visible');
		
	    //показываем подсказку при наведении на менюшки в подменю
		$("#imgtip").hoverFlow('mouseover', { width: 210},300, function() {$("#balon_table").fadeIn(100);});
		
	}
	
	if (opts['state']=='out')
	{
		//прячем пипку
		$("#pipka").hide();
		
		//анимацией скрываем всплывающую подсказку, причём после анимации ещё раз скрываем, чтобы не осталось следов
	    $("#imgtip").hoverFlow('mouseout', { width: 0  }, 300 );
								
		//удаляем динамически созданный текст всплывающей подсказки	
		$("#tip_text").remove(); 
		$("#balon_table").remove(); 

	}

};
})(jQuery);