$(document).ready(function() {

	$('.naviBox li li a').hover(
		function() {
			newWidth = $('span', this).width();
			if($('span', this).attr('class') == undefined) {
				$('span', this).addClass('fullWidth_'+newWidth);
			} else {
				width = $('span', this).attr('class').match(/\bfullWidth_(.*)/);
				newWidth = width[1];	
			}
			$('span', this).css({'width':0,'display':'inline'}).stop().animate({'width':newWidth+'px'}, 200);
		},
		function() {
			orgWidth = '200px';
			if($('span', this).attr('class') != undefined) {
				width = $('span', this).attr('class').match(/\bfullWidth_(.*)/);
				if(width) {
					orgWidth = width[1];	
				}
			}
			$('span', this).stop().hide().css({'width':orgWidth+'px'});
		}
	)

});