//the primary game engine (theEngine.php)
<script id="runscript">
var debug1="";
var debug2="";
var debug3="";
var debug4="";
var debug5="";
//alert ('theEngine');
//objects-----------------------------------------------------------------------------
// target(targets)  targets.  Includes box targets, morePower, blastPill, monster 
// shooter (shooter1)
// rocket (rockets)
// laserPulse (laserPulses): types: shoot-to-target and target-to-shooter
// laserArc (spread shots): types: arc-to-target and circle-to-target (360-degree arc)
//-------------------------------------------------------------------------------------
document.getElementById('main-page').style.display="inline";
//document.getElementById('myCanvas').style.cursor="none";
var mobile=document.getElementById('mobile').innerHTML;
var phone=document.getElementById('phone').innerHTML;
var interval=document.getElementById('interval').innerHTML;
var userLoggedIn=document.getElementById('userLoggedIn').innerHTML;
var level=document.getElementById('level').innerHTML;
document.getElementById('theTimeRemaining').innerHTML=;
var theTimeRemaining=document.getElementById('theTimeRemaining').innerHTML; 
document.getElementById('thePlayLevel').innerHTML=1;
window.onresize=function(){browserResize();};
//starts game on any key-----------------------------------------
window.addEventListener("keydown", function () {
	if (keyCodeList[34]==true) resume();
	if (GAME_STATE!="running") start();
});
var xMin;var yMin;var xMax;var yMax;
var fixedAspectRatio=;
var nominalW=;
var nominalH=;
var myCanvas_width=nominalW;  //NOTE:  some nominal values may be defined in terms of the nominal canvas width or nominal_playCanvasW or H;
var myCanvas_height=nominalH;
var myCanvas_diagonal=Math.pow( (Math.pow(nominalW,2)+Math.pow(nominalH,2)),0.5 );
var nominal_playCanvas_left=;
var nominal_playCanvas_top=;
var nominal_playCanvasW=;
var nominal_playCanvasH=;
var nominal_Mobile_Button_Width=;
//-----------------------general parameters---------------
var defaultTimeLimitPerLevel=; // seconds
var startButtonBackgroundDownColor="#300";
var startButtonTextDownColor="#444";
//---------------------------------------targets (targets)---------------------------------------
var theGameTitle="";
var targetColor = new Array();
var numberStartingTargets=	;
var numberTargetsInc=   	;
var targetOuterWallMode=  	;// bounce or hyperjump
var boxTargetWnominal= 		; //pixels
var boxTargetHnominal=		;
var boxTargetSpeedNominal=	;// pixels/second
   // boxTargetSpeedNominal=100;
var boxTargetSpeedIncNominal=	; //pixels/second
var shooterMarginNominal=		; //pixels   area around the shooter where boxtargets cannot form.  Prevents shooter from blowing up immediately due to a promimal new box
var targetType=					"";   //the original random autonomous box target
    //targetType="monster";   // form at top and drift down, as in Space Monster Handball
//------------------------------------------more power targets--------------------------------
var morePowerW;
var morePowerH;
var morePowerWnominal=		;
var morePowerHnominal=		;
var morePowerSpeed;
var morePowerSpeedNominal=	;
var include_morePower=      ;
//------------------------------------------blast pill targets--------------------------------
var blastPillW;
var blastPillH;
var blastPillWNominal=		;
var blastPillHNominal=		;
var blastPillSpeed;
var blastPillSpeedNominal=	;
var include_blastPill=      ;
//------------shooter to targets (targets) parameters-----------------------------------------
var StoTpulseOuterWallMode=; 
	//StoTpulseOuterWallMode="bounce";  // bounce or normal
var StoTborderColor=	;
var StoTbodyColor=		;
var StoTnumBorderLines=;
var StoTpulseDistance; // reach of the pulse in pixels
var StoTpulseDistanceNominal=;  //nominal pixels  0.44 or more for handball
var StoTpulseSpeed;//shooter to target pulse speed.
var StoTpulseSpeedNominal=; //nominal pixels/second
var	StoTpulseW; //=.045*myCanvas_width;
var StoTpulseWNominal=;  //pixels
var	StoTpulseH; //=pulseW/16;
var StoTpulseHNominal=; //pixels
var StoTtype=;
var StoTbouncesRequired=;
//--------------targets to shooter parameters-----------------------------------------------
var TtoSpulseOuterWallMode=;   //bounce or normal
var TtoSbodyColor=;
var TtoSborderColor=;
var TtoSnumBorderLines=;
var TtoSpulseDistance; // reach of the pulse in pixels
var TtoSpulseDistanceNominal=;  //nominal pixels  0.44 or more for handball
var TtoSpulseSpeed;//shooter to target pulse speed.
var TtoSpulseSpeedNominal=; //nominal pixels/second
var	TtoSpulseW; //=.045*myCanvas_width;
var TtoSpulseWNominal=;  //pixels
var	TtoSpulseH; //=pulseW/16;
var TtoSpulseHNominal=; //pixels
var TtoSangle=;
var TtoStype=;
var randomFireProbability=;
//-----------------------------------shooter-------------------------------------------------------------------------
var shooter_type=;
var shootStatus=;
var shooter_width_nominal=; //pixels .04*mCanvas_width
var shooter_height_nominal=;  
var shooter_x_position_nominal=nominal_playCanvas_left+nominal_playCanvasW/2;
var shooter_y_position_nominal=nominal_playCanvas_top+ nominal_playCanvasH/2;
var shooter_gunColor=;  // was #900
var shooter_bodyColor=""; //was 'rgba(0,40,0,1)';
var shooter_outlineColor="";
var shooter_speed_nominal=; // pixels persecond
var shooter_movement_mode=; // "autonomous" or "horizontal"
    //shooter_movement_mode="horizontal";
var shooter_angle_mode=; // all or two or fixed
var shooter_fixed_angle1=; //degrees
var shooter_fixed_angle2=;
var Angle=shooter_fixed_angle1;
var sgn;
	if (shooter_angle_mode=="two") sgn=-1;
