window.addEvent('domready', function(){


	
	var ColumnsWidth = 280;
	var MenuWidth = 310;
	var NBRColumns = 0;
	var Objets = $('DVD_Column').getElements('div[class=Box]');
	
	function dispose(){
		var WindowWidth = (window.getWidth()-MenuWidth)/ColumnsWidth;
		var NBR = WindowWidth.toInt();

		if (NBR != NBRColumns){
			NBRColumns = NBR;
			if (NBRColumns == 1){
				$('Content').setStyles({'width':1*ColumnsWidth+'px'});
				$('DVD_Column').setStyles({'width':1*ColumnsWidth+'px'});
			} else if (NBRColumns == 2){
				$('Content').setStyles({'width':2*ColumnsWidth+'px'});
				$('DVD_Column').setStyles({'width':1*ColumnsWidth+'px'});
			} else if (NBRColumns == 3){
				$('Content').setStyles({'width':3*ColumnsWidth+'px'});
				$('DVD_Column').setStyles({'width':2*ColumnsWidth+'px'});
			} else if (NBRColumns == 4){
				$('Content').setStyles({'width':4*ColumnsWidth+'px'});
				$('DVD_Column').setStyles({'width':3*ColumnsWidth+'px'});
			}
			for (var i = 1; i<NBRColumns; i++){
				var column = new Element('div',{id:'Main_Column_'+i,'class': 'Main_Column'}).injectInside($('DVD_Column'));
			}
			var id = 1;
			Objets.each(function(obj){
				obj.injectInside($('Main_Column_'+id));
				if (id==NBRColumns-1){ id = 1 } else { id++; }
			});
		}
	}
	
	dispose();
	
	window.addEvent('resize', function(){
		dispose();
	});
	
	// var aScroll = window.getScroll().y;
	// 
	// window.addEvent('scroll', function(event){
	// 	if(NBRColumns>1 && (Browser.Engine.webkit == true || Browser.Engine.webkit == 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'
	// 					});
	// 				}
	// 			}
	// 		}
	// 	});
	// }
	
});