ÿþvar hdg=45, ct, wc, sz=0.5;
var map
var la=39, lo=-76, zo=14, sa="", pla, plo, cla, clo, txt;
var boundary = new Array(0,0);
var judge = new Array(0,0);
var pnts =
  new Array (new Array (0,0,0),
     new Array (0,0,0),
     new Array (0,0,0));
var NoBox=1
//var baseurl = "http://serega.aero/boxCalc/";
var baseurl = "http://iac52.org/boxCalc/";

window.onload = function() {
  document.onselectstart = function() {return false;} // ie
  document.onmousedown = function() {return false;} // mozilla
}
       
function load() {
   hdg=getURLParam("hdg");  if(hdg=="") {hdg=356;}      else {hdg=hdg*1;}

//Coordinates with 50m boundary buffer
   la= getURLParam("la");  if(la=="")  {la=39.9272;}  else {la=la*1.0;}
   lo= getURLParam("lo");  if(lo=="")  {lo=-74.8156;} else {lo=lo*1.0;}
   zo= getURLParam("zo");  if(zo=="")  {zo=16;}     else {zo=zo*1;}
   sa= getURLParam("sa");  if(sa=="")  {sa=2;}      else {sa=sa*1;}
  
     myLatlng = new google.maps.LatLng(la, lo);
     myOptions = {
      zoom: zo,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.HYBRID
    }
    map = new google.maps.Map(document.getElementById("map"), myOptions);
  
   map.setCenter(myLatlng, zo);
   makeBox(map,myLatlng,hdg,sz);
   ct = map.getCenter();
 
  // Create the DIV to hold the control and
  // call the HomeControl() constructor passing
  // in this DIV.

iacboxControlDiv = document.createElement('DIV');
iacboxControl = new IACBoxControl(iacboxControlDiv, map, ct);
 
  iacboxControlDiv.index = 1;
  map.controls[google.maps.ControlPosition.LEFT].push(iacboxControlDiv);

}

function altload() {
  if (GBrowserIsCompatible()) {
   hdg=getURLParam("hdg") * 1;
   cla= getURLParam("cla") * 1.0;
   clo= getURLParam("clo") * 1.0;
   pla= getURLParam("pla") * 1.0;
   plo= getURLParam("plo") * 1.0;
   txt= getURLParam("txt");
   zo= getURLParam("zo");  if(zo=="")  {zo=19;}       else {zo=zo*1;}
  
   map = new GMap2(document.getElementById("map"));
   ct=new GLatLng(cla,clo);
   wc=new GLatLng(pla,plo);
   map.setCenter(ct, zo);
   map.setMapType(G_SATELLITE_TYPE);
   map.addControl(new GSmallMapControl());
   makeBox(map,ct,hdg,sz,1);
   map.panTo(wc);
   document.getElementById("tit").innerHTML="IAC 52's Box calculator - " + txt;
  }
}

function ClearBox(map,pts,mb) {
 Box.setMap(null);
 X.setMap(null);
 Y.setMap(null);
 boundaries.setMap(null);
 judges.setMap(null);
}

