function itemWidth(boxName)
{
	var displayVar = 1;
	var containerWidth = $xo('#'+ boxName).parent().width();
	var boxSpacing = $xo('#'+ boxName).attr("spacing").replace("px","") - 0;
	var boxAlign = $xo('#'+ boxName).attr("align");
	var boxWidth = (containerWidth / (displayVar - 0)) - ((boxSpacing * 2) + 5);
	var maxNum = $xo('#'+ boxName).attr("max-width").replace(/px/g,"") - 0;
	
	while (boxWidth > maxNum)
	{
		if (boxWidth > maxNum)
		{
			var displayVar = displayVar + 1;
			var boxWidth = (containerWidth / (displayVar - 0)) - ((boxSpacing * 2) + 5);
		}
	} 
	$xo('#'+ boxName +' .flexBox').addClass(boxName +'_item');
	$xo('#'+ boxName).css({ 'text-align':boxAlign });
	$xo('.'+ boxName +'_item').css({ 'width':boxWidth + 'px', 'display':'inline-block', 'vertical-align':'top', 'margin':boxSpacing + 'px' });
	$xo('#'+ boxName).data( "displayed",displayVar);
	
	autoItemWidth(boxName);
	
	$xo( window ).resize(function() 
	{
		autoItemWidth(boxName);
	});
}
function autoItemWidth(boxName)
{
	var displayVar = $xo('#'+ boxName).data("displayed");
	var containerWidth = $xo('#'+ boxName).parent().width();
	var boxSpacing = $xo('#'+ boxName).attr("spacing").replace(/px/g,"") - 0;
	var boxWidth = (containerWidth / displayVar) - ((boxSpacing * 2) + 5);
	var maxNum = $xo('#'+ boxName).attr("max-width").replace(/px/g,"") - 0;
	var minNum = $xo('#'+ boxName).attr("min-width").replace(/px/g,"") - 0;
	
	if (boxWidth)
	{
		if (boxWidth < minNum)
		{
			var displayVar = $xo('#'+ boxName).data("displayed") - 1;
			$xo('#'+ boxName).data( "displayed",displayVar);
			var boxWidth = (containerWidth / (displayVar - 0)) - ((boxSpacing * 2) + 5);
		}
		if (boxWidth > maxNum)
		{
			var displayVar = $xo('#'+ boxName).data("displayed") + 1;
			$xo('#'+ boxName).data( "displayed",displayVar);
			var boxWidth = (containerWidth / (displayVar - 0)) - ((boxSpacing * 2) + 5);
		}
		$xo('#'+ boxName).data( "bWidth",boxWidth);
	}
	$xo('.'+ boxName +'_item').width(boxWidth +'px');
}