var Map = {
	init: function(){
		//dropdown event
		$('#schoolSelect').change(function(){
			document.location = $(this).attr('value');
		});
		//canvas
		var canvas = document.getElementById('mapcanvas');
		if (canvas.getContext){  
			var ctx = canvas.getContext('2d');
			/*********************/
			/* drawing code here */
			/*********************/
			
			//alabama.draw(ctx);
			//alaska.draw(ctx);
			//arizona.draw(ctx);
			//arkansas.draw(ctx);
			california.draw(ctx);
			//colorado.draw(ctx);
			//connecticut.draw(ctx);
			//delaware.draw(ctx);
			//florida.draw(ctx);
			//georgia.draw(ctx);
			//hawaii.draw(ctx);
			//idaho.draw(ctx);
			illinois.draw(ctx);
			indiana.draw(ctx);
			//iowa.draw(ctx);
			//kansas.draw(ctx);
			//kentucky.draw(ctx);
			//louisiana.draw(ctx);
			//maine.draw(ctx);
			maryland.draw(ctx);
			massachusetts.draw(ctx);
			michigan.draw(ctx);
			//minnesota.draw(ctx);
			//mississippi.draw(ctx);
			missouri.draw(ctx);
			//montana.draw(ctx);
			//nebraska.draw(ctx);
			//nevada.draw(ctx);
			//newhampshire.draw(ctx);
			newjersey.draw(ctx);
			//newmexico.draw(ctx);
			newyork.draw(ctx);
			northcarolina.draw(ctx);
			//northdakota.draw(ctx);
			ohio.draw(ctx);
			//oklahoma.draw(ctx);
			//oregon.draw(ctx);
			pennsylvania.draw(ctx);
			//rhodeisland.draw(ctx);
			//southcarolina.draw(ctx);
			//southdakota.draw(ctx);
			//tennessee.draw(ctx);
			//texas.draw(ctx);
			//utah.draw(ctx);
			//vermont.draw(ctx);
			//viginia.draw(ctx);
			//washington.draw(ctx);
			//westvirginia.draw(ctx);
			wisconsin.draw(ctx);
			//wyoming.draw(ctx);
			
			
			/*********************/
			/*   end drawing     */
			/*********************/
			
			
			Map.interact(canvas,ctx);
			
		} else {  
			// canvas-unsupported code here
			//alert('Sorry, this Browser does not support this technology.')
		}
		
	},
	interact: function(canvas){
		// Attach the mousemove event handler.
		if(canvas.addEventListener){
			canvas.addEventListener('mousemove', ev_canvas, false);
			canvas.addEventListener('mousedown', ev_canvas, false);
			canvas.addEventListener('mouseup',   ev_canvas, false);
		}else{
			//for ie
			BROWSER = 'ie';
			canvas = document.getElementById('mapoverforie');
			canvas.attachEvent('onmousemove', ev_canvas);
			canvas.attachEvent('onmousedown', ev_canvas);
			canvas.attachEvent('onmouseup',   ev_canvas);	
		}
		var pix = 0;
		// The mousemove event handler.
		function ev_canvas (ev) {
			//send not when moving but stationary for a time
			
			//stop check if over another
			//store one currently on
			var x, y;
			// Get the mouse position relative to the canvas element.
			if(BROWSER == 'ie'){
				x = ev.offsetX?(ev.offsetX):ev.pageX-canvas.offsetLeft;
				y = ev.offsetY?(ev.offsetY):ev.pageY-canvas.offsetTop;
				x += 1;
				y += 1;
			}else{
				if (ev.layerX || ev.layerX == 0) { // Firefox
					x = ev.layerX;
					y = ev.layerY;
				} else if (ev.offsetX || ev.offsetX == 0) { // Opera
					x = ev.offsetX;
					y = ev.offsetY;
				}
			}
			for(var i = 0; i<ACTIVESTATES.length; i++){
				ACTIVESTATES[i].getPoint(ev.type,x,y);
			}
		}
	}
}