window.addEvent('domready', function(){
	
	var NbCollone = 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 != NbCollone ){
			NbCollone = nbr;
			$('Content').setStyles({'width':(NbCollone*280)+offset+'px'});
			//Main.empty();
			for (var i = 1; i<NbCollone+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==NbCollone){ 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();
	
	window.addEvent('scroll', function(event){
		if((NBRColumns>1 && ScrollOk == true) && (Browser.Engine.webkit == true || Browser.Engine.gecko == true)){
			var cScroll = window.getScroll().y;
			if (cScroll>aScroll){
				scrollColumn('up');
			} else {
				scrollColumn('down');
			}
			aScroll = window.getScroll().y;
		}
	});
	
	
	function scrollColumn(poss){
		var scroll = window.getScroll().y;
		var offset = $('Footer').getCoordinates().height+70+100;
		var HeaderHeight = 100;
		var FooterHeight = 68+60;
		var out = new String();
		var Columns = $$('.Main_Column');
		($('Right')) ? Columns.push($('Right')) : '';
		Columns.each(function(column){
			var cOffset = column.getCoordinates().height-window.getHeight()+column.getCoordinates().top+FooterHeight;
			if(cOffset-column.getStyle('margin-top').toInt()<0){
				column.setStyles({
					'margin-top': scroll+'px'
					});
			} else {
				if(poss=='up'){
					if(scroll>=cOffset){
						var margin = scroll - cOffset + column.getStyle('margin-top').toInt();
						column.setStyles({
							'margin-top': margin+'px'
							});
					}
				} else {
					var cOffset = column.getCoordinates().height-window.getHeight()+column.getCoordinates().top+FooterHeight-column.getStyle('margin-top').toInt();
					var margin = column.getStyle('margin-top').toInt();
					if(margin>scroll){
						column.setStyles({
							'margin-top': scroll+'px'
						});
					}
				}
			}
		});
	}
});