var shooter_moving_mode="";
var addMsSpaceGarBow="";
var shooter_bow_width_nominal=;
var shooter_bow_height_nominal=;
//-----------------------------------exploding shooter---------------------------------------------------------------
var shooterExplodeAngle=;var op=;var afterTimes=;
//------------------------------------rockets------------------op------------------------------------------------------
var rocket_type=;
var rocket_width;
var rocket_width_nominal=; //pixels .04*mCanvas_width
var rocket_height;
var rocket_height_nominal=;  
var rocket_bodyColor=; //was 'rgba(0,40,0,1)';
var rocket_outlineColor=;
var rocket_speed;
var rocket_acceleration; 
var rocket_speed_nominal=; //pixels/tic
var rocket_acceleration_nominal=; //pixels/tic**2
var rocket_adjustment_angle=; // degrees per tic
//-------------------------------------------------------------------------------------------------------------------
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var init=0;
var GAME_STATE = "stopped";
var theScore=0;
var numHits=0;
var misses=0;
var thePlayLevel=1;
var theHitPercentage=100;
var ddate = new Date(); // used for animation
var tstart; /*= d.getTime(); */ //used for animation
var ttotal ;//the total elapsed time passed back to the server
document.onkeydown = doOnKeyDown;
document.onkeyup = doOnKeyUp;
var keyCodeList=[];
var totalAngle=0;  //angle is tracked outside of drawShooter by degrees.
//var fireVector=new Array(0,0,0,0);
var targets=new Array();
var laserArcs=new Array();
var laserPulses=new Array();
var targetPulses=new Array();
var rockets=new Array();
var setForMorePower=true;
var setForBlastPill=true;
var mpow;
var shooterFirePoint={x:1,y:1};
var activeRocketIndex=-1;
var rocketTargetIndex;
function shooter(type,w,h,x,y,shootStatus){	
	this.type=type;
	this.w=w; //base dimensions for the firing triangle
	this.h=h; // height of triangle
	this.x=x; // initial position x
	this.y=y;  // initial position y
	this.nextx =x; //for collision compatibility
	this.nexty =y;
	this.gunColor=shooter_gunColor;
	this.bodyColor=shooter_bodyColor;
	this.outlineColor=shooter_outlineColor;
	this.p1={x:0,y:0}; this.p2={x:0,y:0}; this.p3={x:0,y:0};
	this.speed=0;
	this.geom="triangle";
	//this.status="normal";
	this.status=shootStatus;
	this.oldXY={x:0,y:0};
	this.moving=false;
	this.centroid={x:0,y:0};
	this.auxPoint={x:0,y:0};
	this.bow_width=0;
	this.bow_height=0;
}
var shooter1 = new shooter(shooter_type,shooter_width_nominal,shooter_height_nominal,shooter_x_position_nominal,shooter_y_position_nominal,shootStatus);
var A_steps=0; var All_steps=0;
var cycleCount=0;
var oldCycleCount=0;
var gunLimitCount=0;
var ddCount=0;
if(mobile==true){
	document.getElementById('shoot-left').ontouchstart=function(){shoot()};
	document.getElementById('shoot-left').ontouchend=function(){unshoot()};
	document.getElementById('shoot-left-a').ontouchstart=function(){shoot()};
	document.getElementById('shoot-left-a').ontouchend=function(){unshoot()};
	document.getElementById('shoot-right').ontouchstart=function(){shoot()};
	document.getElementById('shoot-right').ontouchend=function(){unshoot()};
	document.getElementById('shoot-right-a').ontouchstart=function(){shoot()};
	document.getElementById('shoot-right-a').ontouchend=function(){unshoot()};
	document.getElementById('alt-start').ontouchstart=function(){start()};
	document.getElementById('move-back').ontouchstart=function(){moveBack()};
	document.getElementById('move-back').ontouchend=function(){unMoveBack()};
	document.getElementById('move-forward').ontouchstart=function(){moveForward()};
	document.getElementById('move-forward').ontouchend=function(){unMoveForward()};
	document.getElementById('rotate-left').ontouchstart=function(){rotLeft()};
	document.getElementById('rotate-left').ontouchend=function(){unRotLeft()};
	document.getElementById('rotate-right').ontouchstart=function(){rotRight()};
	document.getElementById('rotate-right').ontouchend=function(){unRotRight()};
}
//--------------------------------------------------------------------------
document.getElementById('start-button').onclick=function(){start()};
//---------------------------------------------------------browser resize---------------------
browserResize();
var homed_on_count=0;
//---------------------------------------------------------------------------------------------
function start(){
	if (GAME_STATE=="stopped"){
	GAME_STATE="running";
	//openingTune.pause();
	targets=Array();
	numberTargets=numberStartingTargets;
	numberStartingTargets=numberStartingTargets+numberTargetsInc;
	tstart = ddate.getTime();
	var speed;
	document.getElementById('start-button').style.backgroundColor=startButtonBackgroundDownColor;
	document.getElementById('start-button').style.color=startButtonTextDownColor;
	document.getElementById('start-button').style.borderColor="#000";
	if (mobile==true) document.getElementById('alt-start').style.backgroundColor="#300";
	if (mobile==true) document.getElementById('alt-start').style.color="#444";
	var skip=false;
	document.getElementById("theScore" ).innerHTML=theScore.toFixed(0);
	k=0;i=0;
	if(targetType=="box"){
	while(k<numberTargets) {	
		var xx=Math.random()*(myCanvas_width); 
		var yy=Math.random()*(myCanvas_height); 
		if ( (xx < shooter1.x-shooterMargin || xx > shooter1.x+shooterMargin) && (yy<shooter1.y-shooterMargin || yy>shooter1.y+shooterMargin) ) {
			speed=(boxTargetSpeed+i*boxTargetSpeedInc);
			var testTarget= new target("box",xx,yy,boxTargetW,boxTargetH,speed,"none",0,myCanvas_width,myCanvas_height,0,targetColor[k],1,0,targetOuterWallMode);
			if (i==0) {targets.push(testTarget);k=k+1;}
			if (i>0) {
			 	skip=false;
				for (j=0;j<k;j++){
					if ( checkOverlap(targets[j],testTarget)>0 ) { skip=true;break;}
				} 
				if ( checkOverlap(shooter1,testTarget)>0 || Math.abs(testTarget.x-shooter1.x) < 400 || Math.abs(testTarget.y-shooter1.y) < 300) { /*alert('overlap with shooter found in startup')*/;skip=true;}
				//if (Math.abs(testTarget.x-shooter1.x) < 400) { skip=true;
					//if (Math.abs(testTarget.y-targets[j].y) < 300) { skip=true;break;}
				if (skip==false) {targets.push(testTarget);k=k+1;i=i+1;}
			}
				if (k==1) i=1;
		}
	}
	}
	if(targetType=="monster") {
		for (k=0;k<numberTargets;k++) {
			speed=boxTargetSpeed+k*boxTargetSpeedInc;
			xx=k*boxTargetW*1.4+xMin;
			yy=50+5*k+yMin;
			var testTarget= new target("monster",xx,yy,boxTargetW,boxTargetH,speed,"none",0,myCanvas_width,myCanvas_height,0,targetColor[k],1,0,targetOuterWallMode);
			targets.push(testTarget); 		
		} //for (k=0;k<numberTargets;k++)
	} // target==monster
	mainClock=setInterval(function(){animate()},interval);
	}	//if (GAME_STATE=="stopped")
} // end of function start
//-------------------------------------------------------------
function animate() {
	ctx.clearRect(0,0,myCanvas_width,myCanvas_height);   //every clock tic
	tnow = ddate.getTime();
	ttotal=tnow-tstart;
	if (GAME_STATE=="running"){
		A_steps=A_steps+1;
		All_steps=All_steps+1;
	}
	if(numHits+misses>0) theHitPercentage=100*numHits/(numHits+misses);
	document.getElementById('theHitPercentage').innerHTML=theHitPercentage.toFixed(0);
	if (GAME_STATE=="running") {
		theTimeRemaining=theTimeRemaining-interval/1000;
		if (theTimeRemaining  <=0) theTimeRemaining=0;  //eliminates potential "-0"
		document.getElementById('theTimeRemaining').innerHTML=theTimeRemaining.toFixed(0);
		if (theTimeRemaining  <=0) {theTimeRemaining=0;killShooter(shooter1);}
	}
	document.getElementById("theScore").innerHTML=theScore.toFixed(0); //(misses by elapsed time)	
	//----------------------------------------shooter----------------------------------------------------
	if (keyCodeList[33]==true) stop();
	if (keyCodeList[65]==true) {
		cycleCount=cycleCount+1;
		if (cycleCount==1 && countLockedTargets()==1) rockets[1].findTarget();		
		if (cycleCount==1 && countLockedTargets()==0) rockets[0].findTarget();
	}
	if (keyCodeList[36]==true) {
		cycleCount=cycleCount+1;
		if (cycleCount==1 && countLockedTargets()==0) rockets[rockets.length-1].findTarget();   //Laast in first out LIFO
		if (cycleCount==1) {
			if (rockets[rockets.length-1].fired==false) play_multi_sound("fireRocket");
			fireRocket();
		}
	}
	if (shooter_movement_mode=="autonomous"){
		sgn=-1; var PIdiv2=Math.PI/2.0; //180 degrees in radians
		if (keyCodeList[37]==true) totalAngle=totalAngle-5; // add or subtract 2 degrees on rotate
		if (keyCodeList[39]==true) totalAngle=totalAngle+5;
		var alpha = totalAngle*2*Math.PI/360.00;  //convert degrees to radians
		if (keyCodeList[40]==true) sgn=1;
		if (keyCodeList[38]==true || keyCodeList[40]==true){
			shooter1.x=shooter1.x-sgn*shooter1.speed*Math.cos(PIdiv2-alpha);
		    shooter1.y=shooter1.y+sgn*shooter1.speed*Math.sin(PIdiv2-alpha);
			if (shooter1.x<0) shooter1.x=0;
			if (shooter1.y>myCanvas_height) shooter1.y=myCanvas_height;
			if (shooter1.x>myCanvas_width) shooter1.x=myCanvas_width;
			if (shooter1.y<0) shooter1.y=0;
		}
	}
	if (shooter_movement_mode=="horizontal"){
		if (shooter_angle_mode=="two"){
			if (keyCodeList[38]==true) Angle=shooter_fixed_angle1;  //up arrow
			if (keyCodeList[40]==true) Angle=shooter_fixed_angle2;  // down arrow
			totalAngle=-sgn*Angle;
		}
		if (keyCodeList[37]==true || keyCodeList[39]==true){
			if (keyCodeList[37]==true) sgn=1;
			if (keyCodeList[39]==true) sgn=-1;
			shooter1.x=shooter1.x-sgn*shooter1.speed;

			shooter1.y=yMax;
			if (shooter_angle_mode=="fixed") totalAngle=0;
			if (shooter_angle_mode=="two"){
				if (keyCodeList[38]==true) Angle=shooter_fixed_angle1;
				if (keyCodeList[40]==true) Angle=shooter_fixed_angle2;
				totalAngle=-sgn*Angle;
			}
		}
		// keep the rotated shooter in bunds:
		var adj=Math.abs(shooter1.h*Math.cos((90-totalAngle)*Math.PI/180));  
		if (shooter1.x<xMin+adj) shooter1.x=xMin+adj;
		if (shooter1.x>xMax-adj-1) shooter1.x=xMax-adj-1;		
	}// end shooter_movement_mode=="horizontal"
	drawShooter(shooter1.x,shooter1.y,shooter1.w,shooter1.h,totalAngle);

    for (var i=0;i<rockets.length;i++){
		 rockets[i].drawRocket();
		 //drawText(' rocket:'+i+' num='+rockets.length,'28px arial',"#ff0",200,500);
	 }
	//-------------------------------------------------------------------------------------------------------	

	if (setForMorePower==true) 	{ //rockets
		mpow=parseInt(Math.random()* 500/Math.pow(thePlayLevel,.5));
		setForMorePower=false;
	}
	amod=All_steps % mpow;
	if (amod == 0 && include_morePower==true) {
		createMorePower();
		setForMorePower=true;
	}
	if (setForBlastPill==true) {
		mpow=parseInt(Math.random()*1200);
		setForBlastPill==false;
	}
	amod=All_steps % mpow;
	if (amod == 0 && include_blastPill==true) {
		createBlastPill();
		setForBlastPill=true;
	}	
	bmod=A_steps%30;
	LL=targets.length;	
		
	for (i=0;i<LL;i++){
			var p=Math.random()*100;
		if (targets[i].living==false) continue;
		targets[i].drawTarget();
		//if (bmod == 0 && TtoStype=="target-to-shooter" && (targets[i].type=="box" || targets[i].type=="monster") && i==k && LL>0 ) alert('i='+i+' k='+k);
		if (bmod == 0 && TtoStype=="target-to-shooter" && (targets[i].type=="box" || targets[i].type=="monster") && p<=randomFireProbability) firePulse(TtoStype,TtoSpulseDistance,targets[i].x,targets[i].y+1.5*targets[i].h,TtoSangle,TtoSpulseW,TtoSpulseH,TtoSpulseSpeed,TtoSbodyColor,TtoSborderColor,TtoSnumBorderLines,TtoSpulseOuterWallMode);
	}
	LL=laserPulses.length;
	for (i=0;i<LL;i++){
		laserPulses[i].drawLaserPulse(laserPulses);
	}
	LL=laserArcs.length;
	for (i=0;i<LL;i++){
		laserArcs[i].drawLaserArc(laserArcs);
	}	
	LL=targetPulses.length;
	for (i=0;i<LL;i++){
		targetPulses[i].drawLaserPulse(targetPulses);
	}
	//update();
	collide();
	checkForHitsV2();
	if (laserArcs.length>0) checkForBlastHits();
	checkForTargetFireHitOnShooter();
	if (laserArcs.length>0) checkForLaserArcHits();

	if ( keyCodeList[35]==true ){  //"end"
		cycleCount=cycleCount+1;
		if (cycleCount==1 && gunLimitCount<1 && shooter1.status=="spreadShot" )  {
	
			play_multi_sound("laserPulse");

			shotType="circle-to-target";
			//firePulse(shotType,StoTpulseDistance,shooterFirePoint.x,shooterFirePoint.y,totalAngle,StoTpulseW,StoTpulseH,StoTpulseSpeed,StoTbodyColor,StoTborderColor,StoTnumBorderLines,StoTpulseOuterWallMode);
			gunLimitCount=gunLimitCount+1;
		}		
		if (cycleCount==11) cycleCount=0;
	}
	

	if ( (keyCodeList[32]==true  || keyCodeList[13]==true ) && GAME_STATE=="running" && (shooter_moving_mode=="normal" || (shooter_moving_mode=="moving" && shooter1.moving==true))){
		shotType=StoTtype;
		if (shooter1.status=="spreadShot") {shotType="arc-to-target";}		
		cycleCount=cycleCount+1;
		if (cycleCount==1 && gunLimitCount<4 )  {

			play_multi_sound("laserPulse");

			firePulse(shotType,StoTpulseDistance,shooterFirePoint.x,shooterFirePoint.y,totalAngle,StoTpulseW,StoTpulseH,StoTpulseSpeed,StoTbodyColor,StoTborderColor,StoTnumBorderLines,StoTpulseOuterWallMode);
			gunLimitCount=gunLimitCount+1;
		}		
		if (cycleCount==11) cycleCount=0;
		if (cycleCount < 6) {
			shooter1.gunColor='#f00';
			shooter1.bodyColor='black';
		}
	}
	else {
		shooter1.gunColor=shooter_gunColor;
		if (shooter1.status=="normal")     shooter1.bodyColor=shooter_bodyColor; //'rgba(0,40,0,1)';
		if (shooter1.status=="rockets")    shooter1.bodyColor="yellow";
		if (shooter1.status=="spreadShot") shooter1.bodyColor="orange";
	} //end of keycode=32 (space bar)
	if (A_steps % (60)==0 ) {gunLimitCount=0;A_steps=0;}
	if(GAME_STATE=="aftermath"){
		size=.030*myCanvas_width;
		if (phone==false) font_string=size+"px myFirstFont";
		if (phone==true) font_string=size+"px arial";
		mLx=0.50*myCanvas_width;
		mLy=0.35*myCanvas_height;
		text='GAME OVER!!';
		drawText(text,font_string,"#f50",mLx,mLy);
		size=.045*myCanvas_width;
		if (phone==false) font_string=size+"px myFirstFont";	
		if (phone==true) font_string=size+"px arial";	
		text="COUNTLESS BEINGS FEEL PAIN";
		mLy=.48*myCanvas_height;		
		drawText(text,font_string,"#f50",mLx,mLy);
		
		text="THANKS TO YOUR INCOMPETENCE!";
		mLy=.58*myCanvas_height;		
		drawText(text,font_string,"#f50",mLx,mLy);
	}
	outlineVirtualCanvas();

	printDebug();
}	// end of function animate
//--------------------------------ANIMATE (MAIN CLOCK)  ABOVE--------------------------------
/*
myCanvas.addEventListener('mousedown', function(evt){
    var s = 'X=' + window.event.clientX +  ' Y=' + window.event.clientY ;
	var x=window.event.clientX;
	var y=window.event.clientY;
	if (x>1100 && y>700) {
		if (abc=='inline') document.getElementById('controls').style.display='none'; 
		if (abc=='none')   document.getElementById('controls').style.display="inline";
	}
 }) // end of mouse listener
 */
