function inputKB(e)
{
	var key;
	if(window.event)
	{
		key = window.event.keyCode;
	}
	else
	{
		key = e.keyCode;
	}
	
	if(key == 69) // EFFECT
	{
		doEffect = true;
	}
	// move the camera position
	if(key == 65) // LEFT
	{
		var dir = scaleVec3(left, g_camMoveSpeed);
		var pos = addVec3(g_cam.w_axis, dir );
		g_cam.setLookAt(pos, zeroVec(), upVec());
	}
	if(key == 87) // FWRD
	{
		var dir = scaleVec3(look, g_camMoveSpeed);
		dir.negate();
		var pos = addVec3(g_cam.w_axis, dir );
		g_cam.setLookAt(pos, zeroVec(), up);
	}
	if(key == 68) // RIGHT
	{
		var dir = scaleVec3(right, g_camMoveSpeed);
		var pos = addVec3(g_cam.w_axis, dir );
		g_cam.setLookAt(pos, zeroVec(), up);
	}
	if(key == 83) // BACK
	{
		var dir = scaleVec3(back, g_camMoveSpeed);
		dir.negate();
		var pos = addVec3(g_cam.w_axis, dir );
		g_cam.setLookAt(pos, zeroVec(), up);
	}

}

//////////////////////////////////////////////////////////////
//			Mouse - manipulations (click'n-drag)			//
//////////////////////////////////////////////////////////////


function vortexMsDown(ev)
{
		controller.OnMouseDown(ev);
		return false;
}

function vortexMsUp(ev)
{
		controller.OnMouseUp(ev);
		return false;
}



function CameraController(element, opt_canvas, opt_context) {
    var controller = this;
    this.onchange = null;
    this.xRot = 0;
    this.yRot = 0;
    this.scaleFactor = 0.25;
    this.dragging = false;
    this.curX = 0;
    this.curY = 0;

    if (opt_canvas)
        this.canvas_ = opt_canvas;

    if (opt_context)
        this.context_ = opt_context;





    // Assign a mouse move handler to the HTML element.
    element.onmousemove = function(ev) {
        if (controller.dragging) {
            // Determine how far we have moved since the last mouse move
            // event.
            var curX = ev.clientX;
            var curY = ev.clientY;
            var deltaX = (controller.curX - curX)*controller.scaleFactor;
            var deltaY = (controller.curY - curY)*controller.scaleFactor;
			// if(Math.abs(deltaX) > 10)
				// deltaX = 10*deltaX/deltaX;
			// if(Math.abs(deltaY) > 10)
				// deltaY = 10*deltaY/deltaY;
            controller.curX = curX;
            controller.curY = curY;
            // Update the X and Y rotation angles based on the mouse motion.
            controller.yRot = (controller.yRot + deltaX) % 360;
            controller.xRot = (controller.xRot + deltaY);
            // Clamp the X rotation to prevent the camera from going upside
            // down.
            // if (controller.xRot < -90) {
                // controller.xRot = -90;
            // } else if (controller.xRot > 90) {
                // controller.xRot = 90;
            // }
            // Send the onchange event to any listener.
            if (controller.onchange != null) {
                controller.onchange(controller.xRot, controller.yRot);
            }
        }
    };
}

    // Assign a mouse up handler to the HTML element.
CameraController.prototype.OnMouseUp = function(ev) {
        controller.dragging = false;
    };

    // Assign a mouse down handler to the HTML element.
CameraController.prototype.OnMouseDown = function(ev) {
        controller.curX = ev.clientX;
        controller.curY = ev.clientY;
        var dragging = false;
        if (controller.canvas_ && controller.context_) {
            var rect = controller.canvas_.getBoundingClientRect();
            // Transform the event's x and y coordinates into the coordinate
            // space of the canvas
            var canvasRelativeX = ev.pageX - rect.left;
            var canvasRelativeY = ev.pageY - rect.top;
            var canvasWidth = controller.canvas_.width;
            var canvasHeight = controller.canvas_.height;

            // Read back a small portion of the frame buffer around this point
            if (canvasRelativeX > 0 && canvasRelativeX < canvasWidth &&
                canvasRelativeY > 0 && canvasRelativeY < canvasHeight) 
			{
				dragging = true;
                // pixels = controller.context_.readPixels(canvasRelativeX,
														// canvasHeight - canvasRelativeY,
														// 1,
														// 1,
														// controller.context_.RGBA,
														// controller.context_.UNSIGNED_BYTE);
                // if (pixels) {
                    // // See whether this pixel has an alpha value of >= about 10%
                    // if ( ((pixels[0] + pixels[1] + pixels[2])/3.0) >= 0.0) {
                        // dragging = true;
                    // }
                // }
            }
        } else {
            dragging = true;
        }

        controller.dragging = dragging;
    };