/**
 * 
 */
(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()
		{
			$(this).css('z-index','100');
			// 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].height	=	html[i].element.find(options.submenu).height()+20;
				
				//html[i].time	=	html[i].height*options.pxoftime/100;
				if(html[i].html != 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);
					html[i].element.find(options.submenu).css('visibility','visible');
					// Das Event wenn die Maus über den Menüpunkt geht
					html[i].element.bind
					(
						{
							// Wenn die Maus über den Menüpunkt geht
							mouseover: function(evt)
							{
								
								//html[i].height	=	html[i].element.find(options.submenu).height();
								
								var o = html[$(this).attr('pos')];
								
								Animate(this,o, o.height);
							},
							mouseout : function(evt)
							{
								Animate(this,html[$(this).attr('pos')], 0);			
							}
						}
					);
				}
			}
		});	
		function Animate(root, object, height)
		{	
			$(root).find(options.submenu).stop();
			$(root).find(options.submenu).animate
			(
				{ 	
					height: height+'px'
				}, 
				object.time,
				function()
				{
					  $(this).css('height',height+'px'); 		
				}
			);	
		}
	}
}
)(jQuery);