window.addEvent('domready', function(){
	
	var NBRColumns = 0;
	var Main = $('Main');
	
	window.addEvent('resize', function(){
		replace();
	});
	
	var Objets = document.getElements('div[class=Box]');
	var nbObjet = Objets.length;
	var rightwidth = 0;
	var leftwidth = 0;
	var offset = 0;
	var SecurityMargin = 12;
	function replace(){
		var lesswidth = $('Menu').getCoordinates().width+14;
		if ($('Right') && ($('Right').get('html')).clean()!=""){
			lesswidth = lesswidth+$('Right').getCoordinates().width;
			rightwidth = 140;
		}
		if ($('Left') && ($('Left').get('html')).clean()!=""){
			lesswidth = lesswidth+$('Left').getCoordinates().width;
			leftwidth = 280;
		}
		offset = leftwidth + rightwidth;
		
		var width = ((window.getWidth()-lesswidth)+SecurityMargin)/280;
		var nbr = width.toInt();
		(nbr>nbObjet/2) ? nbr = (nbObjet/2).toInt() : nbr = nbr;
		(nbObjet==2 || nbObjet==3 ) ? nbr = 2 : nbr = nbr;
		(leftwidth>0 && width.toInt()==1) ? nbr = 1 : nbr = nbr;

		if (nbr != NBRColumns ){
			NBRColumns = nbr;
			$('Content').setStyles({'width':(NBRColumns*280)+offset+'px'});
			//Main.empty();
			for (var i = 1; i<NBRColumns+1; i++){
				var column = new Element('div',{id:'Main_Column_'+i,'class': 'Main_Column'}).injectInside(Main);
			}
			var id = 1;
			Objets.each(function(obj){
				obj.injectInside($('Main_Column_'+id));
				if (id==NBRColumns){ id = 1 } else { id++; }
			});
			$$('.Main_Column').each(function(column){
				var allhr = column.getElements('hr');
				allhr.setStyles({'display':'block'});
				var last = column.getLast('div[class=Box]');
				if (last){
					var hr = last.getElement('hr');
					try {hr.setStyles({'display':'none'})} catch(e){}
				}
			});
		}
	}

	replace();


});