// JavaScript Document

function DoMenu() {
	var position = 0;
	var width = 0;
	width = 190;
	
	$('#menu').css({'overflow':'hidden','position':'relative','width':width+'px',marginLeft:'10px'});
	
	var i = 0;
	$('#menu ul').each(function () {
		position = (width + 30) * i;
		if(i > 0) {
			$('<li><a class="back-to-root" href="#position0" style="font-size:0.8em">&laquo; zur&uuml;ck</a></li>').insertBefore('#menu ul.position' + i + ' li.first-li');	
			
		}
		
		$('#menu ul.position' + i).css({'float':'none','position':'absolute','width':width+'px','top':'0px','left':position+'px','margin':'0','padding':'0'}); 
		$('#menu ul.position' + i + ' li').css({'position':'static'});
		$('#menu ul.position' + i + ' li.more-elements a.more-elements').attr({'href':'#position' + i});
		i = i+1;
	});
	
	$('#menu a.more-elements').click(function () {  
	
		 $('#menu').scrollTo('ul.'+$(this).attr('rel'), 800);       
		   
		 return false;  
	}); 
	
	$('a.back-to-root').click(function () {  
	
		 $('#menu').scrollTo('ul.position0', 800);      
		   
		 return false;  
	}); 
	
	
	
	
	//Menü gleich an richtige Stelle bringen
	if($('#menu').attr('rel') != '') {
		 $('#menu').scrollTo('ul.'+$('#menu').attr('rel'), 0);
	}
}