$('#list a').mouseover(function() {
  $(this).css('cursor', 'pointer')
});

$(document).ready(function(){
	var element = $('#list a');;
	var offset = 100; 
	var stepping = 0.024; // Geschwindigkeit
	var list = $('#list');
	var $list = $(list)
	$list.mousemove(function(e){
		//var topOfList = $list.eq().offset().top
		//var listHeight = $list.height()
		//stepping = (e.clientY - topOfList) /  listHeight * 0.0 - 0.0;
		
	});
	for (var i = element.length - 1; i >= 0; i--)
	{
		element[i].elemAngle = i * Math.PI * 2 / element.length;
	}
	setInterval(render, 40);

	function render(){
		for (var i = element.length - 1; i >= 0; i--){
			
			var angle = element[i].elemAngle + offset;
			
			x = 140 + Math.sin(angle) * 8; // Abstand über x-Achse
			y = 28 + Math.cos(angle) * 22; // Abstand über y-Achse
			size = Math.round(55 - Math.sin(angle) * 55); // Aktiv! Transparenz: dunkel / hell
			
			var elementCenter = $(element[i]).width() / 1;
	
			var leftValue = (($list.width()/2) * x / 100 - elementCenter) + "px"
	
			$(element[i]).css("fontSize", size + "pt");
			$(element[i]).css("opacity",size/200); // Transparenz: dunkel / hell
			$(element[i]).css("zIndex" ,size);
			$(element[i]).css("left" ,leftValue);
			$(element[i]).css("top", y + "%");
		}
		
		offset += stepping;
	}
	
});