// JavaScript Document
$(document).ready(function() {
	$('.main-nav').mouseenter(function() {
		var count = $(this).children('.sub-nav').children().length;
		var heights = count * 18;
		$(this).children('.sub-nav').stop().animate({'height': heights+'px'});
	});
	$('.main-nav').mouseleave(function() {
		$(this).children('.sub-nav').stop().animate({'height':'0px'});
	});
 });