+ adding a mouse wheel listener for firefox

+ fixing an issue causing mouse down to not work on firefox
+ adding overflow hidden for firefox (is this the right way?)
+ reducing the number of verts required per line

Author: Michael Chang

js/main.js

@@ -304,6 +304,12 @@ function initScene() {
 
 	masterContainer.addEventListener( 'click', onClick, true );	
 	masterContainer.addEventListener( 'mousewheel', onMouseWheel, false );
+	
+	//	firefox	
+	masterContainer.addEventListener( 'DOMMouseScroll', function(e){
+		    var evt=window.event || e; //equalize event object
+    		onMouseWheel(evt);
+	}, false );
 
 	document.addEventListener( 'keydown', onKeyDown, false);												    			    	
 

js/mousekeyboard.js

@@ -33,7 +33,7 @@ function onDocumentMouseMove( event ) {
 }
 
 function onDocumentMouseDown( event ) {	
-    if(event.srcElement.className.indexOf('noMapDrag') !== -1) {
+    if(event.target.className.indexOf('noMapDrag') !== -1) {
         return;
     }
     dragging = true;			   
@@ -91,6 +91,10 @@ function onMouseWheel( event ){
 	if (event.wheelDelta) { /* IE/Opera. */
 	        delta = event.wheelDelta/120;
 	} 
+	//	firefox
+	else if( event.detail ){
+		delta = -event.detail/3;
+	}
 
 	if (delta)
 	        handleMWheel(delta);

js/visualize_lines.js

@@ -55,7 +55,7 @@ function makeConnectionLineGeometry( exporter, importer, value, type ){
 	// splineCurveB.updateArcLengths();
 
 	//	how many vertices do we want on this guy? this is for *each* side
-	var vertexCountDesired = Math.floor( /*splineCurveA.getLength()*/ distanceBetweenCountryCenter * 0.04 + 6 ) * 2;	
+	var vertexCountDesired = Math.floor( /*splineCurveA.getLength()*/ distanceBetweenCountryCenter * 0.02 + 6 ) * 2;	
 
 	//	collect the vertices
 	var points = splineCurveA.getPoints( vertexCountDesired );

style.css

@@ -59,7 +59,7 @@
 }
 
 /* Main Styles */
-body { color:#000000; font-family:'Roboto'; font-size:14px; height:768px; min-width: 1280px; min-height: 860px;}
+body { color:#000000; font-family:'Roboto'; font-size:14px; height:768px; min-width: 1280px; min-height: 860px; overflow: hidden;}
 a { color:#ffffff; text-decoration:none; text-transform:uppercase; }
 a:hover { color:#8eb423; }
 h1 { font-family:'RopaSans'; font-weight:normal; }
@@ -72,6 +72,10 @@ li { list-style-type:none; }
  /*   min-width:1280px;*/
 }
 
+#visualization{
+    position: fixed;
+}
+
 #dataviz { 				
 	background-color: 	#000000;
 	margin: 			0px;