var bar = document.getElementById('bar');
	var results = document.getElementById('results');
	var timeout; 
	var count = 0; 
	var startTime; 
	var speeder = Raphael.fn.speedometer("speeder",500,500,0); 
	speeder.position(0);
	speeder.setOptions({width:400,height:400});
	
	document.onkeypress = function(e){
		if (count == 0){ 
			speeder.position(0);
			startTime = new Date().getTime();
		}
		clearTimeout(timeout);
		timeout = setTimeout(function(){
			var finalTime = new Date().getTime(); 
			var elapsedTime = finalTime - startTime;
			var dist = (count/15)*0.000189393939;
			var time = (elapsedTime -1000)/1000/60/60; 
			var speed= dist/time;
			results.innerHTML = "Your fingers moved around " + Math.round(speed*100)/100 + " mph" ; 
			speeder.accelerate(speed);
			speeder.scrollTo(speed*10);
			count = 0;
		},1000);
		
		count++;
	}
	
	var slider = Raphael.fn.slider("slider1",{
		min:0,
		max:360,
		width:125,
		callback:function(value){
			speeder.setOptions({lightAngle:value});
		}
	});
	slider.setValue(45);
	
	var slider2 = Raphael.fn.slider("slider2",{
		min:0,
		max:0.5,
		width:125,
		callback:function(value){
			speeder.setOptions({lightDistance:value});
		}
	});
	slider2.setValue(0.5);
		
	var slider3 = Raphael.fn.slider("slider3",{
		min:100,
		max:500,
		width:125,
		callback:function(value){
			speeder.setOptions({width:value,height:value});
		}
	});
	slider3.setValue(400);
	
	var slider4 = Raphael.fn.slider("slider4",{
		min:0,
		max:1,
		width:125,
		callback:function(value){
			speeder.setOptions({rumble:true,rumbleMagnitude:value});
		}
	});
	speeder.setOptions({rumble:true,rumbleMagnitude:0.1});
	slider4.setValue(0.1);
	 
	
	var button =  Raphael.fn.button("button1",{
		color:"#883300",
		click:function(){speeder.setOptions({
			"plateColor":"#883300",
			"color1":"#fa5",
			"color2":"#f50",	
			needleColor:"#ff5500",
	        needleHubColor: "#ff5500",
		});}
	});
	
	button =  Raphael.fn.button("button2",{
		color:"#33aa00",
		click:function(){speeder.setOptions({
			"plateColor":"#33aa00",
			"color1":"#fa5",
			"color2":"#f50",			
			needleColor:"#ff5500",
	        needleHubColor: "#ff5500",
		});}
	});
		
	button =  Raphael.fn.button("button3",{
		color:"#2233aa",
		click:function(){speeder.setOptions({
			"plateColor":"#2233aa",
			color1: "#ffffff",
			color2:  "#ffdd33",
			needleColor: "#ff6622",
			needleHubColor: "#333333",		
		});}
	});
	
	button =  Raphael.fn.button("button4",{
		color:"#555555",
		click:function(){speeder.setOptions({
			"plateColor":"#555555",
			color1: "#ffffff",
			color2:  "#ffdd33",
			needleColor: "#ff6622",
			needleHubColor: "#333333",
		});}
	});