$(document).ready(function(){

	var wrap = document.createElement('div');
	wrap.className = 'l_subnaviWrap';
/*	var subnav = $('li.slide div.l_subNav').css('display', 'block').wrap(wrap);*/
	var subnav = $('li.slide div.l_subNav').wrap(wrap);
	var subwrapper = $('.l_subnaviWrap').css({'width':'0px'});

	$('li.slide').hover(
		function(){
			var openBlock = jQuery(this).find('.l_subnaviWrap');
			var w = jQuery(this).find('.l_subNav').outerWidth();
			jQuery(this).find('a').addClass('select');
			jQuery(this).find('.l_subNav').css('display', 'block');
			openBlock.css('zIndex','10').animate({ width: w+'px' },'fast', function(){ openBlock.css('width', 'auto'); });
		},
		function(){
			var closeBlock = jQuery(this).find('.l_subnaviWrap');
			this.timeID = setTimeout(function(){
				closeBlock.parent().find('a').removeClass('select');
				closeBlock.css('zIndex','1').animate({ width: '0px' },'fast');
		}, 150);
/*		jQuery(this).find('.l_subNav').css('display', 'none');*/

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

	});

});