(function($) {
$.fn.mm_activity = function(options) {
	var defaults = {
             state: '',
			 add_left: '',
			 ttip_text: ''
           };
    var opts = $.extend(defaults, options);
	
	if (opts['state']=='over')
	{
		//добавляем всплывающую подсказку
		$("#mimgtip").hide();
		
		$("body").append("<table cellspacing='0' cellpadding='0' border='0' class='balon' id='mbalon_table'><tr><td width='181px' height='72px'><font id='mtip_text'></font></td></tr></table>");
		$("#mbalon_table").hide();
		
		//добавляем текст для всплывающей подсказки
		$("#mtip_text").text(opts['ttip_text']);
		
	
		//устанавливаем для всплывающей подсказки стили
		$("#mimgtip").css('left',($("#mm_img").offset().left+opts['add_left'])+'px')
					 .css('top',($("#mm_img").offset().top+34)+'px')	 
					 .css('visibility','visible');
		
		$("#mbalon_table").css('left',($("#mm_img").offset().left+opts['add_left']+16)+'px')
						  .css('top',($("#mm_img").offset().top+44)+'px')	 
						  .css('visibility','visible');
	   //показываем подсказку при наведении на менюшки в подменю
	    $("#mimgtip").hoverFlow('mouseover', { height: 92}, 300, function() {$("#mbalon_table").fadeIn(100);});
		
		
	}
	
	if (opts['state']=='out')
	{
	
		//анимацией скрываем всплывающую подсказку, причём после анимации ещё раз скрываем, чтобы не осталось следов
	    $("#mimgtip").hoverFlow('mouseout', { height: 0  }, 300 );
								
		//удаляем динамически созданный текст всплывающей подсказки	
		$("#mtip_text").remove(); 
		$("#mbalon_table").remove(); 

	}
};
})(jQuery); 

