/**
 * 
 */
(function($)
{
	$.fn.t4mmenu = function(options)
	{
		// Die Optionen die der Benutzer des Plugins angeben kann
		options = $.extend({
			submenu: '',	// Muss angegeben werden um zu wissen was das SubmenŸ ist
			pxoftime: 250		// Angabe fŸr die Pixel
		}, options);		
		// Wird nur aufgerufen wenn was gefunden worden ist
		$(this).each(function()
		{
			// Die Daten speichern
			var html 		=	new Array();
			var elemente	=	$(this).children();	
			for(var i = 0; i < elemente.length ; i++)
			{
				html[i]			=	new Object();
				html[i].element	=	$(elemente[i])
				html[i].html	=	html[i].element.find(options.submenu).html();
				html[i].element.find(options.submenu).css('display','block');
				html[i].height	=	html[i].element.find(options.submenu).height();
				html[i].time	=	html[i].height*options.pxoftime/100;
				if(html[i] !== null)
				{
					html[i].element.find(options.submenu).css('overflow','hidden');
					html[i].element.find(options.submenu).animate({ 
					    height: "0"
					  }, 0,function(){

						  $(this).css('height','0px'); 
					  });
					html[i].element.attr('pos',i);
					// Das Event wenn die Maus Ÿber den MenŸpunkt geht
					html[i].element.bind(
						{
							// Wenn die Maus rŸber geht
							mouseover: function(evt)
							{
								var object = 	html[$(this).attr('pos')];
								$(this).find(options.submenu).stop();
								$(this).find(options.submenu).animate(
									{ 
										height: object.height
									}, 
									object.time,
									function()
									{
										  $(this).css('height',object.height); 
									}
								 );
							},
							mouseout : function(evt)
							{
								var object = 	html[$(this).attr('pos')];
								$(this).find(options.submenu).stop();
								$(this).find(options.submenu).animate(
									{ 	
										height: '0'
									}, 
									object.time,
									function()
									{
										  $(this).css('height','0px'); 		
									}
								);
							}
						}
					);
				}
			}
		});	
	}
}
)(jQuery);