$(document).ready(function(){

	var wrapper = document.createElement('div');
	wrapper.className = 'subnaviWrap';
	var subnav = $('li.pulldown div.subnavi').css('display', 'block').wrap(wrapper);
	var subwrapper = $('.subnaviWrap').css({'height':'0px'});

	$('li.pulldown').hover(
		function(){
			var openBlock = jQuery(this).find('.subnaviWrap');
			var h = jQuery(this).find('.subnavi').outerHeight();
			openBlock.animate({ height: h+'px' },'fast', function(){ openBlock.css('height', 'auto'); });
		},
		function(){
			var closeBlock = jQuery(this).find('.subnaviWrap');
			this.timeID = setTimeout(function(){
				closeBlock.animate({ height: '0px' },'slow');
		}, 150);

		jQuery(this).mouseover(function(){
			clearTimeout(this.timeID);
		});

	});

});