//------------------------------------score saver by post method------------------------	  
function saveScores(){
//GJB ADJUSTED TO SUBMIT FORM/////////////////////////////////////////
//
			scoreStr=ttotal+','+misses+','+Math.round(theScore)+','+level+','+theTimeRemaining.toFixed(0)+','+theHitPercentage.toFixed(0)+','+thePlayLevel;
			document.scorePost.score.value=scoreStr;
			document.scorePost.submit();
//
//GJB ADJUSTED TO SUBMIT FORM - END///////////////////////////////////			
} 
//-----------------------------------end of score poster-----------------------------------------
function doOnKeyDown(event) {
	event.preventDefault();
	event=event?event:window.event;
		//ConsoleLog.log(e.keyCode + "down");
	keyCodeList[event.keyCode]=true;
	//keycode=window.event.keyCode;
}
//-----------------------------------------------------end of donKeyDown--------------------------------
function doOnKeyUp(event){
	cycleCount=0;
	//printData("general",dtimes+'/'+keycode);
		event=event?event:window.event;
		keyCodeList[event.keyCode]=false;
	}
//-----------------------------------------------------end of doOnKeyUP---------------------------------		
function drawShooter(xc,yc,b,h,angle) {
	radians=angle*3.14159/180.;
	ninetydeg=3.14159/2.0;
	theta=ninetydeg-radians;
	
	points=new Array();	
	shooter1.moving=true;
	if (shooter1.oldXY.x==xc && shooter1.oldXY.y==yc) shooter1.moving=false;
	//debug1="shooter moving="+shooter1.moving;
	//debug2='xc='+xc+' yc='+yc;
	//debug3='oldXY.x='+shooter1.oldXY.x+' oldXY.y='+shooter1.oldXY.y;
	shooter1.oldXY.x=xc;
	shooter1.oldXY.y=yc;
	x=xc + h * Math.cos(theta);xfc=xc;
	y=yc - h * Math.sin(theta);yfc=yc;
	point={x:x,y:y};
	points.push(point);

	x1=xc+b/2 * Math.cos(radians) ;
	y1=yc+b/2 * Math.sin(radians);
	point={x:x1,y:y1};
	points.push(point);	

	x2=xc-b/2 * Math.cos(radians);
	y2=yc-b/2 * Math.sin(radians);
	point={x:x2,y:y2};
	points.push(point);
	
	shooter1.auxPoint.x=(x+x1)/2;
	shooter1.auxPoint.y=(y+y1)/2;
	
	shooter1.p1.x=x; shooter1.p1.y=y; shooter1.p2.x=x1; shooter1.p2.y=y1; shooter1.p3.x=x2; shooter1.p3.y=y2; //to be used for collision and rockets
	shooter1.centroid.x=(x+x1+x2)/3; shooter1.centroid.y=(y+y1+y2)/3; // to be used for objects firing at the shooter
	
	if(rockets.length>0 && rockets[0].fired==false) {rockets[0].x=shooter1.p2.x;rockets[0].y=shooter1.p2.y;}
	if(rockets.length>1 && rockets[1].fired==false) {rockets[1].x=shooter1.p3.x;rockets[1].y=shooter1.p3.y;}
	if(rockets.length>2 && rockets[2].fired==false) {rockets[2].x=xc,rockets[2].y=yc}; 
	
	x3=xc+b/2 *.2; 
	y3=yc-h*.8;
	x4=xc-b/2 *.2;
	y4=yc-h*.8;
	
	a=radians;

	point=rotateVector(x3,y3,xc,yc,a);x3=point.x;y3=point.y;
	points.push(point);	
	point=rotateVector(x4,y4,xc,yc,a);x4=point.x;y4=point.y;
	points.push(point);
	
	var output="GAME_STATE="+GAME_STATE;
	if(GAME_STATE=="aftermath") {
		explodePoints(xc,yc,points);
	}
	else
	{
	drawTriangle(points,shooter1.bodyColor,shooter1.outlineColor,shooter1.gunColor)
	//xac=shooter1.auxPoint.x;
	//yac=shooter1.auxPoint.y;
	var xac=shooter1.auxPoint.x;
	var yac=shooter1.auxPoint.y;
	var xoff=12;yoff=6;
	xoff=shooter1.bow_width;
	yoff=shooter1.bow_height;
	x1=xac-xoff;
	y1=yac-yoff;
	x2=xac+xoff;
	y2=yac-yoff;
	x3=xac+xoff;
	y3=yac+yoff;
	x4=xac-xoff;
	y4=yac+yoff;
	point=rotateVector(x1,y1,xac,yac,a);x1=point.x;y1=point.y;
	point=rotateVector(x2,y2,xac,yac,a);x2=point.x;y2=point.y;
	point=rotateVector(x3,y3,xac,yac,a);x3=point.x;y3=point.y;
	point=rotateVector(x4,y4,xac,yac,a);x4=point.x;y4=point.y;

	if (addMsSpaceGarBow==true) drawBow(xac,yac,x1,y1,x2,y2,x3,y3,x4,y4,0,"pink","pink",2);

	shooterFirePoint.x=x
	shooterFirePoint.y=y
	if (StoTpulseOuterWallMode=="bounce") {		
		shooterFirePoint.x=xfc + (h+StoTpulseW/2) * Math.cos(theta);
		shooterFirePoint.y=yfc - (h+StoTpulseW/2) * Math.sin(theta);
	}
	}
}
function explodePoints(xc,yc,points) {
	afterTimes=afterTimes+1;
	shooterExplodeAngle=shooterExplodeAngle+100/(2.0*afterTimes);
	var a = (shooterExplodeAngle/2)*Math.PI;
	var x;var y;var L;
	for (var i=0;i<5;i++) {
		x=points[i].x-xc;
		y=points[i].y-yc;	
		a = Math.atan2(y,x);
		L = Math.sqrt(x*x + y*y)+shooterExplodeAngle;
		points[i].x=L*Math.cos(a)+xc;
		points[i].y=L*Math.sin(a)+yc;
	}
	op=op-(3/90);
	if (op<.0001) op=.0001;
	drawTriangle(points,'rgba(256,0,0,'+op+')','rgba(256,127,127,'+op+')',0);
}
function firePulse(type,pulseDistance,x,y,angle,pulseW,pulseH,pulseSpeed,bodyColor,borderColor,numBorderLines,pulseOuterWallMode) {
	radians=angle*3.14159/180.;
	ninetydeg==Math.PI/2.0;
	theta=ninetydeg-radians;
	spreadAngle=Math.PI/8;
	if(type=="shoot-to-target") {
		if (shooter_moving_mode=="normal" || (shooter_moving_mode=="moving" && shooter1.moving==true) ) {
			Pulse1= new laserPulse(type,x,y,pulseW,pulseH,pulseSpeed,-theta,pulseDistance,myCanvas_width,myCanvas_height,0,bodyColor,borderColor,numBorderLines,1,0,pulseOuterWallMode);
			laserPulses.push(Pulse1);
		}
	}
	if(type=="target-to-shooter") {
		
		if(angle==-1) {  // fire directly at shooter
			var dx=shooter1.centroid.x - x;
			var dy=shooter1.centroid.y - y;
			theta=-Math.atan2(dy,dx);
		}
		
		Pulse1= new laserPulse(type,x,y,pulseW,pulseH,pulseSpeed,-theta,pulseDistance,myCanvas_width,myCanvas_height,0,bodyColor,borderColor,numBorderLines,1,0,pulseOuterWallMode);
		targetPulses.push(Pulse1);
	}
	if(type=="arc-to-target") {
		Pulse1= new laserArc(type,x,y,pulseW,pulseH,pulseSpeed,-theta,pulseDistance,myCanvas_width,myCanvas_height,spreadAngle,bodyColor,borderColor,numBorderLines,1,0,pulseOuterWallMode);
		laserArcs.push(Pulse1);
	}
	if(type=="circle-to-target") {
		Pulse1= new laserArc(type,x,y,pulseW,pulseH,pulseSpeed,-theta,pulseDistance,myCanvas_width,myCanvas_height,0,bodyColor,borderColor,numBorderLines,1,0,pulseOuterWallMode);
		laserArcs.push(Pulse1);
	}
} // FIRE PULSE
function rotateVector(x,y,xc,yc,radians){
	x=x-xc;
	y=y-yc;
	a=radians;
	xp=x*Math.cos(a)-y*Math.sin(a);
	yp=x*Math.sin(a)+y*Math.cos(a);
	x=xp+xc;
	y=yp+yc;
	pnt={x:x,y:y};
	return pnt;
}
function collide(){
	var target;
	var testTarget;
	var mlb;
	if(GAME_STATE=="running" ||GAME_STATE!="running" ){
	for (var i=0;i<targets.length;i++){
		target=targets[i];
		if(target.living==false) continue;
		side=0;
		//if (box.type=="box" && GAME_STATE=="running") side=checkOverlap(shooter1,box);
		if ( (target.type=="box" || target.type=="monster") && GAME_STATE=="running") side=checkShooterOverlap(shooter1,target);
		if (side>0) {/*alert('collision with shooter1 and GAME_STATE='+GAME_STATE+' and  side='+side);*/  side=0; if (GAME_STATE=="running") killShooter(shooter1);} 
		
		if ( (target.type=="box" || target.type=="monster") && rockets.length>0 && GAME_STATE=="running") side=checkRocketOverlap(rockets[activeRocketIndex],target);
		if (side>0) {
			  side=0;
			   if (GAME_STATE=="running"){
				   //targets[rocketTargetIndex].color="green";	
				   //if(i!=rocketTargetIndex) alert('it was not the locked_on target that got hit. i='+i+' rocketTargetIndex='+rocketTargetIndex);			   
				   killTarget(target,"rocket");
				   play_multi_sound("explodingBoxTarget");
				   killRocket(rockets[activeRocketIndex]);
			   }
		}
		if (target.type=="morePower") side=checkShooterOverlap(shooter1,target);
		if (side>0) {killTarget(targets[i]);createRocket();if(shooter1.status!="spreadShot") shooter1.status="rockets";side=0;
									//alert('3. ya gotcher rocket');
							killTarget(target);
							play_multi_sound("morePower");
		}
		
		if (target.type=="blastPill") side=checkPointOverlapWithTriangle(target,shooter1);
		if (side>0) {
			killTarget(targets[i]);
			play_multi_sound("blastPill");
			shooter1.status="spreadShot";
			side=0;
			setTimeout(function(){
				shooter1.status="normal";
				if (rockets.length>0) shooter1.status="rockets";
			},15000)
		}
		for (var j=i+1;j < targets.length;j++){
			testTarget=targets[j];
			if(testTarget.living==false) continue;
				mlb=0; 
				if (target.collided==true && testTarget.collided==true){
					target.collided=false;testTarget.collided=false;
					mlb=1;	
				}
				if (mlb==0) { 
					side=checkOverlap(target,testTarget);
					if (side>0) {
						if ((target.type=="box" || target.type=="monster") && (testTarget.type=="box" || testTarget.type=="monster")) collideTargetsV3(target,testTarget);
						if ((target.type=="box" && testTarget.type=="morePower") ) {
							//alert('1. ya gotcher rocket');
							killTarget(testTarget);
							//document.getElementById('audiotag1').src="Sounds/Let's Have A Party.mp3";
							//play_single_sound();
						}
						if ((target.type=="morePower" && testTarget.type=="box") ) {
							//alert('2. ya gotcher rocket');
							killTarget(target);
							//play_single_sound();
						}
						if ((target.type=="morePower" && testTarget.type=="monster") ) killTarget(target);
						if ((target.type=="monster" && testTarget.type=="morePower") ) killTarget(testTarget);
						if ((target.type=="morePower" && testTarget.type=="morePower") ) collideTargetsV3(target,testTarget);
						if ( (target.type=="box" || target.type=="monster" || target.type=="morePower") && testTarget.type=="blastPill") killTarget(testTarget);;
						if (target.type=="blastPill" && testTarget.type=="blastPill") collideTargetsV3(target,testTarget);
						target.collided=true;
						testTarget.collided=true;
					}
				} // mlb==0
		} // 2nd for
	} //end 1st for
	} // end if(GAME_STATE=="running"
} // end function
function collideTargetsV3(a,b) {
//alert('we are colliding and index of a='+targets.indexOf(a)+' and index of b='+targets.indexOf(b));
	//alert('index of a='+targets.indexOf(a)+' and index of b='+targets.indexOf(b)+'and old Index='+a.oldIndex );
	var nBack=1;	
	if (a.oldIndex==targets.indexOf(b)) {
		nBack=2;
		a.lockTimes=a.lockTimes+1;
		nBack=a.lockTimes;
		if (a.lockTimes>1)alert('targets '+targets.indexOf(a)+' and'+targets.indexOf(b)+' are locked.  lockTimes='+a.lockTimes);
	}
	else
	{
		a.lockTimes=0;
	}

	a.x = a.x - 1*a.inc.x;
	a.y = a.y - 1*a.inc.y;
	b.x = b.x - 1*b.inc.x;
	b.y = b.y - 1*b.inc.y;
	

	
	a_inc_x=a.inc.x; a_inc_y=a.inc.y;
	a.inc.x=b.inc.x; a.inc.y=b.inc.y;
	b.inc.x=a_inc_x; b.inc.y=a_inc_y;

	var f=1;
	if (a.lockTimes>0) {f=2;a.lockTimes=0;}	
	
	a.x = a.x + f*a.inc.x;
	a.y = a.y + f*a.inc.y;
	b.x = b.x + f*b.inc.x;
	b.y = b.y + f*b.inc.y;
		
	a.oldIndex=targets.indexOf(b);

}
function checkForHitsV2() {  
	var pulse;
	var target;
	//var hit=false;
	for (var i=0;i<targets.length;i++){
		if (targets[i].living==false) continue;
		if (targets[i].type=="box" || targets[i].type=="monster") {target=targets[i];
			for (var j=0;j < laserPulses.length;j++){
				if (laserPulses[j].type=="shoot-to-target") { //alert('checking for hits');
					pulse=laserPulses[j];
					var side=checkOverlap(target,pulse);
					if (side>0 && laserPulses[j].numBounces == StoTbouncesRequired) {
						//if(phone==false) sound.play('blast');
						play_multi_sound("explodingBoxTarget");
						killTarget(target);
						killLaserPulse(pulse);
						//side=0;hit=true;
					}// end 2nd if and else
				} // end 1st if
			} //end inner for
		} // end furst uf
	} //end outer for
}//end function
function checkForLaserArcHits() {  
	var L;
	var C;
	var laserArc;
	var target;
	var ninetydeg=Math.PI/2.0;
	var twoPI=2*Math.PI;
	var v=new Array();
	for (var i=0;i<targets.length;i++){
		if (targets[i].living==false) continue;
		if (targets[i].type=="box" || targets[i].type=="monster") {target=targets[i];
			for (var j=0;j < laserArcs.length;j++){
				if (laserArcs[j].type=="arc-to-target") { //alert('checking for hits');
					laserArc=laserArcs[j];
					
					var radians=laserArc.morient + ninetydeg;
					//var L=Math.pow( Math.pow(target.x-laserArc.mx,2) + Math.pow(target.y-laserArc.my,2) , 0.5);
					//var v1={x:target.x-laserArc.mx,y:target.y-laserArc.my};
					
					//L=magV(v1);
					
					v[0]={x:target.x+target.w/2-laserArc.mx,y:target.y+target.h/2-laserArc.my};
					v[1]={x:target.x+target.w/2-laserArc.mx,y:target.y-target.h/2-laserArc.my};
					v[2]={x:target.x-target.w/2-laserArc.mx,y:target.y-target.h/2-laserArc.my};
					v[3]={x:target.x-target.w/2-laserArc.mx,y:target.y+target.h/2-laserArc.my};
					v[4]={x:target.x,y:target.y}; // center of box only
					
					for (var k=0; k<v.length; k++) {
					L=magV(v[k]);
					if (L<=laserArc.r1 && L>=laserArc.r2) {
						tgtPoint={x:targets[i].x,y:targets[i].y};
						var n = parseInt( (ninetydeg-radians)/(2*Math.PI) );
						var A=(ninetydeg-radians) - 2*Math.PI*n;
						if (A<0) A=A+2*Math.PI;
						var B=laserArc.spreadAngle;
						
						//var C=	- Math.atan2( targets[i].y-shooterFirePoint.y , targets[i].x-shooterFirePoint.x ) ;
				      //var C=	- Math.atan2( targets[i].y-laserArc.my ,        targets[i].x-laserArc.mx );
						//var C=	- Math.atan2( tgtPoint.y-laserArc.my ,        tgtPoint.x-laserArc.mx );
						C= - Math.atan2(v[k].y,v[k].x);
						if (C<0) C=C+2*Math.PI;
						var a1=A+B;
						var a2=A-B;
						if (a2>a1) {
							a2=a2-twoPI;
							if (A>a1 && A>a2) {
								A=A-twoPI;
								a1=A+B;
						    	a2=A-B;
							}
						}
						if (C<a1 && C<a2) C=C+twoPI;
						if (C>a1 && C>a2) C=C-twoPI;
						if (C >= A-B && C <= A+B ) {
							//if(phone==false) sound.play('blast');
							play_multi_sound("explodingBoxTarget");
							killTarget(target);
							//debug2="2. L="+L;
							break;
;
						} // end 4th if
					}// end 3rd if 
					}
				} // end 2nd if
			} //end inner for
		} // end furst uf
	} //end outer for
}//end function
//checkForBlastHits
function checkForBlastHits() {  
	var laserArc;
	var target;
	var hit=false;
	var L;
	for (var i=0;i<targets.length;i++){
		if (targets[i].living==false) continue;
		target=targets[i];
			for (var j=0;j < laserArcs.length;j++){
				if (laserArcs[j].type=="circle-to-target") { //alert('checking for hits');
					laserArc=laserArcs[j];
					L=Math.pow( Math.pow(target.x-laserArc.x,2) + Math.pow(target.y-laserArc.y,2) , 0.5);
					  if (L < laserArc.r1) {	
						//if(phone==false) sound.play('blast');
						play_multi_sounde("explodingBoxTarget");
						killTarget(target);
					}// end 2nd if and else

			} //end inner for
		} // end furst uf
	} //end outer for
}//end function
function checkForTargetFireHitOnShooter() {
	for (var j=0;j < targetPulses.length;j++) {
		//if (laserPulses[j].type=="target-to-shooter") {
			pulse=targetPulses[j];
			side=checkShooterOverlap(shooter1,pulse);
			if (side>0){
					killLaserPulse(pulse);
					killShooter(shooter1);
					side=0;
			} // end if there is a hit
		//} // end if right type
	} // end loop on laserPulses
} // end function
function checkShooterOverlap(a,b) { //a=shooter object, b=box object 
	var zero=0;
	var one=1;
	A={x:shooter1.p1.x,y:shooter1.p1.y};
	B={x:shooter1.p2.x,y:shooter1.p2.y};
	C={x:shooter1.p3.x,y:shooter1.p3.y};
	
	P=new Array();
	x1p=b.x-b.w/2;
	y1p=b.y-b.h/2;
	P[0] ={x:x1p,y:y1p};
	x2p=b.x+b.w/2;
	y2p=b.y-b.h/2;
	P[1] ={x:x2p,y:y2p};	
	x3p=b.x+b.w/2;
	y3p=b.y+b.h/2;
	P[2] ={x:x3p,y:y3p};
	x4p=b.x-b.w/2;
	y4p=b.y+b.h/2;
	P[3] ={x:x4p,y:y4p};
	for (i=0;i<4;i++){	
		if (isPointInTriangle(P[i],A,B,C) ){return one;}
	}
	return zero;
}
function checkOverlap(a,b){

	var side=0;
	if(a.geom=="circle" && b.geom=="quad")   side=checkPointOverlapWithQuad(a,b);
	if(a.geom=="quad"   && b.geom=="circle") side=checkPointOverlapWithQuad(b,a);
	if(a.geom=="circle" && b.geom=="circle") side=checkPointOverlapWithPoint(a,b);
	if(a.geom=="quad"   && b.geom=="quad") {		
		//alert('we got here');
		x1=a.x-a.w/2;
		y1=a.y-a.h/2;
		x2=a.x+a.w/2;
		y2=a.y-a.h/2;
		x3=a.x+a.w/2;
		y3=a.y+a.h/2;
		x4=a.x-a.w/2;
		y4=a.y+a.h/2;		
		x1p=b.x-b.w/2;
		y1p=b.y-b.h/2;
		x2p=b.x+b.w/2;
		y2p=b.y-b.h/2;
		x3p=b.x+b.w/2;
		y3p=b.y+b.h/2;
		x4p=b.x-b.w/2;
		y4p=b.y+b.h/2;

		var x=b.x;
		var y=b.y;
		
		if (b.type==StoTtype ) { //check more points if pulse
		//alert('type of b = '+b.type);
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=300;
				return side;
			}
			var y=b.y-b.h*0.375;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=301;
				return side;
			}
			var y=b.y-b.h/4;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=301;
				return side;
			}
			var y=b.y-b.h*0.125;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=301;
				return side;
			}
			var y=b.y;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=302;
				return side;
			}
			var y=b.y+b.h/8;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=301;
				return side;
			}
			var y=b.y+b.h/4;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=301;
				return side;
			}
			var y=b.y+b.h*0.375;
			if(x>=x1 && x<=x3 && y>=y1 && y<=y3) {
				side=301;
				return side;
			}
		} // end of section for pulses (for when the pulses "stick" through the target)
		if (x1p>=x1 && x1p <= x2 && y1p <= y4 && y1p >=y1) {
			side=13;
			return side;	
		}
		if (x2p>=x1 && x2p <=x2  && y2p<=y4 && y2p >= y1) {
			side=13;
			return side;	
		}
		if (x3p>=x1 && x3p <=x2  && y3p<=y4 && y3p >= y1) {
			side=31;
			return side;	
		}
		if (x4p>=x1 && x4p <=x2  && y4p<=y4 && y4p >= y1) { 
			side=31;
			return side;	
		}
	} //if(a.geom=="quad" && b.geom=="quad") {
	return side;
}
function killTarget(object,killedBy){
	var ipos=targets.indexOf(object);
	if (object.type=="box" || object.type=="monster") var RTI=getRocketTargetIndex(); 
	var homingTargetHit=false;
	if (ipos!=RTI && RTI>=0) homingTargetHit=false;
	if (ipos==RTI)  homingTargetHit=true;
	object.living=false;  // this is how we normall kill targets
	//targets.splice(ipos,1);	
	//debug1='1. number of targets = '+numberTargets;
	if (object.type=="box" || object.type=="monster") {
		//debug1='ipos='+ipos+' RTI= '+RTI+' homingTargetHit='+homingTargetHit;
		if (object.color==object.baseColor && RTI >=0) { // do only when there are rockets
			for (var i=0;i<targets.length-1;i++) {  // this code un-highlights a highlighted target if a different target is destroyed.
				if (targets[i].living==false) continue;
				if (targets[i].type=="box" || targets[i].type=="monster"){
					targets[i].color = targets[i].baseColor;
					targets[i].locked_on=false;
					if (killedBy!="rocket") rockets[activeRocketIndex].findTarget();
				}
			}
		}
		if (homingTargetHit==true && killedBy!="rocket") {
			if (numberTargets==1) killRocket(rockets[activeRocketIndex]);
			if (numberTargets >1) rockets[activeRocketIndex].findTarget();
		}
		theScore=theScore+200*theHitPercentage/100;
		numHits=numHits+1;		
		numberTargets=numberTargets-1;
		//debug2='2. number of targets = '+numberTargets;
		if (numberTargets==0) {
				GAME_STATE="stopped";
				clearInterval(mainClock);
				thePlayLevel=thePlayLevel+1;
				theScore=theScore+400*thePlayLevel + theTimeRemaining*10;
				document.getElementById('thePlayLevel').innerHTML=thePlayLevel;
				misses=0;
				numHits=0;
				theHitPercentage=100;
				theTimeRemaining=defaultTimeLimitPerLevel;
				start();
		}//2nd if
	}// 1st if
} // function

