	$(document).ready(function(){
		$('.breadcrumb ul ul').each(function(){//Just check the second level ul
			var $width=$(this).width(); //Set current width for laster use
			var $colNum = Math.ceil($('li',$(this)).size() / 20);
			var $newWidth=$width*($colNum)+ $colNum;
			$(this).width($newWidth);
			$('>li',$(this)).width($width).css('float','left'); //Set li width and float them
			if($('>li',$(this)).size() % 20 && Math.ceil($('li',$(this)).size() / 20) >1){
				$('>li:last',$(this)).css('border-right','1px solid #333')
			}
		})
		$('.breadcrumb ul li').hoverIntent(function(){
			$('>ul',$(this)).slideDown();
		},function(){
			$('>ul',$(this)).slideUp();
		});
		
	})