function DrawBox(map,pts,mb) {
var upper = 2, lower = 0, left = 0, right = 2, center = 1;
var drwpts = new Array(0,0);

// The box
var outside_box = [
    (pts[lower][left]),
    (pts[upper][left]),
    (pts[upper][right]),
    (pts[lower][right]),
	(pts[lower][left])
];
 
// axis
var X_axis = [
    (pts[center][left]),
    (pts[center][right])
];	
	
var Y_axis = [
	(pts[lower][center]),
	(pts[upper][center])
];

// boundary lines
 boundary[0]=(destPoint(pts[lower] [left],(hdg + 135) % 360,sz*2*0.07071));
 boundary[1]=(destPoint(pts[lower][right],(hdg -135) % 360,sz*2*0.07071));
 boundary[2]=(destPoint(pts[upper][right],(hdg - 45) % 360,sz*2*0.07071));
 boundary[3]=(destPoint(pts[upper] [left],(hdg + 45) % 360,sz*2*0.07071));
 boundary[4]=(destPoint(pts[lower] [left],(hdg + 135) % 360,sz*2*0.07071));

//judges line
 judge[0]=destPoint(pts[center][lower],(hdg + 90) % 360,0.15);
 judge[1]=destPoint(pts[center][lower],(hdg + 90) % 360,0.25);

 Box = new google.maps.Polyline({
      path: outside_box,
      strokeColor: "#00ff00",
      strokeOpacity: 1.0,
      strokeWeight: 3
    });
 
 Box.setMap(map);

 X = new google.maps.Polyline({
      path: X_axis,
      strokeColor: "#00ff00",
      strokeOpacity: 1.0,
      strokeWeight: 3
    });
 
 X.setMap(map);
 
 Y = new google.maps.Polyline({
      path: Y_axis,
      strokeColor: "#00ff00",
      strokeOpacity: 1.0,
      strokeWeight: 3
    });
 
 Y.setMap(map);

 boundaries = new google.maps.Polyline({
      path: boundary,
      strokeColor: "#ff0000",
      strokeOpacity: 1.0,
      strokeWeight: 3
    });
 
 boundaries.setMap(map);
 
 judges = new google.maps.Polyline({
      path: judge,
      strokeColor: "#0000ff",
      strokeOpacity: 0.8,
      strokeWeight: 4
    });
 
 judges.setMap(map);
 
 if (mb == 1)
 {
	 return;
 }
 //bhdg.value=hdg;
 document.getElementById("bhdg").innerHTML = hdg;
 document.getElementById("brhdg").innerHTML = (hdg + 180) % 360;

 // Top row
 document.getElementById("ullat").innerHTML=toString(pts[left][upper].lat(),"a");
 document.getElementById("ullon").innerHTML=toString(pts[left][upper].lng(),"o");

 document.getElementById("uclat").innerHTML=toString(pts[center][upper].lat(),"a");
 document.getElementById("uclon").innerHTML=toString(pts[center][upper].lng(),"o");

 document.getElementById("urlat").innerHTML=toString(pts[right][upper].lat(),"a");
 document.getElementById("urlon").innerHTML=toString(pts[right][upper].lng(),"o");

 // middle row
 document.getElementById("cllat").innerHTML=toString(pts[left][center].lat(),"a");
 document.getElementById("cllon").innerHTML=toString(pts[left][center].lng(),"o");

 document.getElementById("cclat").innerHTML=toString(pts[center][center].lat(),"a");
 document.getElementById("cclon").innerHTML=toString(pts[center][center].lng(),"o");

 document.getElementById("crlat").innerHTML=toString(pts[right][center].lat(),"a");
 document.getElementById("crlon").innerHTML=toString(pts[right][center].lng(),"o");

 // bottom row
 document.getElementById("lllat").innerHTML=toString(pts[left][lower].lat(),"a");
 document.getElementById("lllon").innerHTML=toString(pts[left][lower].lng(),"o");

 document.getElementById("lclat").innerHTML=toString(pts[center][lower].lat(),"a");
 document.getElementById("lclon").innerHTML=toString(pts[center][lower].lng(),"o");

 document.getElementById("lrlat").innerHTML=toString(pts[right][lower].lat(),"a");
 document.getElementById("lrlon").innerHTML=toString(pts[right][lower].lng(),"o");

 // boundary
 document.getElementById("bullat").innerHTML=toString(boundary[2].lat(),"a");
 document.getElementById("bullon").innerHTML=toString(boundary[2].lng(),"o");

 document.getElementById("burlat").innerHTML=toString(boundary[1].lat(),"a");
 document.getElementById("burlon").innerHTML=toString(boundary[1].lng(),"o");

 document.getElementById("blllat").innerHTML=toString(boundary[3].lat(),"a");
 document.getElementById("blllon").innerHTML=toString(boundary[3].lng(),"o");

 document.getElementById("blrlat").innerHTML=toString(boundary[4].lat(),"a");
 document.getElementById('blrlon').innerHTML=toString(boundary[4].lng(),"o");

 document.getElementById('j1lat').innerHTML = toString(judge[0].lat(),"a");
 document.getElementById('j1lng').innerHTML = toString(judge[0].lng(),"o");
 document.getElementById('j2lat').innerHTML = toString(judge[1].lat(),"a");
 document.getElementById('j2lng').innerHTML = toString(judge[1].lng(),"o");

}

function makeBox(map, loc, fwd, len, mb) {

  var bck,  lft, rgt;  //raw degrees
  var upper = 2, lower = 0, left = 0, right = 2, center = 1;
 
// Clear Old Box
if (NoBox==1){
	NoBox=0;
	}
	else{
	ClearBox(map,pnts,mb);
}
 //Calculate the raw degrees
      rgt = (fwd + 270) % 360;
      lft = (fwd + 90) % 360;
      bck = (fwd + 180) % 360;
	  
  // Build the box
 
  // Sides
      pnts[center][center]=loc;
      pnts[upper] [center]=destPoint(loc,fwd,len);
      pnts[lower] [center]=destPoint(loc,bck,len);
      pnts[center] [left] =destPoint(loc,lft,len);
      pnts[center][right] =destPoint(loc,rgt,len);

  // Corners
      pnts[upper][left]=destPoint(pnts[center][left],fwd,len);
      pnts[lower][left]=destPoint(pnts[center][left],bck,len);

      pnts[upper][right]=destPoint(pnts[center][right],fwd,len);
      pnts[lower][right]=destPoint(pnts[center][right],bck,len);

 // Draw the box
     DrawBox(map,pnts,mb);
}