function killLaserPulse(object){
	var ipos=laserPulses.indexOf(object);
	laserPulses.splice(ipos,1);
} // function
function killLaserArc(object){
	var ipos=laserArcs.indexOf(object);
	laserArcs.splice(ipos,1);
}
function killShooter(shooter){
	GAME_STATE="aftermath";	
	//play_single_sound();	
 	//if(phone==false) sound.play('blast');
	play_multi_sound("explodingShooter");

	setTimeout(function(){
	},1000)
	setTimeout(function(){
		var r =true; /*=confirm("Game Lost!");*/
 		if (r==true) {
  			x="Go for new game!";
			saveScores();
  			}
			else
   			{
   			x="You pressed Cancel!";
			saveScores();
		} // if
	},9000/2);	
}
function browserResize(){
	if (mobile==true) {
		window.moveTo(0,0);
		window.resizeTo(window.screen.availWidth,window.screen.availHeight);
	}
	 setTimeout(function () {
        window.scrollTo(0, 0);
    }, 500);	
	//document.getElementsByTagName("html").item(0).style.height="100%";
	
	document.getElementById('theBody').style.height  ="100%";
	document.getElementById('theBody').style.width   ="100%";
	
	var bodyWidth =document.getElementById('theBody').clientWidth;
	var bodyHeight=document.getElementById('theBody').clientHeight;
	
	if (fixedAspectRatio==77) {
		var bodyWidth =document.getElementById('theBody').clientWidth;
		var bodyHeight=document.getElementById('theBody').clientHeight;
		//alert ('1. body width='+bodyWidth+' and body height='+bodyHeight+' and fixedAspectRatio='+fixedAspectRatio);
		aspectRatio=bodyWidth/bodyHeight;
	
		if (aspectRatio>fixedAspectRatio) {
			bodyWidth=bodyWidth*fixedAspectRatio/aspectRatio;
			document.getElementById('theBody').style.width=bodyWidth+"px";
		}
	
		if (aspectRatio<fixedAspectRatio) {
			bodyHeight=bodyHeight*aspectRatio/fixedAspectRatio;
			document.getElementById('theBody').style.height=bodyHeight+"px";
		}
		aspectRatio=bodyWidth/bodyHeight;
		
		htmlWidth =document.getElementById('theHTML').clientWidth;
		htmlHeight=document.getElementById('theHTML').clientHeight;
		//document.getElementById('theHTML').style.width=htmlWidth;
		//document.getElementById('theHTML').style.height=htmlHeight;
		if (htmlWidth!=bodyWidth) {
			var extra=htmlWidth-bodyWidth;
			document.getElementById('theBody').style.position="relative";
			document.getElementById('theBody').style.left=parseInt(extra/2)+"px";
			document.getElementById('theHTML').style.backgroundColor="#030";
		}
		//.screen.availWidth=bodyWidth;
		//window.screen.availHeight=bodyHeight;
		

		
		
		//debug1= 'html width='+htmlWidth.toFixed(3)+' and html height='+htmlHeight.toFixed(3);
		//debug2= 'body width='+bodyWidth.toFixed(3)+' and body height='+bodyHeight.toFixed(3);
		//debug3= ' and fixedAspectRatio='+fixedAspectRatio.toFixed(3)+' variable AR='+aspectRatio.toFixed(3);
		//debug4= 'window width='+window.innerWidth+' and window height='+window.innerHeight;

		//alert ('2. body width='+bodyWidth+' and body height='+bodyHeight);
		
		
	}
	
	document.getElementById('main-page').style.height="100%";
	document.getElementById('main-page').style.width= "100%";
	
	
	
	//document.getElementById('main-area').style.height="100%";
	//main_area_client_height=document.getElementById('main-area').clientHeight;
	//main_page_client_height=document.getElementById('main-page').clientHeight;
	//document.getElementById('main-lab').style.height ="100%";
	//document.getElementById('myCanvas').height=document.getElementById('main-lab').clientHeight;
	//document.getElementById('myCanvas').height=document.getElementById('main-page').clientHeight;
	document.getElementById('myCanvas').height=window.innerHeight;
	//document.getElementById('theBody').style.width  ="100%";
	
	//document.getElementById('main-area').style.width="100%";
	//if (mobile!=true) document.getElementById('main-lab').style.width ="100%";
	//if (mobile==true) document.getElementById('main-lab').style.width ="86%";
	//document.getElementById('myCanvas').width=document.getElementById('main-lab').clientWidth;
	
	//document.getElementById('myCanvas').width=document.getElementById('main-page').clientWidth;
	document.getElementById('myCanvas').width=window.innerWidth;
	//alert('main page clientWidth='+document.getElementById('myCanvas').width);
	
	document.getElementById('Info-Bar').style.height="6%";
	info_bar_client_height=document.getElementById('Info-Bar').clientHeight;
	document.getElementById('Info-Bar').style.lineHeight="100%";
	
	ch=document.getElementById('Info-Bar').clientHeight;
	cw=document.getElementById('Info-Bar').clientWidth;
	
	myCanvas_width=document.getElementById('myCanvas').width;
	myCanvas_height=document.getElementById('myCanvas').height;
	myCanvas_diagonal=Math.pow( (Math.pow(myCanvas_width,2)+Math.pow(myCanvas_height,2)),0.5 );
	//alert('myCanvas_width='+myCanvas_width+' nominalW='+nominalW);
	Wratio=myCanvas_width/nominalW;
	Hratio=myCanvas_height/nominalH;
	if (fixedAspectRatio==0) {
		playCanvas_left=nominal_playCanvas_left*Wratio;
		playCanvas_top=nominal_playCanvas_top*Hratio;
		playCanvasW=nominal_playCanvasW*Wratio;
		playCanvasH=nominal_playCanvasH*Hratio;
	}
	if (fixedAspectRatio!=0) {
		aspectRatio=myCanvas_width/myCanvas_height;

		playCanvasW=nominal_playCanvasW*Wratio;
		playCanvasH=nominal_playCanvasH*Wratio;	
		var marginH=(myCanvas_height-playCanvasH)/2;
		if (marginH<0) marginH=0;	
		playCanvas_left=nominal_playCanvas_left*Wratio
		playCanvas_top= nominal_playCanvas_top *Wratio + marginH;

		var oHeight=2*playCanvas_top+playCanvasH;
		 if (oHeight>myCanvas_height) {
			playCanvasW=nominal_playCanvasW*Hratio;
			playCanvasH=nominal_playCanvasH*Hratio;	

			playCanvas_left=nominal_playCanvas_left*Hratio;
			playCanvas_top= nominal_playCanvas_top*Hratio;
			
			var marginW=(myCanvas_width-playCanvasW-2*playCanvas_left)/2;
			if (marginW<0) marginW=0;
			playCanvas_left=nominal_playCanvas_left*Hratio + marginW;
		}
		
		//oHeight=2*playCanvas_top+playCanvasH;
		var oWidth=2*playCanvas_left+playCanvasW;
		
		//debug1="oHeight="+oHeight+' playCanvas_top='+playCanvas_top+' playCanvasH='+playCanvasH+' nominal_playCanvas_top='+nominal_playCanvas_top+' nominal_playCanvasH='+nominal_playCanvasH ;
		//debug2='oWidth='+oWidth+' myCanvas_width='+myCanvas_width+' myCanvas_height='+myCanvas_height;
		//debug3='byX='+(oWidth-myCanvas_width)+' byY='+(oHeight-myCanvas_height);
		//debug4='aspectRatio='+aspectRatio+' fixedAspectRatio='+fixedAspectRatio;
		//debug5='Wratio='+Wratio+' Hratio='+Hratio;
		//printDebug();
	}
	xMin=playCanvas_left;
	xMax=playCanvasW+xMin;
	yMin=playCanvas_top;
	yMax=playCanvasH+yMin;
	mobile_Button_Width=nominal_Mobile_Button_Width+Wratio;
	
	StoTpulseDistance=StoTpulseDistanceNominal*myCanvas_width/nominalW;
	StoTpulseSpeed=StoTpulseSpeedNominal*myCanvas_width/nominalW;
	StoTpulseW=StoTpulseWNominal*myCanvas_width/nominalW;
	StoTpulseH=StoTpulseHNominal*myCanvas_width/nominalW;
	
	TtoSpulseDistance=TtoSpulseDistanceNominal*myCanvas_width/nominalW;
	TtoSpulseSpeed=TtoSpulseSpeedNominal*myCanvas_width/nominalW;
	TtoSpulseW=TtoSpulseWNominal*myCanvas_width/nominalW;
	TtoSpulseH=TtoSpulseHNominal*myCanvas_width/nominalW;
	
	boxTargetW=boxTargetWnominal*Wratio;
	boxTargetH=boxTargetHnominal*Wratio;
	boxTargetSpeed=boxTargetSpeedNominal*Wratio;
	boxTargetSpeedInc=boxTargetSpeedIncNominal*Wratio;
	
	morePowerW=morePowerWnominal*Wratio;
	morePowerH=morePowerHnominal*Wratio;
	morePowerSpeed=morePowerSpeedNominal*Wratio;
	
	blastPillW=blastPillWNominal*Wratio;
	blastPillH=blastPillHNominal*Wratio;
	blastPillSpeed=blastPillSpeedNominal*Wratio;
	
	rocket_width=rocket_width_nominal*Wratio;
	rocket_height=rocket_height_nominal*Wratio;
	rocket_speed=rocket_speed_nominal*Wratio;
	rocket_acceleration=rocket_acceleration_nominal*Wratio;
	
	shooterMargin=shooterMarginNominal*Wratio;
	LL=targets.length;
	if(LL>0) {
		for (var i=0;i<LL;i++){
			if (targets[i].living==false) continue;
			if (targets[i].type=="box" || targets[i].type=="monster") {
				targets[i].w=boxTargetW;
				targets[i].h=boxTargetH;
				targets[i].speed=(boxTargetSpeed/interval+i*boxTargetSpeedInc/interval);
				targets[i].speed=boxTargetSpeed/interval;
			}
			if (targets[i].type=="blastPill") {
				targets[i].w=blastPillW;
				targets[i].h=blastPillH;
				targets[i].speed=(blastPillSpeed/interval);
			}
			if (targets[i].type=="morePower") {
				targets[i].w=morePowerW;
				targets[i].h=morePowerH;
				targets[i].speed=(morePowerSpeed/interval);
			}			
		}
	}
	LL=rockets.length;
	if (LL>0) {
		for (var i=0;i<LL;i++){
			rockets[i].w= rocket_width;
			rockets[i].h= rocket_height;
			rockets[i].speed=rocket_speed;
			rockets[i].acceleration=rocket_acceleration;
		}
	}
	csize=.8*ch;
	if (phone==false) font_string=csize+"px myFirstFont";
	if (phone==true) font_string=csize+"px arial";
	ctx.font=font_string;
	LL=ctx.measureText(document.getElementById('theGameTitle').innerHTML).width;
	LA=document.getElementById('theGameTitle').clientWidth;
	LP=(parseInt(document.getElementById('theGameTitle').style.paddingLeft)+2)/100*cw;
	if( (LA-LP) < LL ) csize=LA/12;
	//debug1='csize='+csize;
	//printDebug();

	//document.getElementById('theGameTitle').style.lineHeight="100%";
	document.getElementById('theGameTitle').style.fontSize=csize+"px";	
	    document.getElementById('theScore').style.fontSize=     1.25*csize+"px";
	document.getElementById('theScore').style.lineHeight="100%";
	document.getElementById('start-button').style.fontSize=        1.25*csize+"px";
	document.getElementById('theTimeRemaining').style.fontSize=    csize+"px";
	document.getElementById('theHitPercentage').style.fontSize=    csize+"px";
	document.getElementById('thePlayLevel').style.fontSize=        csize+"px";
	document.getElementById('theLoginButton').style.fontSize=      csize+"px";
	document.getElementById('goBack').style.fontSize=              csize+"px"; 
	cw=document.getElementById('main-page').clientWidth;
	cw=window.innerWidth;		
	if (mobile==true) {
		document.getElementById('mobile-left').style.width   ="7%";
		document.getElementById('mobile-right').style.width  ="7%";
		document.getElementById('mobile-right').style.width=mobile_Button_Width.toString+"px";
		
		document.getElementById('mobile-right').style.top="100px";
		var mb_left=(myCanvas_width-150).toString()+"px";
		document.getElementById('mobile-right').style.left=mb_left;
		
		document.getElementById('mobile-left').style.height   ="94%";
		document.getElementById('mobile-right').style.height  ="94%";
		document.getElementById('shoot-left').style.fontSize    =.02*cw+"px";
		document.getElementById('shoot-right').style.fontSize   =.02*cw+"px";
		document.getElementById('move-forward').style.fontSize  =.017*cw+"px";
		document.getElementById('move-back').style.fontSize     =.02*cw+"px";
		document.getElementById('rotate-right').style.fontSize  =.02*cw+"px";
		document.getElementById('rotate-left').style.fontSize   =.02*cw+"px";
		document.getElementById('shoot-right-a').style.fontSize=.02*cw+"px";
		document.getElementById('shoot-left-a').style.fontSize =.02*cw+"px";
		document.getElementById('alt-start').style.fontSize     =.02*cw+"px";
		
		document.getElementById('shoot-left').style.height="15%";
		document.getElementById('shoot-left').style.marginTop="18%";
		document.getElementById('shoot-left').style.lineHeight=document.getElementById('shoot-left').clientHeight+"px";
		document.getElementById('shoot-right').style.height="15%";
		document.getElementById('shoot-right').style.marginTop="33%";
		document.getElementById('shoot-right').style.lineHeight=document.getElementById('shoot-right').clientHeight+"px";
		document.getElementById('move-forward').style.height="15%";
		document.getElementById('move-forward').style.marginTop="33%";
		document.getElementById('move-forward').style.lineHeight=document.getElementById('move-forward').clientHeight+"px";
		document.getElementById('move-back').style.height="15%";
		document.getElementById('move-back').style.marginTop="33%";	
		document.getElementById('move-back').style.lineHeight=document.getElementById('move-back').clientHeight+"px";
		document.getElementById('rotate-left').style.height="15%";
		document.getElementById('rotate-left').style.marginTop="33%";
		document.getElementById('rotate-left').style.lineHeight=document.getElementById('rotate-left').clientHeight+"px";
		document.getElementById('rotate-right').style.height="15%";
		document.getElementById('rotate-right').style.marginTop="33%";
		document.getElementById('rotate-right').style.lineHeight=document.getElementById('rotate-right').clientHeight+"px";
		document.getElementById('shoot-right-a').style.height="15%";
		document.getElementById('shoot-right-a').style.marginTop="33%";
		document.getElementById('shoot-right-a').style.lineHeight=document.getElementById('shoot-right-a').clientHeight+"px";
		document.getElementById('shoot-left-a').style.height="15%";
		document.getElementById('shoot-left-a').style.marginTop="33%";
		document.getElementById('shoot-left-a').style.lineHeight=document.getElementById('shoot-left-a').clientHeight+"px";
		document.getElementById('alt-start').style.height="15%";
		document.getElementById('alt-start').style.marginTop="33%";
		document.getElementById('alt-start').style.lineHeight=document.getElementById('alt-start').clientHeight+"px";
	}
	if (phone==true) {
		document.getElementById('rotate-left').innerHTML="CCW";
		document.getElementById('rotate-right').innerHTML="CW";
	}		
	shooter1.w=shooter_width_nominal*Wratio;
	shooter1.h=shooter_width_nominal*Wratio;
	shooter1.x=shooter_x_position_nominal*Wratio;
	//alert('shooter1.x='+shooter1.x+' Wratio='+Wratio);
	if (shooter_movement_mode=="autonomous") shooter1.y=shooter_y_position_nominal*Hratio;
	if (shooter_movement_mode=="horizontal") shooter1.y=yMax;
	shooter1.speed=shooter_speed_nominal*(Wratio+Hratio)/2/interval;
	shooter1.bow_width=shooter_bow_width_nominal*Wratio;
	shooter1.bow_height=shooter_bow_height_nominal*Wratio;
	
	drawShooter(shooter1.x,shooter1.y,shooter1.w,shooter1.h,totalAngle);

	size=.030*myCanvas_width;
	size=.028*myCanvas_diagonal;
	if (phone==false) font_string=size+"px myFirstFont";
	if (phone==true) font_string=size+"px arial";
	mLx=0.50*myCanvas_width;
	mLy=0.36*myCanvas_height;
	if(userLoggedIn==true) text="YOU ARE SPACE GAR.";
	if(userLoggedIn==false) text="YOU ARE NOT LOGGED IN.";
	drawText(text,font_string,"#fa0",mLx,mLy);

	mLy=0.59*myCanvas_height;
	if(userLoggedIn==true) text="DEFEND ERATH FROM ALIENS!"
	if(userLoggedIn==false) text="YOUR SCORE WILL NOT BE SAVED!!"
	drawText(text,font_string,"#fa0",mLx,mLy);

	outlineVirtualCanvas();
}
function shoot()   {cycleCount=0;keyCodeList[32]=true;}
function unshoot() {cycleCount=0;keyCodeList[32]=false;}	
function moveBack()   {keyCodeList[40]=true;}
function unMoveBack() {keyCodeList[40]=false;}
function moveForward() {keyCodeList[38]=true;}
function unMoveForward() {keyCodeList[38]=false;}
function rotLeft() {keyCodeList[37]=true;}
function unRotLeft() {keyCodeList[37]=false;}
function rotRight() {keyCodeList[39]=true;}
function unRotRight() {keyCodeList[39]=false;}
function BlockMove(event) {
  event.preventDefault() ; // Tell Safari not to move the window.
}
var touching = null;
myCanvas.addEventListener("touchstart", function(e) {
        e.preventDefault();
        touching = window.setTimeout(longTouch, 500, true);
    }, false);
