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

	function ChangeImageFormat(prev,next){
		var Img = $$('.ImageBox').getElements('img');
		Img.each(function(obj){
			var src = obj.getProperty('src');
			src = new String(src);
			src = src.replace(prev, next);
			obj.set({'src':src});
		});
	}

	if ($('Right') && ($('Right').get('html')).clean()!=""){
		var ColumnPub = true;
	} else {
		var ColumnPub = false;
	}
	if ($('Image_Column') && ($('Image_Column').get('html')).clean()!=""){
		var ColumnImage = true;
	} else {
		var ColumnImage = false;
	}
	if ($('Highlights_Column') && ($('Highlights_Column').get('html')).clean()!=""){
		var ColumnHighlights = true;
	} else {
		var ColumnHighlights = false;
	}
	
	var ColumnsWidth = 140;
	var MenuWidth = 310;
	var NBRColumns = 0;
	var SecurityMargin = 12;
	
	var ScrollOk = true;
	
	function dispose(){
		var WindowWidth = ((window.getWidth()-MenuWidth)+SecurityMargin)/ColumnsWidth;
		var NBR = WindowWidth.toInt();

		if (NBR != NBRColumns){
			NBRColumns = NBR;
			if (ColumnImage==true){
				if (ColumnPub==true){
					if (NBRColumns < 3){
						ScrollOk = false;
						$('Content').setStyles({'width':2*ColumnsWidth+'px'});
					} else if (NBRColumns == 3){
						ScrollOk = false;
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
						$('Content').setStyles({'width':3*ColumnsWidth+'px'});
					} else if (NBRColumns == 4){
						ScrollOk = false;
						$('Image_Column').setStyles({'width':2*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
						ChangeImageFormat('medium', 'small');
						$('Content').setStyles({'width':4*ColumnsWidth+'px'});
					} else if (NBRColumns == 5){
						ScrollOk = true;
						$('Content').setStyles({'width':5*ColumnsWidth+'px'});
						$('Image_Column').setStyles({'width':2*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
						ChangeImageFormat('medium', 'small');
					} else if (NBRColumns >= 6){
						ScrollOk = true;
						$('Content').setStyles({'width':6*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
						$('Image_Column').setStyles({'width':2*ColumnsWidth+'px'});
						ChangeImageFormat('medium', 'small');
						if (NBRColumns >= 7){
							ScrollOk = true;
							$('Content').setStyles({'width':7*ColumnsWidth+'px'});
							$('Image_Column').setStyles({'width':3*ColumnsWidth+'px'});
							ChangeImageFormat('small', 'medium');
						}
					}
					if (NBRColumns == 3 && ColumnHighlights == true){
						$('Right').injectBefore($('Image_Column'));
					} else {
						$('Right').injectAfter($('Image_Column'));
					}
				} else {
					if (NBRColumns < 4){
						ScrollOk = false;
						$('Content').setStyles({'width':2*ColumnsWidth+'px'});
						ChangeImageFormat('medium', 'small');
					} else if (NBRColumns == 4){
						ScrollOk = true;
						$('Image_Column').setStyles({'width':2*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
						ChangeImageFormat('medium', 'small');
						$('Content').setStyles({'width':4*ColumnsWidth+'px'});
					} else if (NBRColumns == 5){
						ScrollOk = true;
						$('Content').setStyles({'width':5*ColumnsWidth+'px'});
						$('Image_Column').setStyles({'width':2*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
						ChangeImageFormat('medium','small');
					} else 	if (NBRColumns >= 6){
						ScrollOk = true;
						$('Content').setStyles({'width':6*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
						$('Image_Column').setStyles({'width':3*ColumnsWidth+'px'});
						ChangeImageFormat('small', 'medium');
					}
				}
			} else {
				if (NBRColumns < 3){
					ScrollOk = false;
					$('Content').setStyles({'width':2*ColumnsWidth+'px'});
				} if (NBRColumns == 3){
					if (ColumnHighlights==true){
						ScrollOk = false;
					} else {
						ScrollOk = true;
					}
					$('Content').setStyles({'width':3*ColumnsWidth+'px'});
				} else if (NBRColumns == 4){
					$('Content').setStyles({'width':4*ColumnsWidth+'px'});
					if (ColumnHighlights==true && ColumnPub==true){
						ScrollOk = false;
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
					} else if (ColumnHighlights==false && ColumnPub==true){
						ScrollOk = true;
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
					} else if (ColumnHighlights==true && ColumnPub==false){
						ScrollOk = true;
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
					} else {
						ScrollOk = false;
						$('Content').setStyles({'width':3*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
					}
				} else if (NBRColumns == 5){
					$('Content').setStyles({'width':5*ColumnsWidth+'px'});
					ScrollOk = true;
					if (ColumnHighlights==true && ColumnPub==true){
						$('MainContentColumn').setStyles({'width':2*ColumnsWidth+'px'});
					} else if (ColumnHighlights==false && ColumnPub==true){
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
						$('Content').setStyles({'width':4*ColumnsWidth+'px'});
					} else if (ColumnHighlights==true && ColumnPub==false){
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
					} else {
						$('Content').setStyles({'width':3*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
					}
				} else if (NBRColumns >= 6){
					$('Content').setStyles({'width':6*ColumnsWidth+'px'});
					ScrollOk = true;
					if (ColumnHighlights==true && ColumnPub==true){
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
					} else if (ColumnHighlights==false && ColumnPub==true){
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
						$('Content').setStyles({'width':4*ColumnsWidth+'px'});
					} else if (ColumnHighlights==true && ColumnPub==false){
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
						$('Content').setStyles({'width':5*ColumnsWidth+'px'});
					} else {
						$('Content').setStyles({'width':3*ColumnsWidth+'px'});
						$('MainContentColumn').setStyles({'width':3*ColumnsWidth+'px'});
					}
				}

				if (NBRColumns == 3 && ColumnHighlights == true){
					$('Right').injectBefore($('Highlights_Column'));
				} else if ((NBRColumns > 3 || NBRColumns < 3 ) && ColumnHighlights == true){
					$('Right').injectAfter($('Highlights_Column'));
				}
			}
		}
	}
	
	

	
	dispose();
	
	window.addEvent('resize', function(){
		dispose();
	});
	
	// var aScroll = window.getScroll().y;
	// 
	// window.addEvent('scroll', function(event){
	// 	var Columns = $$('.Main_Column');
	// 	($('Right')) ? Columns.push($('Right')) : '';
	// 	($('Left')) ? Columns.push($('Left')) : '';
	// 	if((Columns.length>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'
	// 					});
	// 				}
	// 			}
	// 		}
	// 	});
	// }
	
	
});