function destPoint(start, brng, d) {
  var R = 6371; // earth's mean radius in km
  var lat1 = start.lat() * Math.PI /180; // Calculate the initial lat in radians
  var lon1 = start.lng() * Math.PI /180; // Calculate the initial lon in radians
  brng = brng * Math.PI /180;    // Calculate the bearing to the new point in radians

  var lat2 = Math.asin( Math.sin(lat1)*Math.cos(d/R) +
        Math.cos(lat1)*Math.sin(d/R)*Math.cos(brng) );
  var lon2 = lon1 + Math.atan2(Math.sin(brng)*Math.sin(d/R)*Math.cos(lat1),
           Math.cos(d/R)-Math.sin(lat1)*Math.sin(lat2)); // Calculate the new point

  if (isNaN(lat2) || isNaN(lon2)) return null;
  lat2 = (lat2*180/Math.PI);
  lon2 = (lon2*180/Math.PI);
  return new google.maps.LatLng(lat2,lon2);
}

function toString(degv,axis) {  // convert numeric degrees to deg/min/sec
  var d = Math.abs(degv);  // (unsigned result ready for appending compass dir'n)
  d += 1/7200;  // add ýÿ second for rounding
  var deg = Math.floor(d);
  var min = Math.floor((d-deg)*60.0);
  var sec = Math.floor((d-deg-min/60.0)*3600.0);
  var qdt = "";
  if (axis == "a") {
      if (degv > 0) {
            qdt='N';
      }else{
            qdt='S';
      }
  } else {
      if (degv > 0) {
            qdt='E';
      }else{
            qdt='W';
      }
  }
  // add leading zeros if required
  if (deg<100) deg = '0' + deg; if (deg<10) deg = '0' + deg;
  if (min<10) min = '0' + min;
  if (sec<10) sec = '0' + sec;
  return deg + '\u00B0' + min + '\u2032' + sec + '\u2033' + qdt;
}
 
 
// Define a property to hold the Home state
IACBoxControl.prototype.home_ = null;
 
// Define setters and getters for this property
IACBoxControl.prototype.getHome = function() {
  return this.home_;
}
 
IACBoxControl.prototype.setHome = function(home) {
  this.home_ = home;
}
 
