// JavaScript Document
		jQuery(document).ready(function() {
			var camera = new Camera3D();
			var tags = document.getElementById("tags");
			var radius = tags.offsetHeight / 2;
			var ratio = tags.offsetWidth / tags.offsetHeight;

			tags.style.top = radius + "px";
			tags.style.left = radius*ratio + "px";
			
			camera.init(radius*ratio,radius,radius,radius*3);
			
			var container = jQuery("#tags")
			
			var item = new Object3D(container);


		
			item.addChild(new Sphere(radius,document.getElementById("tags").getElementsByTagName("li").length));
			
			var scene = new Scene3D();
			scene.addToScene(item);
			
			var maxSpeed=150;
			
			var mouseX = maxSpeed;
			var mouseY = maxSpeed;
			
			var offsetX = container.offset().left;
			var offsetY = container.offset().top-jQuery(window).scrollTop();
			var speed = 6000;
			
			var deadzoneX=(radius*ratio)/3;
			var deadzoneY=radius/3;
			
			jQuery(document).mousemove(function(e){
																		 
				var offsetY = container.offset().top-jQuery(window).scrollTop();
				
				mouseX = e.clientX - offsetX;
				mouseY = e.clientY - offsetY;
				
				
				if(mouseX < (maxSpeed*-1)) mouseX = (maxSpeed*-1);
				if(mouseY < (maxSpeed*-1)) mouseY = (maxSpeed*-1);

				if(mouseX > maxSpeed) mouseX = maxSpeed;
				if(mouseY > maxSpeed) mouseY = maxSpeed;

				if(Math.abs(mouseX) < deadzoneX) mouseX = mouseX / (deadzoneX-mouseX+1);
				if(Math.abs(mouseY) < deadzoneY) mouseY = mouseY / (deadzoneY-mouseY+1);
				
			});
			

			var animateIt = function(){

				if (mouseX != undefined){
					axisRotation.y -= (mouseX) / speed
				}
				if (mouseY != undefined){
					axisRotation.x += mouseY / speed;
				}

				scene.renderCamera(camera, radius, ratio);

			};
			
			setInterval(animateIt, 20);
			
			});