myCanvas.addEventListener("touchend", function(e) {
        e.preventDefault();
        window.clearTimeout(touching);
    }, false);
//-------------------------------------------this section has been designed to prevent selections from happemomg--------------------------------	
/*document.getElementById('main-page').addEventListener('mousedown', function(evt){
		simulateMouseUP; 
			  }, false);	  
document.getElementById('main-page').addEventListener('mouseup', function(evt){
	  }, false);		  
function simulateMouseUP() {
  var evt = document.createEvent("main-page");
  evt.initMouseEvent("mouseup", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.getElementById("main-page"); 
  var canceled = !cb.dispatchEvent(evt);
  cancelDefaultAction();
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}*/
//-------------------------------------------------------------UNUSED FUNCTIONS----------------------------------------------------------
function resume() {
	if(GAME_STATE=="paused") {	
	GAME_STATE="running";	
	mainClock=setInterval(function(){animate()},interval);
	}	
} // end of function 
//-------------------------------------------------------------------------=-
function stop(){
	clearInterval(mainClock);
	//if (GAME_STATE=="running" && phone==false)  sound.play('blast');
	GAME_STATE="paused";
	d=null;
}
function target(type,x,y,w,h,speed,angle,distance,limitx,limity,orient,color,tics,numTics,outerWallMode) {
	this.type=type;
	this.x=x;
	this.y=y;
	this.h=h;
	this.w=w;
	this.radius=w;
	this.borderThick=h;
	this.speed=speed/interval;  //distance per cycle
	this.angle=angle;
	this.distance=distance;
	this.limitx=limitx;
	this.limity=limity;
	this.numTics=numTics;
	this.tics=tics;
	this.inc =  {x:1,y:1};
	this.dis =  {x:1,y:1};
	this.orient=0;
	this.color=color;
	this.baseColor=color;
	this.collided=false;
	this.locked_on=false;
	this.outerWallMode=outerWallMode;
	if(this.type=="box")      {this.geom="quad";  this.drawTarget=drawRandomTarget;}
	if(this.type=="monster")  {this.geom="quad";  this.drawTarget=drawTheMonster;}
	if(this.type=="morePower"){this.geom="quad"; this.drawTarget=drawRandomTarget;}
	if(this.type=="blastPill"){this.geom="circle";this.drawTarget=drawRandomCircle;}
	this.oldIndex=0;
	this.lockTimes=0;
	this.living=true;
	//-----------------------------------------------draw circle---------------------------------------------------------------
	function drawRandomCircle(){
		if (this.living==false) return;
		if (this.tics>this.numTics  && this.type=="blastPill"){
			Limitx=Math.random()*(this.limitx);
			Limity=Math.random()*(this.limity);		
			this.tics=0;
			hyp=Math.sqrt( Math.pow((this.x-Limitx),2) + Math.pow( (this.y-Limity),2) );	
			this.numTics=hyp/this.speed;
			this.dis = {x:Limitx-this.x,y:Limity-this.y};
			this.inc = {x:this.dis.x/this.numTics,y:this.dis.y/this.numTics};
			this.orient=00;
		}
		this.tics=this.tics+1;
		var again=false;		
		if (this.outerWallMode=="bounce"){
			if (this.x<0)            {this.inc.x=-this.inc.x; again=true;}
			if (this.x>this.limitx)  {this.inc.x=-this.inc.x; again=true;}
			if (this.y<0)            {this.inc.y=-this.inc.y; again=true;}
			if (this.y>this.limity)  {this.inc.y=-this.inc.y; again=true;}
		} // end bounce			
		this.x=this.x+this.inc.x;
		this.y=this.y+this.inc.y;
		if (this.outerWallMode=="bounce"){
			again=false; 
			if (this.x<0)            {this.x=0+this.inc.x;           again=true;}
			if (this.x>this.limitx)  {this.x=this.limitx+this.inc.x; again=true;}
			if (this.y<0)            {this.y=0+this.inc.y; 		 	 again=true;}
			if (this.y>this.limity)  {this.y=this.limity+this.inc.y; again=true;}
		} // end bounce	
			
		if (this.outerWallMode=="hyperjump"){
		var switchBox=false;
			if (this.x<0)           {this.x=this.x+this.limitx; Limitx=Math.random()*(this.limitx);switchBox=true;}
			if (this.x>this.limitx) {this.x=this.x-this.limitx; Limitx=Math.random()*(this.limitx);switchBox=true;}
			if (this.y<0) 			{this.y=this.y+this.limity; Limity=Math.random()*(this.limity);switchBox=true;}
			if (this.y>this.limity) {this.y=this.y-this.limity; Limity=Math.random()*(this.limity);switchBox=true;}
		 	if (switchBox==true) {
				this.tics=0;
				hyp=Math.sqrt( Math.pow((this.x-Limitx),2) + Math.pow( (this.y-Limity),2) );	
				this.numTics=hyp/this.speed;
				this.dis = {x:Limitx-this.x,y:Limity-this.y};
				this.inc = {x:this.dis.x/this.numTics,y:this.dis.y/this.numTics};
			}
		}//if (this.outerWallMode=="hyperjump"){
		pt={x:this.x,y:this.y};
		//this.p1.x=this.x; this.p1.y=this.y; //to be used for collision or homing
		drawCircle(pt,this.w,"gray","purple",this.h)		
	}
//-----------------------------------------------draws the box-------------------------------------------------------------	
	function drawTheMonster(){
		if (this.living==false) return;
		if(this.inc.x==1) this.inc.x=this.speed;
		if(this.inc.y==1) this.inc.y=0.15*this.speed;

		var again=false;
		//this.x<0)            {this.inc.x=-this.inc.x; again=true;}
		//if (this.x>this.limitx)  {this.inc.x=-this.inc.x; again=true;}
		//if (this.y<0)            {this.inc.y=-this.inc.y; again=true;}
		//if (this.y>this.limity)  {this.inc.y=-this.inc.y; again=true;}
		if (this.x<xMin)  {this.inc.x=-this.inc.x; again=true;}
		if (this.x>xMax)  {this.inc.x=-this.inc.x; again=true;}
		if (this.y<yMin)  {this.inc.y=-this.inc.y; again=true;}
		if (this.y>yMax)  {this.inc.y=-this.inc.y; again=true;}		
		this.x=this.x+this.inc.x;
		this.y=this.y+this.inc.y;
		
		//while (again==true){
			again=false;
			//if (this.x<0)            {this.x=0+this.inc.x;           again=true;}
			//if (this.x>this.limitx)  {this.x=this.limitx+this.inc.x; again=true;}
			//if (this.y<0)            {this.y=0+this.inc.y; 		 	 again=true;}
			//if (this.y>this.limity)  {this.y=this.limity+this.inc.y; again=true;}
			//debug1='this.x='+this.x+' this.y='+this.y;
			if (this.x<xMin)  {this.x=xMin+this.inc.x; again=true;}
			if (this.x>xMax)  {this.x=xMax+this.inc.x; again=true;}
			if (this.y<yMin)  {this.y=yMin+this.inc.y; again=true;}
			if (this.y>yMax)  {this.y=yMax+this.inc.y; again=true;}
			//debug2='this.x='+this.x+' this.y='+this.y;
			//debug3="xMin="+xMin+' xMax='+xMax+' yMin='+yMin+' yMax='+yMax;
			//debug4='limitx='+this.limitx+' limity='+this.limity;
		//}
		if (this.locked_on==true) this.color="white";				
		x1=this.x-this.w/2;
		y1=this.y-this.h/2
		x2=this.x+this.w/2;
		y2=this.y-this.h/2	
		x3=this.x+this.w/2;
		y3=this.y+this.h/2;
		x4=this.x-this.w/2;
		y4=this.y+this.h/2;
		xc=this.x;
		yc=this.y;	
		drawQuad(xc,yc,x1,y1,x2,y2,x3,y3,x4,y4,this.orient,"#0f0",this.color,5);
	} 
	function drawRandomTarget(){
		if (this.living==false) return;
		if (this.tics>this.numTics  && this.type=="box"){
			Limitx=Math.random()*(this.limitx);
			Limity=Math.random()*(this.limity);	
				
			this.tics=0;
			hyp=Math.sqrt( Math.pow((this.x-Limitx),2) + Math.pow( (this.y-Limity),2) );	
			this.numTics=hyp/this.speed;
			this.dis = {x:Limitx-this.x,y:Limity-this.y};
			this.inc = {x:this.dis.x/this.numTics,y:this.dis.y/this.numTics};
			this.orient=00;
		}
		this.tics=this.tics+1;
		var again=false;		
		if (this.outerWallMode=="bounce"){
			if (this.x<0)            {this.inc.x=-this.inc.x; again=true;}
			if (this.x>this.limitx)  {this.inc.x=-this.inc.x; again=true;}
			if (this.y<0)            {this.inc.y=-this.inc.y; again=true;}
			if (this.y>this.limity)  {this.inc.y=-this.inc.y; again=true;}
		} // end bounce			
		this.x=this.x+this.inc.x;
		this.y=this.y+this.inc.y;
		if (this.outerWallMode=="bounce"){
			again=false; 
			//if (this.x<0)            {this.x=0+this.inc.x;           again=true;}
			//if (this.x>this.limitx)  {this.x=this.limitx+this.inc.x; again=true;}
			//if (this.y<0)            {this.y=0+this.inc.y; 		 	 again=true;}
			//if (this.y>this.limity)  {this.y=this.limity+this.inc.y; again=true;}
			if (this.x<xMin)            {this.x=xMin+this.inc.x;           again=true;}
			if (this.x>xMax)  {this.x=this.xMax+this.inc.x; again=true;}
			if (this.y<yMin)            {this.y=yMax+this.inc.y; 		 	 again=true;}
			if (this.y>yMax)  {this.y=this.yMax+this.inc.y; again=true;}
			debug1='xMin='+xMin+' xMax='+xMax+' yMin='+yMin+' yMax='+yMax+' limitx=';
		} // end bounce	
		if (this.outerWallMode=="hyperjump"){
		var switchBox=false;
			if (this.x<0)           {this.x=this.x+this.limitx; Limitx=Math.random()*(this.limitx);switchBox=true;}
			if (this.x>this.limitx) {this.x=this.x-this.limitx; Limitx=Math.random()*(this.limitx);switchBox=true;}
			if (this.y<0) 			{this.y=this.y+this.limity; Limity=Math.random()*(this.limity);switchBox=true;}
			if (this.y>this.limity) {this.y=this.y-this.limity; Limity=Math.random()*(this.limity);switchBox=true;}
		 	if (switchBox==true) {
				this.tics=0;
				hyp=Math.sqrt( Math.pow((this.x-Limitx),2) + Math.pow( (this.y-Limity),2) );	
				this.numTics=hyp/this.speed;
				this.dis = {x:Limitx-this.x,y:Limity-this.y};
				this.inc = {x:this.dis.x/this.numTics,y:this.dis.y/this.numTics};
			}
		}//if (this.outerWallMode=="hyperjump"){
		if (this.locked_on==true) this.color="white";
		x1=this.x-this.w/2;
		y1=this.y-this.h/2
		x2=this.x+this.w/2;
		y2=this.y-this.h/2	
		x3=this.x+this.w/2;
		y3=this.y+this.h/2;
		x4=this.x-this.w/2;
		y4=this.y+this.h/2;
		xc=this.x;
		yc=this.y;	
		drawQuad(xc,yc,x1,y1,x2,y2,x3,y3,x4,y4,this.orient,"#0f0",this.color,5);
		//if (this.type=="box") drawTextA(targets.indexOf(this)+'-'+this.lockTimes+'-'+this.oldIndex,	'16px arial',"#fff",x4,y4);
	}   
} // end box function (target)
	//--------------------------------------------------create more power---------------------------------------------------