function IACBoxControl(controlDiv, map, home) {
 
  // We set up a variable for this since we're adding
  // event listeners later.
  var control = this;
  
  // Set the home property upon construction
  control.home_ = home;
 
  // Set CSS styles for the DIV containing the control
  // Setting padding to 5 px will offset the control
  // from the edge of the map
  controlDiv.style.padding = '5px';
 
  // Set CSS for the control border
  var goHomeUI = document.createElement('DIV'); 
  goHomeUI.style.backgroundColor = 'white';
  goHomeUI.style.borderStyle = 'solid';
  goHomeUI.style.borderWidth = '2px';
  goHomeUI.style.cursor = 'pointer';
  goHomeUI.style.textAlign = 'center';
  goHomeUI.title = 'Click to set the map to Home';
  controlDiv.appendChild(goHomeUI);
 
  // Set CSS for the control interior
  var goHomeText = document.createElement('DIV');
  goHomeText.style.fontFamily = 'Arial,sans-serif';
  goHomeText.style.fontSize = '12px';
  goHomeText.style.paddingLeft = '4px';
  goHomeText.style.paddingRight = '4px';
  goHomeText.innerHTML = '<b>Home</b>';
  goHomeUI.appendChild(goHomeText);
  
  // Set CSS for the setHome control border
  var setHomeUI = document.createElement('DIV');
  setHomeUI.style.backgroundColor = 'white';
  setHomeUI.style.borderStyle = 'solid';
  setHomeUI.style.borderWidth = '2px';
  setHomeUI.style.cursor = 'pointer';
  setHomeUI.style.textAlign = 'center';
  setHomeUI.title = 'Click to set Home to the current center';
  controlDiv.appendChild(setHomeUI);
 
  // Set CSS for the control interior
  var setHomeText = document.createElement('DIV');
  setHomeText.style.fontFamily = 'Arial,sans-serif';
  setHomeText.style.fontSize = '12px';
  setHomeText.style.paddingLeft = '4px';
  setHomeText.style.paddingRight = '4px';
  setHomeText.innerHTML = '<b>Set Home</b>';
  setHomeUI.appendChild(setHomeText);

  // Set CSS for the control border
  var rotateCWUI = document.createElement('DIV'); 
  rotateCWUI.style.backgroundColor = 'white';
  rotateCWUI.style.borderStyle = 'solid';
  rotateCWUI.style.borderWidth = '2px';
  rotateCWUI.style.cursor = 'pointer';
  rotateCWUI.style.textAlign = 'center';
  rotateCWUI.title = 'Click to rotate the box clockwise';
  controlDiv.appendChild(rotateCWUI);
 
  // Set CSS for the control interior
  var rotateCWText = document.createElement('DIV');
  rotateCWText.style.fontFamily = 'Arial,sans-serif';
  rotateCWText.style.fontSize = '12px';
  rotateCWText.style.paddingLeft = '4px';
  rotateCWText.style.paddingRight = '4px';
  rotateCWText.innerHTML = '<b>Rotate CW</b>';
  rotateCWUI.appendChild(rotateCWText);

 // Set CSS for the control border
  var rotateCCWUI = document.createElement('DIV'); 
  rotateCCWUI.style.backgroundColor = 'white';
  rotateCCWUI.style.borderStyle = 'solid';
  rotateCCWUI.style.borderWidth = '2px';
  rotateCCWUI.style.cursor = 'pointer';
  rotateCCWUI.style.textAlign = 'center';
  rotateCCWUI.title = 'Click to rotate the box counterclockwise';
  controlDiv.appendChild(rotateCCWUI);
 
  // Set CSS for the control interior
  var rotateCCWText = document.createElement('DIV');
  rotateCCWText.style.fontFamily = 'Arial,sans-serif';
  rotateCCWText.style.fontSize = '12px';
  rotateCCWText.style.paddingLeft = '4px';
  rotateCCWText.style.paddingRight = '4px';
  rotateCCWText.innerHTML = '<b>Rotate CCW</b>';
  rotateCCWUI.appendChild(rotateCCWText);
 
  // Set CSS for the control border
  var rotateCW30UI = document.createElement('DIV'); 
  rotateCW30UI.style.backgroundColor = 'white';
  rotateCW30UI.style.borderStyle = 'solid';
  rotateCW30UI.style.borderWidth = '2px';
  rotateCW30UI.style.cursor = 'pointer';
  rotateCW30UI.style.textAlign = 'center';
  rotateCW30UI.title = 'Click to rotate the box 30 deg. clockwise';
  controlDiv.appendChild(rotateCW30UI);
 
  // Set CSS for the control interior
  var rotateCW30Text = document.createElement('DIV');
  rotateCW30Text.style.fontFamily = 'Arial,sans-serif';
  rotateCW30Text.style.fontSize = '12px';
  rotateCW30Text.style.paddingLeft = '4px';
  rotateCW30Text.style.paddingRight = '4px';
  rotateCW30Text.innerHTML = '<b>Rotate CW 30</b>';
  rotateCW30UI.appendChild(rotateCW30Text);
  
 // Set CSS for the control border
  var rotateCCW30UI = document.createElement('DIV'); 
  rotateCCW30UI.style.backgroundColor = 'white';
  rotateCCW30UI.style.borderStyle = 'solid';
  rotateCCW30UI.style.borderWidth = '2px';
  rotateCCW30UI.style.cursor = 'pointer';
  rotateCCW30UI.style.textAlign = 'center';
  rotateCCW30UI.title = 'Click to rotate the box 30 deg. counterclockwise';
  controlDiv.appendChild(rotateCCW30UI);
 
  // Set CSS for the control interior
  var rotateCCW30Text = document.createElement('DIV');
  rotateCCW30Text.style.fontFamily = 'Arial,sans-serif';
  rotateCCW30Text.style.fontSize = '12px';
  rotateCCW30Text.style.paddingLeft = '4px';
  rotateCCW30Text.style.paddingRight = '4px';
  rotateCCW30Text.innerHTML = '<b>Rotate CCW 30</b>';
  rotateCCW30UI.appendChild(rotateCCW30Text); 
 
 // Set CSS for the control border
  var boxToCtrUI = document.createElement('DIV'); 
  boxToCtrUI.style.backgroundColor = 'white';
  boxToCtrUI.style.borderStyle = 'solid';
  boxToCtrUI.style.borderWidth = '2px';
  boxToCtrUI.style.cursor = 'pointer';
  boxToCtrUI.style.textAlign = 'center';
  boxToCtrUI.title = 'Draw box at current center';
  controlDiv.appendChild(boxToCtrUI);
 
  // Set CSS for the control interior
  var boxToCtrText = document.createElement('DIV');
  boxToCtrText.style.fontFamily = 'Arial,sans-serif';
  boxToCtrText.style.fontSize = '12px';
  boxToCtrText.style.paddingLeft = '4px';
  boxToCtrText.style.paddingRight = '4px';
  boxToCtrText.innerHTML = '<b>Draw box at <br>current center</b>';
  boxToCtrUI.appendChild(boxToCtrText); 
 
 
  // Setup the click event listener for Home:
  // simply set the map to the control's current home property.
  google.maps.event.addDomListener(goHomeUI, 'click', function() {
    var currentHome = control.getHome();
    map.setCenter(currentHome);
  });
  
  // Setup the click event listener for Set Home:
  // Set the control's home to the current Map center.
  google.maps.event.addDomListener(setHomeUI, 'click', function() {
    var newHome = map.getCenter();
    control.setHome(newHome);
  });

  // rotate box clockwise
  google.maps.event.addDomListener(rotateCWUI, 'click', function() {
	hdg = (hdg +1) % 360;
    makeBox(map,ct,hdg,sz);
  });

  //rotate box counterclockwise
  google.maps.event.addDomListener(rotateCCWUI, 'click', function() {
	hdg = (hdg -1) % 360;
    makeBox(map,ct,hdg,sz);
  });
  
   // rotate box clockwise 30 deg
  google.maps.event.addDomListener(rotateCW30UI, 'click', function() {
	hdg = (hdg + 30) % 360;
    makeBox(map,ct,hdg,sz);
  }); 
  
  //rotate box counterclockwise 30 deg
  google.maps.event.addDomListener(rotateCCW30UI, 'click', function() {
	hdg = (hdg + 330) % 360;
    makeBox(map,ct,hdg,sz);
  }); 
 
  //Draw box at current center
  google.maps.event.addDomListener(boxToCtrUI, 'click', function() {
	ct = map.getCenter();
    makeBox(map,ct,hdg,sz);
  }); 

}
  
  function getURLParam(strParamName){
    var strReturn = "";
    var strHref = window.location.href;
    if ( strHref.indexOf("?") > -1 ){
     var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
     var aQueryString = strQueryString.split("&");
     for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      if (aQueryString[iParam].indexOf(strParamName + "=") > -1 ){
       var aParam = aQueryString[iParam].split("=");
       strReturn = aParam[1];
       break;
      }
     }
    }
    return strReturn;
  }

  function addToFavorites()  {
    var saveurl=baseurl + "acrobox.html?hdg=" + hdg + "&la=" + ct.lat() + "&lo=" + ct.lng() + "&zo=" + zo;
       if (window.sidebar) {
        // Mozilla Firefox Bookmark      
            window.sidebar.addPanel("IAC 52 Box location for lat=" + ct.lat() + ",lon=" + ct.lng(), saveurl,"");   
       }else if( window.external ) {
        // IE Favorite          
            window.external.AddFavorite( saveurl, "IAC 52 Box location for lat=" + ct.lat() + ",lon=" + ct.lng());
       }else if(window.opera && window.print) {
        // Opera Hotlist         
            return true;
       }
  }

function EmailLink(){
       lc = map.getCenter();
       var saveurl=window.escape(baseurl + "acrobox.html?hdg=" + hdg + "&la=" + ct.lat() + "&lo=" + ct.lng() + "&zo=" + zo);

   body="This link was generator by the IAC52 box locator click on it and you will be shown the box as the sender intended check here " + saveurl;

   window.location = "mailto:"+"?subject=Aerobatic box link&body="+ body;
}


function PrintMaps(x,y,t){
var plat=pnts[x][y].lat();
var plng=pnts[x][y].lng();
var clat=pnts[1][1].lat();
var clng=pnts[1][1].lng();
//   map.showMapBlowup(pnts[x][y],{zoomLevel:17});
   map.setCenter(pnts[x][y]);
   map.setZoom(17);
   
}

function PrintBound(x,t){
   map.setCenter(boundary[x]);
   map.setZoom(17);

//  map.showMapBlowup(boundary[x],{zoomLevel:17});
}

function PrintJudge(x,t){
   map.setCenter(judge[x]);
   map.setZoom(18);
//   map.showMapBlowup(judge[x],{zoomLevel:17});
}