window.addEvent('domready', function(){
	
	var normal_items = $$('div.main_menu li');
	normal_items.each(function(normal_item) {	
			x = normal_item.getElement('a.firstLevel');
			if (x!=null)
			{
				normal_item.addEvent('mouseover',function(){
						var normal_items2 = $$('div.main_menu a.firstLevel');
						normal_items2.each(function(normal_item2) {	
							if (normal_item2!=normal_item.getElement('a.firstLevel'))
							{
								if (normal_item2.hasClass('hover_effect'))
								{
									normal_item2.removeClass('active').removeClass('hover_effect');
								}
		
								ul = normal_item2.getParent().getElement('ul');
								if (ul!=null) ul.removeClass('active').removeClass('clearfix');
							}
						});	
						
						if (!normal_item.getElement('a.firstLevel').hasClass('active'))
							normal_item.getElement('a.firstLevel').addClass('active').addClass('hover_effect');
						ul = normal_item.getElement('ul');
						if (ul!=null) ul.addClass('active').addClass('clearfix');
				});	

				normal_item.addEvent('mouseout',function(){
						ul = normal_item.getElement('ul');
						if (ul!=null) 
						{
							ul.removeClass('active').removeClass('clearfix');
						}

						if (normal_item.getElement('a.firstLevel').hasClass('hover_effect'))
							normal_item.getElement('a.firstLevel').removeClass('active').removeClass('hover_effect');
				});	
			}
	});	

	var teasers = $$('div.main_menu a.firstLevel');
	var desiredWidth = 898;
	if (teasers.length > 0) 
		var totalWidth = 0;
		teasers.each(function(teaser) {	
			totalWidth += teaser.offsetWidth + teaser.getStyle('margin-left').toInt() + teaser.getStyle('margin-right').toInt();
		});

		if (desiredWidth>totalWidth)
		{
			/*
			 * Add additional padding
			 */
			var addPadding = (desiredWidth-totalWidth)/(teasers.length*2);
			var cumulatedError = 0.0;
			
			teasers.each(function(teaser) {	
				add = Math.floor(addPadding);
				cumulatedError += addPadding - Math.floor(addPadding);
				if (cumulatedError>1) 
				{
					cumulatedError--;
					add++;
				}
				innerEl = teaser.getElement('span');
				innerEl.setStyle('padding-left', innerEl.getStyle('padding-left').toInt() + add);

				add = Math.floor(addPadding);
				cumulatedError += addPadding - Math.floor(addPadding);
				if (cumulatedError>1) 
				{
					cumulatedError--;
					add++;
				}
				innerEl.setStyle('padding-right', innerEl.getStyle('padding-right').toInt() + add);
			});


			/*
			 * Check if everything went fine, if not correct (by maximum 1px)
			 * Note: this should not happen at all
			 */
			totalWidth = 0.0;
			teasers.each(function(teaser) {	
				totalWidth += teaser.offsetWidth + teaser.getStyle('margin-left').toInt() + teaser.getStyle('margin-right').toInt();
			});
			if (desiredWidth!=totalWidth)
			{
				innerEl = teasers[0].getElement('span');
				innerEl.setStyle('padding-right', innerEl.getStyle('padding-right').toInt() + desiredWidth - totalWidth);
			}

		}
});