function createMorePower(){
	var done=false;
	for (var i=0;i<10;i++){
		if(done==false) {	
			var xx=Math.random()*(myCanvas_width); 
			var yy=Math.random()*(myCanvas_height); 
			if ( (xx < shooter1.x-shooterMargin || xx > shooter1.x+shooterMargin) && (yy<shooter1.y-shooterMargin || yy>shooter1.y+shooterMargin) ) {
				speed=morePowerSpeed;
				var testTarget= new target("morePower",xx,yy,morePowerW,morePowerH,speed,"none",0,myCanvas_width,myCanvas_height,0,"purple",1,0,targetOuterWallMode);
				var skip=false;
				for (j=0;j<targets.length;j++){
					if (targets[j].living==false) continue;
					if ( checkOverlap(targets[j],testTarget)>0) { skip=true;break;}
				} 
				if ( checkShooterOverlap(shooter1,testTarget)>0) {skip=true;}
				if (skip==false) {targets.push(testTarget);done=true;}
			}
		}
	}
}
function createBlastPill(){
		var done=false;
		var skip;
		for (var i=0;i<10;i++){
			if(done==false) {
				var xx=Math.random()*(myCanvas_width); 
				var yy=Math.random()*(myCanvas_height); 
				if ( (xx < shooter1.x-shooterMargin || xx > shooter1.x+shooterMargin) && (yy<shooter1.y-shooterMargin || yy>shooter1.y+shooterMargin) ) {
					speed=blastPillSpeed;
					var testTarget= new target("blastPill",xx,yy,blastPillW,blastPillH,speed,"none",0,myCanvas_width,myCanvas_height,0,"purple",1,0,targetOuterWallMode);
					skip=false;
					for (j=0;j<targets.length;j++){
						if (targets[j].living==false) continue;
						if ( checkOverlap(testTarget,targets[j])>0) { skip=true;break;}  //check blastpill against other targets(targets)
					} 
					if ( checkPointOverlapWithTriangle(testTarget,shooter1)>0) {skip=true;}
					if (skip==false) {targets.push(testTarget);done=true;}
				}
			}
		}
}
function printDebug(){
	//drawText('number rockets='+rockets.length,'28px arial',"#f50",200,140);		
	/*
	var radians=totalAngle*3.14159/180.;
	var ninetydeg=Math.PI/2.0;
	var n = parseInt( (ninetydeg-radians)/(2*Math.PI) );
						
						var A=(ninetydeg-radians) - 2*Math.PI*n;
						if (A<0) A=A+2*Math.PI;
						var B=laserArcs[0].spreadAngle;
						var C=	- Math.atan2( targets[i].y-shooterFirePoint.y , targets[i].x-shooterFirePoint.x ) 
						if (C<0) C=C+2*Math.PI;
						var a1=A+B;
						var a2=A-B;
						if (a2>a1) {
							a2=a2-twoPI;
							if (A>a1 && A>a2) {
								A=A-twoPI;
								a1=A+B;
						    	a2=A-B;
							}
						}
						if (C<a1 && C<a2) C=C+twoPI;
						if (C>a1 && C>a2) C=C-twoPI;							
	
	drawTextA('shooter angle='+A+' n='+n,'28px arial',"#f50",200,180);	
	drawTextA('spreadAngle='+B,'28px arial',"#f50",200,220);
	var C=	 - Math.atan2( targets[0].y-shooterFirePoint.y , targets[0].x-shooterFirePoint.x ) ;
	if (C<0) C=C+2*Math.PI;
	drawTextA('angle to target='+C+' a1= '+a1+' a2='+a2,'28px arial',"#f50",200,260);
	//for (var i=0;targets.length-1;i++){
	drawTextA('activeRocketIndex='+activeRocketIndex,'28px arial',"#f50",200,300);
	drawTextA('shooter1.status='  +shooter1.status  ,'28px arial',"#f50",200,340);
	//
	//drawTextA('shooter angle='+theta,'28px arial',"#f50",200,260);	
	*/
	if (debug1!="") drawTextA(debug1,   '28px arial',"#ff0",200,300);
	if (debug2!="") drawTextA(debug2,   '28px arial',"#ff0",200,340);
	if (debug3!="") drawTextA(debug3,	'28px arial',"#f55",200,380);
	if (debug4!="") drawTextA(debug4,	'28px arial',"#f55",200,420);
	if (debug5!="") drawTextA(debug5,	'28px arial',"#f55",200,460);
}
//old html5 audio----------------------------------------------------------------------------------
var channel_max = 10;										// number of channels
audiochannels = new Array();
for (a=0;a<channel_max;a++) {									// prepare the channels
	audiochannels[a] = new Array();
	audiochannels[a]['channel'] = new Audio();						// create a new audio object
	audiochannels[a]['finished'] = -1;							// expected end time for this channel
}
function play_single_sound() {
	document.getElementById('audiotag1').play();
}
function play_multi_sound(s) {
	for (a=0;a<audiochannels.length;a++) {
		thistime = new Date();
		if (audiochannels[a]['finished'] < thistime.getTime()) {			// is this channel finished?
			audiochannels[a]['finished'] = thistime.getTime() + document.getElementById(s).duration*1000;
			audiochannels[a]['channel'].src = document.getElementById(s).src;
			//audiochannels[a]['channel'].load();
			audiochannels[a]['channel'].play();
			break;
		}
	}
}
// end old html5 audio-----------------------------------------------------------------------------
function outlineVirtualCanvas(){
	x1=playCanvas_left;
	y1=playCanvas_top;
	x2=playCanvas_left+playCanvasW;
	y2=playCanvas_top;
	x3=x2;
	y3=playCanvas_top+playCanvasH;
	x4=x1;
	y4=y3;
		ctx.beginPath();
		ctx.lineWidth   = 3;
		ctx.strokeStyle="red";
		ctx.moveTo(x1,y1);
		ctx.lineTo(x2,y2);	
		ctx.lineTo(x3,y3);
		ctx.lineTo(x4,y4);
		ctx.closePath();
		ctx.stroke();
		
	var green='#030';
	if(xMin>0) drawQuad(xMin/2,(yMax+2*yMin)/2, 0,0, xMin,0, xMin,yMax+2*yMin, 0,yMax+2*yMin,0,green,green,1);
	if(xMin>0) drawQuad(xMax+xMin/2,yMax+2*yMin/2, xMax,0 ,xMax+xMin,0, xMax+xMin,yMax+2*yMin, xMax,yMax+2*yMin,0, green,green,1);
	if(yMin>0) drawQuad(xMin+xMax/2,yMin/2, xMin,0, xMin+xMax,0, xMin+xMax,yMin, xMin,yMin,0,green,green,1);
	if(yMin>0) drawQuad(xMin+xMax/2,yMax+yMin/2, xMin,yMax, xMin+xMax,yMax, xMin+xMax,yMin+yMax, xMin,yMin+yMax,0,green,green,1);
}
      function getMousePos(canvas, evt) {
        var rect = canvas.getBoundingClientRect();
        return {
          x: evt.clientX - rect.left,
          y: evt.clientY - rect.top
        };
      }



	  canvas.addEventListener('mousedown', function(evt){
	    var md = getMousePos(canvas, evt);	 
		
		var tx1=document.getElementById('game2').offsetLeft;
		var ty1=document.getElementById('game2').offsetTop;
		var tx2=document.getElementById('game2').offsetWidth+tx1;
		var ty2=document.getElementById('game2').offsetHeight+ty1;		
		if (md.x>=tx1 && md.x<=tx2 && md.y>=ty1 && md.y<=ty2) {document.getElementById('game2').click();return;}
		
		//alert('2. md.x='+md.x+' md.y='+md.y+' tx1='+tx1+' ty1='+ty1+' tx2='+tx2+' ty2='+ty2);
		 
		tx1=document.getElementById('game1').offsetLeft;
		ty1=document.getElementById('game1').offsetTop;
		tx2=document.getElementById('game1').offsetWidth+tx1;
		ty2=document.getElementById('game1').offsetHeight+ty1;		
		if (md.x>=tx1 && md.x<=tx2 && md.y>=ty1 && md.y<=ty2) {document.getElementById('game1').click();return;}
		
		tx1=document.getElementById('game3').offsetLeft;
		ty1=document.getElementById('game3').offsetTop;
		tx2=document.getElementById('game3').offsetWidth+tx1;
		ty2=document.getElementById('game3').offsetHeight+ty1;		
		if (md.x>=tx1 && md.x<=tx2 && md.y>=ty1 && md.y<=ty2) {document.getElementById('game3').click();return;}

		//alert('3. md.x='+md.x+' md.y='+md.y+' tx1='+tx1+' ty1='+ty1+' tx2='+tx2+' ty2='+ty2);
		
	  })


</script>