﻿$.fn.tabMenu = function(options)
{
	defaults = {
		heightBefore: "30px",
		heightAfter: "35px"
	}
	var defaults = $.extend(defaults, options)
	var ul = $(this).find("li")
	var li = ul.children()
	li.each
	(
		function()
		{
			$(this).mouseover
			(
				function()
				{
					$(this).parent().animate({"height": defaults.heightAfter}, 300)
				}
			)
			$(this).mouseout
			(
				function()
				{
					$(this).parent().animate({"height":defaults.heightBefore}, 300)
				}
			)
		}
	)
}