var StartPage = new Class({

	// CONSTRUCTOR
	initialize: function() {
		var startPageCols		= $$(".dom__mainPageThemeColumns");
		var continentSelectors	= $$(".continent__selectionContainer");
		
		if(startPageCols.length > 0) {
			this.__stretchColumns(startPageCols,new Array(12,4,12,4));
		}
		
		if(continentSelectors.length > 0) {
			this.__addContinentHovers(continentSelectors);
		}
		
	},
	
	// PUBLIC MEMBER FUNCTIONS


	// PROTECTED MEMBER FUNCTIONS
	
	
	// PRIVATE MEMBER FUNCTIONS
	__stretchColumns: function(columns,padding) {
		var height;
		
		if(columns.length > 0) {
			for(var i=0;i<columns.length;++i) {
				var col = columns[i];
				var size = col.getCoordinates();
				if(i==0 || size['height'] > height) {
					height = size['height']-padding[0]-padding[2];
				}
			}
			
			for(var i=0;i<columns.length;++i) {
				var col = columns[i];
				col.style.height = height+"px";
			}
		}
	},
	
	__addContinentHovers: function(selectors) {
		var thisObject = this;
		if(selectors.length > 0) {
			for(var i=0;i<selectors.length;++i) {
				var selector = selectors[i];
				
				selector.addEvent("mouseover",function(){thisObject.__showHideContinent(this,true)});
				selector.addEvent("mouseout",function(){thisObject.__showHideContinent(this,false)});
			}
		}
	},
	
	__showHideContinent: function(trigger,show) {
		var layer			= $$('#'+trigger.id+" div.hover__listContainer");
		var layerCoords		= layer[0].getCoordinates();
		var stretcherCoords	= $("page__featureStretcher").getCoordinates();
		//var layerPos		= (trigger.getPosition().x+layerCoords.width > stretcherCoords.left+stretcherCoords.width) ? (trigger.getLeft()-(layerCoords.width/2)-6-stretcherCoords.left)+"px" : (trigger.getLeft()-$("page__featureStretcher").getLeft())+"px";
		var layerPos		= "0px";
		if(layer.length == 1) {
			layer[0].style.left = layerPos;
			if(show == true) {
				layer[0].style.visibility = "visible";
			} else {
				layer[0].style.visibility = "hidden";
			}
		}
	}
});