Stereo
Stereo
Baseline (deg)
Crosseye
Parallel
Set time
Date and Time (UTC)
Edit objects -- state vectors
Object
Sun
Mercury (199)
Venus (299)
Earth (399)
Mars Barycenter (4)
Jupiter Barycenter (5)
Saturn Barycenter (6)
Uranus Barycenter (7)
Neptune Barycenter (8)
Pluto Barycenter (9)
Moon (301)
SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10)
Camera A
Camera B
Reference object
Sun
Mercury (199)
Venus (299)
Earth (399)
Mars Barycenter (4)
Jupiter Barycenter (5)
Saturn Barycenter (6)
Uranus Barycenter (7)
Neptune Barycenter (8)
Pluto Barycenter (9)
Moon (301)
SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10)
Name
Color
Shadow
Label
Trail
Sub Z
Mass
Diameter
Location (
x,y,z
)
Velocity (
x,y,z
)
Edit objects -- orbital elements
Object
Sun
Mercury (199)
Venus (299)
Earth (399)
Mars Barycenter (4)
Jupiter Barycenter (5)
Saturn Barycenter (6)
Uranus Barycenter (7)
Neptune Barycenter (8)
Pluto Barycenter (9)
Moon (301)
SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10)
Camera A
Camera B
Reference object
Sun
Mercury (199)
Venus (299)
Earth (399)
Mars Barycenter (4)
Jupiter Barycenter (5)
Saturn Barycenter (6)
Uranus Barycenter (7)
Neptune Barycenter (8)
Pluto Barycenter (9)
Moon (301)
SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10)
Name
Color
Shadow
Label
Trail
Sub Z
Mass
Diameter
a, e, i
ω, Ω, MA
Time step
1024
Camera A
Azimuth
Altitude
Distance
Stationary
Sun
Mercury (199)
Venus (299)
Earth (399)
Mars Barycenter (4)
Jupiter Barycenter (5)
Saturn Barycenter (6)
Uranus Barycenter (7)
Neptune Barycenter (8)
Pluto Barycenter (9)
Moon (301)
SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10)
+
TL
ML
Axes
3d
Kepler
Trails
Labels
Distance and speed
Local time
Local time
Sun Feb 11 2018 08:46:27 GMT-0500 (Eastern Standard Time)
Local time
Coordinated Universal Time
Sun Feb 11 2018 13:46:27 (UTC)
Julian Day
2458161.0739272567
Save as
Simulation name:
Keywords (optional)
Description (optional)
Tesla SpaceX
Author (optional)
Share on orbitsimulator.com
Create temporary link
Your simulation is here:
Source code:
<!DOCTYPE html> <html id ='htmlAll'> <head> <title>SpaceX Roadster</title> <meta name = 'keywords' content = "Roadster 22018"> <meta name = 'description' content = "Tesla SpaceX "> <meta name = 'author' content = 'Tony Dunn, Robjohn53'> <meta http-equiv="content-type" content="text/html; charset = UTF-8"> <link href="http://orbitsimulator.com/gravitySimulatorCloud/jquery-ui.css" rel="stylesheet"> <script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script><script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery-1.9.1.js"></script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery-ui.js"></script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery.ui.touch-punch.min2.js"></script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/kbo.js"> </script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/synthetic.js"> </script> <script id="scriptStars" src="http://orbitsimulator.com/gravitySimulatorCloud/noStars.js"> </script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/citiesLatLon.js"> </script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/jscolor.js"> </script> <script> btndescout = new Image;btndescover= new Image;btndescout.src = "http://orbitsimulator.com/gravity/articles/descorange.GIF";btndescover.src = "http://orbitsimulator.com/gravity/articles/descyellow.GIF"; btndownout = new Image;btndownover= new Image;btndownout.src = "http://orbitsimulator.com/gravity/articles/downorange.GIF";btndownover.src = "http://orbitsimulator.com/gravity/articles/downyellow.GIF"; btnsimuout = new Image;btnsimuover= new Image;btnsimuout.src = "http://orbitsimulator.com/gravity/articles/simuorange.GIF";btnsimuover.src = "http://orbitsimulator.com/gravity/articles/simuyellow.GIF"; btnmessout = new Image;btnmessover= new Image;btnmessout.src = "http://orbitsimulator.com/gravity/articles/messorange.GIF";btnmessover.src = "http://orbitsimulator.com/gravity/articles/messyellow.GIF"; btnscieout = new Image;btnscieover= new Image;btnscieout.src = "http://orbitsimulator.com/gravity/articles/scieorange.GIF";btnscieover.src = "http://orbitsimulator.com/gravity/articles/scieyellow.GIF"; btncontout = new Image;btncontover= new Image;btncontout.src = "http://orbitsimulator.com/gravity/articles/contorange.GIF";btncontover.src = "http://orbitsimulator.com/gravity/articles/contyellow.GIF"; btnlinkout = new Image;btnlinkover= new Image;btnlinkout.src = "http://orbitsimulator.com/gravity/articles/linkorange.GIF";btnlinkover.src = "http://orbitsimulator.com/gravity/articles/linkyellow.GIF"; </script> <style> nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul {z-index: 10; font-family: Tahoma, Geneva, sans-serif; font-size: 20px; background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 0px; border-radius: 0px; list-style: none; position: fixed; top: -20px; left: 0px; //display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li:hover label { color: #fff; } nav ul ul li:active label { color: #aaa; } nav ul li a { display: block; padding: 0px 10px; color: #757575; text-decoration: none; } nav ul li label { display: block; padding: 0px 0px; color: #757575; text-decoration: none; } nav ul li label { display: block; padding: 0px 10px; color: #757575; text-decoration: none; } nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; } nav ul ul li label { padding: 0px 10px; color: #fff; } nav ul ul li a:hover { background: #4b545f; } nav ul ul li label:hover { background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; } .slider { width: 200px; opacity: 0.8; //margin: 100px auto; } input[type="range"] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); // width: 100%; width: 200px; height: 20px; margin: 0; border: none; padding: 1px 2px; border-radius: 14px; background: #232528; box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42; -webkit-box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42; outline: none; /* no focus outline */ } input[type="range"]::-moz-range-track { border: inherit; background: transparent; } input[type="range"]::-ms-track { border: inherit; color: transparent; /* don't drawn vertical reference line */ background: transparent; } input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper { background: transparent; } input[type="range"]::-ms-tooltip { display: none; } /* thumb */ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 40px; height: 18px; border: none; border-radius: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #529de1), color-stop(100%, #245e8f)); /* android <= 2.2 */ background-image: -webkit-linear-gradient(top , #529de1 0, #245e8f 100%); /* older mobile safari and android > 2.2 */; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } input[type="range"]::-moz-range-thumb { width: 40px; height: 18px; border: none; border-radius: 12px; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } input[type="range"]::-ms-thumb { width: 40px; height: 18px; border-radius: 12px; border: 0; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } #divAds {position: absolute; top: 0px; left: 0px; width: 730px; height: 90px; z-index: 4; visibility: hidden} #divLogo {position: absolute; top: 91px; left: 0px; visibility: hidden} #imgLogo1 {position: absolute; top: 0px; left: 0px} #divNavigate {position: fixed; left: -200px; top: 400px; z-index: 4; visibility: hidden} #tableNavigate {background-color: transparent} #divMenuShow {position: fixed; z-index: 11; top: 0px; left: 0px; visibility: hidden; z-index: 10} #btnMenuShow {position: absolute; top: 0px; left: 3px; height: 25px; visibility: hidden} #divMenu {position: fixed; z-index: 10; top: 0px; left: 0px; visibility: hidden; z-index: 11} #btnMenuHide {position: absolute; top: 0px; left: 3px; height: 25px} #btnFileMenu {position: absolute; top: 0px; left: 40px; height: 25px} #btnSaveAsMenu {position: absolute; top: 25px; left: 45px; width: 150px; height: 25px; text-align: left} #btnScreenShotsMenu {position: absolute; top: 50px; left: 45px; height: 25px; width: 150px; text-align: left} #btnCollisionLogMenu {position: absolute; top: 75px; left: 45px; height: 25px; width: 150px; text-align: left} #btnObjectsMenu {position: absolute; top: 0px; left: 80px; height: 25px} #btnCreateObjectsMenu {position: absolute; top: 25px; left: 85px; height: 25px; width: 200px; text-align: left} #btnClonesMenu {position: absolute; top: 50px; left: 85px; height: 25px; width: 200px; text-align: left} #btnImportObjectsLiteMenu {position: absolute; top: 75px; left: 85px; height: 25px; width: 200px; text-align: left} //#btnImportObjectsMenu {position: absolute; top: 100px; left: 85px; height: 25px; width: 200px; text-align: left} #btnEditObjectsVectorsMenu{position: absolute; top: 100px; left: 85px; height: 25px; width: 200px; text-align: left} #btnEditObjectsElementsMenu{position: absolute; top: 125px; left: 85px; height: 25px; width: 200px; text-align: left} #btnVectorMenu {position: absolute; top: 150px; left: 85px; height: 25px; width: 200px; text-align: left} #btnDeleteObjectsMenu {position: absolute; top: 175px; left: 85px; height: 25px; width: 200px; text-align: left} #btnPreTrailsMenu {position: absolute; top: 200px; left: 85px; height: 25px; width: 200px; text-align: left} #btnTimeMenu {position: absolute; top: 0px; left: 150px; height: 25px} #btnCalendarDate {position: absolute; top: 25px; left: 155px; height: 25px; width: 170px; text-align: left} #btnCalendarDateUTC {position: absolute; top: 50px; left: 155px; height: 25px; width: 170px; text-align: left} #btnJulianDate {position: absolute; top: 75px; left: 155px; height: 25px; width: 170px; text-align: left} #btnTimeStepMenu {position: absolute; top: 100px; left: 155px; height: 25px; width: 170px; text-align: left} #btnSetDateAndTimeMenu {position: absolute; top: 125px; left: 155px; height: 25px; width: 170px; text-align: left} #btnDisplayMenu {position: absolute; top: 0px; left: 200px; height: 25px; visibility = 'visible'} #btnScreensMenu {position: absolute; top: 25px; left: 205px; height: 25px; width: 200px; text-align: left} #btnToFromAMenu {position: absolute; top: 50px; left: 205px; height: 25px; width: 200px; text-align: left} #btnToFromBMenu {position: absolute; top: 75px; left: 205px; height: 25px; width: 200px; text-align: left} #btnRotatingFrameMenu {position: absolute; top: 100px; left: 205px; height: 25px; width: 200px; text-align: left} #btnStereoMenu {position: absolute; top: 125px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCitiesAMenu {position: absolute; top: 150px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCitiesBMenu {position: absolute; top: 175px; left: 205px; height: 25px; width: 200px; text-align: left} #btnStarsMenu {position: absolute; top: 200px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCameraAMenu {position: absolute; top: 225px; left: 205px; height: 25px; width: 200px; text-align: left} #btnLargePlayMenu {position: absolute; top: 250px; left: 205px; height: 25px; width: 200px; text-align: left} #btnPreferencesMenu {position: absolute; top: 0px; left: 270px; height: 25px} #btnScreensMenu {position: absolute; top: 25px; left: 205px; height: 25px; width: 200px; text-align: left} #btnAutopilotMenu {position: absolute; top: 0px; left: 375px; height: 25px} #btnAPsingleEventsMenu {position: absolute; top: 25px; left: 380px; height: 25px; width: 150px; text-align: left} #btnAPperIterationMenu {position: absolute; top: 50px; left: 380px; height: 25px; width: 150px; text-align: left} #btnAPperGraphicUpdateMenu{position: absolute; top: 75px; left: 380px; height: 25px; width: 150px; text-align: left} #btnHelpMenu {position: absolute; top: 0px; left: 455px; height: 25px} #btnSimulationDescriptionMenu {position: absolute; top: 25px; left: 460px; height: 25px; width: 150px; text-align: left} #btnQuickHelpMenu {position: absolute; top: 50px; left: 460px; height: 25px; width: 150px; text-align: left} #btnManualMenu {position: absolute; top: 75px; left: 460px; height: 25px; width: 150px; text-align: left} #btnAboutMenu {position: absolute; top: 100px; left: 460px; height: 25px; width: 150px; text-align: left} //#divPerspective {position: absolute; z-index: 1; top:1250px; left:0px; width:1250px; height:900px;} //#divPerspective {position: absolute; z-index: 1; top:1250px; left: 0px} #divPerspective {position: absolute; z-index: 1} #divTopDown {position: absolute; z-index: 1; top: 0px; left: 0px; width:1250px; height:900px;} #divRotateCameraA {top: 800px; left: 0px; height: 125px; width: 570px} #lblRotateCameraATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnRotateCameraAClose {position: absolute; left: 550px} #rangeRotateCameraA {position: absolute; top: 25px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraA {position: absolute; top: 25px; left: 455px; width: 45px} #lblRotateCameraA {position: absolute; top: 29px; left: 505px} #rangeRotateCameraZ {position: absolute; top: 50px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraZ {position: absolute; top: 50px; left: 455px; width: 45px} #lblRotateCameraZ {position: absolute; top: 54px; left: 505px} #rangeRotateCameraD {position: absolute; top: 75px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraD {position: absolute; top: 75px; left: 455px; width: 45px} #lblRotateCameraD {position: absolute; top: 79px; left: 505px} #selectTargetObjectRF {position: absolute; top: 100px; left: 1px; max-width: 100px; z-index: 2;} #lblLonPlus {position: absolute; top: 104px; left: 107px} #txtLongitudeRF {position: absolute; top: 100px; left: 117px; width: 40px;} #radioTrueLongitude {position: absolute; top: 100px; left: 170px; z-index: 2;} #lblTrueLongitude {position: absolute; top: 104px; left: 192px; z-index: 2;} #radioMeanLongitude {position: absolute; top: 100px; left: 220px; z-index: 2;} #lblMeanLongitude {position: absolute; top: 104px; left: 242px; z-index: 2;} #checkAxes {position: absolute; top: 100px; left: 262px; z-index: 2;} #lblAxes {position: absolute; top: 104px; left: 282px; z-index: 2;} #checkStereoCA {position: absolute; top: 100px; left: 312px; z-index: 2;} #lblStereoCA {position: absolute; top: 104px; left: 332px; z-index: 2;} #checkKeplerCA {position: absolute; top: 100px; left: 357px; z-index: 2;} #lblKeplerCA {position: absolute; top: 104px; left: 377px; z-index: 2;} #checkTrailsCA {position: absolute; top: 100px; left: 427px; z-index: 2;} #lblTrailsCA {position: absolute; top: 104px; left: 447px; z-index: 2;} #checkLabelsCA {position: absolute; top: 100px; left: 497px; z-index: 2;} #lblLabelsCA {position: absolute; top: 104px; left: 517px; z-index: 2;} #divTimeStep {top: 30px; left: 260px; height: 54px;} #lblTimeStepTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnPause {position: absolute; top: 25px; left: 3px} #btnTimeStepPlus {position: absolute; top: 26px; left: 37px} #spanTimeStep {position: absolute; top: 25px; left: 64px; width: 80px} #btnTimeStepMinus {position: absolute; top: 26px; left: 180px} #btnTimeDirection {position: absolute; top: 25px; left: 210px} #btnTimeStepClose {position: absolute} #divDistanceAndSpeedA {top:120px; left: 0px; height: 70px; visibility: hidden} #lblDistanceAndSpeedATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #selectTargetObjectDSa {position: absolute; top: 45px; left: 1px; z-index: 2;} #selectReferenceObjectDSa {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblDSaDistanceA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDSaSpeedA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDStangentialA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDSradialA {position: absolute; top: 25px; left: 3px; width: 160px;} #divCalendarDate {top:120px; left: 0px; height: 70px; visibility: hidden} #lblCalendarLocalTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanCalendarDate{position: absolute; top: 30px; left: 3px;} #btnCalendarDateClose {position: absolute;} #divCalendarDateUTC {top:30px; left: 0px; height: 70px;} #lblCalendarUTC {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanCalendarDateUTC{position: absolute; top: 30px; left: 3px;} #btnCalendarDateUTCClose {position: absolute;} #divJulianDate {top: 200px; left: 0px; height: 54px; visibility: hidden} #lblJulianDateTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanJulianDate{position: absolute; top: 30px; left: 3px;} #btnJulianDateClose {position: absolute;} #divSetTime {top: 90px; left: 300px; height: 180px; visibility: hidden} #lblSetTimeTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #lblSetTimeDateAndTime {position: absolute; top: 25px; left: 3px; width: 160px;} #txtSetDateAndTime {position: absolute; top: 50px; left: 3px; width: 160px;} #btnSetTimeOK {position: absolute; top:130px; left: 3px; width: 50px;} #btnSetTimeClose{position: absolute;} #divEditObjectsVectors {top: 90px; left: 300px; height: 606px; visibility: hidden} #lblEditObjectsVectorsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnEditObjectsVectorsClose{position: absolute;} #lblSelectTargetObjectEOV {position: absolute; top: 30px; left: 1px} #selectTargetObjectEOV {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblSelectReferenceObjectEOV {position: absolute; top: 80px; left: 1px} #selectReferenceObjectEOV {position: absolute; top: 95px; left: 1px; z-index: 2;} #lblEOVSelectName {position: absolute; top: 125px; left: 1px} #txtEOVName {position: absolute; top: 140px; left: 1px} #lblEditObjectsVectorsColor {position: absolute; top: 180px; left: 1px; width: 60px} #txtEditObjectsVectorsColor {position: absolute; top: 195px; left: 1px; width: 60px} #lblEditObjectsVectorsShadow {position: absolute; top: 180px; left: 63px; width: 60px} #txtEditObjectsVectorsShadow {position: absolute; top: 195px; left: 63px; width: 60px} #lblEditObjectsVectorsLabel {position: absolute; top: 180px; left: 125px; width: 60px} #txtEditObjectsVectorsLabel {position: absolute; top: 195px; left: 125px; width: 60px} #lblEditObjectsVectorsTrail {position: absolute; top: 225px; left: 1px; width: 60px} #txtEditObjectsVectorsTrail {position: absolute; top: 240px; left: 1px; width: 60px} #lblEditObjectsVectorsSubZ {position: absolute; top: 225px; left: 63px; width: 60px} #txtEditObjectsVectorsSubZ {position: absolute; top: 240px; left: 63px; width: 60px} #lblEditObjectsVectorMass {position: absolute; top: 275px; left: 1px} #btnEditObjectsVectorMassUnits {position: absolute; top: 270px; left: 60px} #txtEditObjectsVectorsMass {position: absolute; top: 290px; left: 1px} #lblEditObjectsVectorDiameter {position: absolute; top: 325px; left: 1px} #btnEditObjectsVectorDiameterUnits {position: absolute; top: 320px; left: 60px} #txtEditObjectsVectorsDiameter {position: absolute; top: 340px; left: 1px} #lblEditObjectsVectorLocation {position: absolute; top: 385px; left: 1px; width: 120px} #btnEditObjectsVectorPositionUnits {position: absolute; top: 380px; left: 135px} #txtEditObjectsVectorsX {position: absolute; top: 400px; left: 1px} #txtEditObjectsVectorsY {position: absolute; top: 420px; left: 1px} #txtEditObjectsVectorsZ {position: absolute; top: 440px; left: 1px} #lblEditObjectsVectorVelocity {position: absolute; top: 485px; left: 1px; width: 120px} #btnEditObjectsVectorVelocityUnits {position: absolute; top: 480px; left: 135px} #txtEditObjectsVectorsVx {position: absolute; top: 500px; left: 1px} #txtEditObjectsVectorsVy {position: absolute; top: 520px; left: 1px} #txtEditObjectsVectorsVz {position: absolute; top: 540px; left: 1px} #btnEditObjectsVectorsApply {position: absolute; top: 580px; left: 1px} #btnEditObjectsVectorsDelete {position: absolute; top: 580px; left: 85px} #divEditObjectsElements {top: 90px; left: 300px; height: 606px; visibility: hidden} #lblEditObjectsElementsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnEditObjectsElementsClose{position: absolute;} #lblSelectTargetObjectEOE {position: absolute; top: 30px; left: 1px} #selectTargetObjectEOE {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblSelectReferenceObjectEOE {position: absolute; top: 80px; left: 1px} #selectReferenceObjectEOE {position: absolute; top: 95px; left: 1px; z-index: 2;} #lblEOESelectName {position: absolute; top: 125px; left: 1px} #txtEOEName {position: absolute; top: 140px; left: 1px} #lblEditObjectsElementsColor {position: absolute; top: 180px; left: 1px; width: 60px} #txtEditObjectsElementsColor {position: absolute; top: 195px; left: 1px; width: 60px} #lblEditObjectsElementsShadow {position: absolute; top: 180px; left: 63px; width: 60px} #txtEditObjectsElementsShadow {position: absolute; top: 195px; left: 63px; width: 60px} #lblEditObjectsElementsLabel {position: absolute; top: 180px; left: 125px; width: 60px} #txtEditObjectsElementsLabel {position: absolute; top: 195px; left: 125px; width: 60px} #lblEditObjectsElementsTrail {position: absolute; top: 225px; left: 1px; width: 60px} #txtEditObjectsElementsTrail {position: absolute; top: 240px; left: 1px; width: 60px} #lblEditObjectsElementsSubZ {position: absolute; top: 225px; left: 63px; width: 60px} #txtEditObjectsElementsSubZ {position: absolute; top: 240px; left: 63px; width: 60px} #lblEditObjectsElementsMass {position: absolute; top: 275px; left: 1px} #btnEditObjectsElementsMassUnits {position: absolute; top: 270px; left: 60px} #txtEditObjectsElementsMass {position: absolute; top: 290px; left: 1px} #lblEditObjectsElementsDiameter {position: absolute; top: 325px; left: 1px} #btnEditObjectsElementsDiameterUnits {position: absolute; top: 320px; left: 60px} #txtEditObjectsElementsDiameter {position: absolute; top: 340px; left: 1px} #lblEditObjectsElementsLocation {position: absolute; top: 385px; left: 1px; width: 120px} #btnEditObjectsElementsPositionUnits {position: absolute; top: 400px; left: 156px} #txtEditObjectsElementsX {position: absolute; top: 400px; left: 1px; width: 150px} #txtEditObjectsElementsY {position: absolute; top: 420px; left: 1px; width: 150px} #txtEditObjectsElementsZ {position: absolute; top: 440px; left: 1px; width: 150px} #lblEditObjectsElementsVelocity {position: absolute; top: 485px; left: 1px; width: 120px} #txtEditObjectsElementsVx {position: absolute; top: 500px; left: 1px; width: 150px} #txtEditObjectsElementsVy {position: absolute; top: 520px; left: 1px; width: 150px} #txtEditObjectsElementsVz {position: absolute; top: 540px; left: 1px; width: 150px} #btnEditObjectsElementsApply {position: absolute; top: 580px; left: 1px} #btnEditObjectsElementsDelete {position: absolute; top: 580px; left: 85px} #divStars {top:30px; left: 260px; height: 360px; visibility: hidden;} #lblStarsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnStarsClose {position: absolute;} #lblSelectStars {position: absolute; top: 30px; left: 1px} #selectStars {position: absolute; top: 45px; left: 1 px; z-index: 2} #lblStarBrightness{position: absolute; top: 75px; left: 1px} #txtStarBrightness{position: absolute; top: 90px; left: 1px} #hrStars{position: absolute; top: 120px; width: 100%} #checkRaDec {position: absolute; top: 140px; left: 3px; z-index: 2} #lblRaDec {position: absolute; top: 143px; left: 24px; width: 90px; z-index: 2;} #lblGridBrightness {position: absolute; top: 163px; left:1px;} #txtGridBrightness {position: absolute; top: 178px; left: 1px} #lblRaSpacing {position: absolute; top: 208px; left: 1px} #txtRaSpacing {position: absolute; top: 223px; left: 1px} #lblDecSpacing {position: absolute; top: 253px; left: 1px} #txtDecSpacing {position: absolute; top: 268px; left: 1px} #lblGridColor {position: absolute; top: 298px; left: 1px} #txtGridColor {position: absolute; top: 313px; left: 1px} #divRotatingFrame {top:30px; left: 260px; height: 330px; visibility: hidden;} #lblRotatingFrameTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnRotatingFrameClose {position: absolute;} #lblTargetObjectRF {position: absolute; top: 20px; left: 0px; z-index: 2;} #lblReferenceObjectRF {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectReferenceObjectRF {position: absolute; top: 90px; left: 0px; z-index: 2;} #lblLongitudeRF {position: absolute; top: 120px; left: 0px; z-index: 2;} #lblAltitudeRF {position: absolute; top: 170px; left: 0px; z-index: 2;} #txtAltitudeRF {position: absolute; top: 190px; left: 3px; width: 160px;} #lblDistanceRF {position: absolute; top: 220px; left: 0px; z-index: 2;} #txtDistanceRF {position: absolute; top: 240px; left: 3px; width: 160px;} #checkRF {position: absolute; top: 270px; left: 3px; z-index: 2;} #divLargerPlayButton {position: fixed; top: 0px; left: 0px; visibility: hidden; z-index: 2} #btnLargerPlayButton{position: absolute; top: 300px; background-image:url('http://orbitsimulator.com/gravitySimulatorCloud/playButton.png'); z-index: 3;} #btnCreatePreTrails {position: absolute; top: 210px; left: 20px} #divCitiesA{top: 30px; left:500px; height: 200px; visibility: hidden} #lblCitiesTitleA {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCitiesCloseA {position: absolute} #selectCitiesA {position: absolute; top: 40px; left: 0px; z-index: 2} #lblLatitudeCitiesA {position: absolute; top: 85px; left: 0px; z-index: 2} #txtLatitudeCitiesA {position: absolute; top: 105px; left: 0px; z-index: 2} #lblLongitudeCitiesA {position: absolute; top: 140px; left: 0px; z-index: 2} #txtLongitudeCitiesA {position: absolute; top: 165px; left: 0px; z-index: 2} #divCitiesB{top: 30px; left:500px; height: 200px; visibility: hidden} #lblCitiesTitleB {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCitiesCloseB {position: absolute} #selectCitiesB {position: absolute; top: 40px; left: 0px; z-index: 2} #lblLatitudeCitiesB {position: absolute; top: 85px; left: 0px; z-index: 2} #txtLatitudeCitiesB {position: absolute; top: 105px; left: 0px; z-index: 2} #lblLongitudeCitiesB {position: absolute; top: 140px; left: 0px; z-index: 2} #txtLongitudeCitiesB {position: absolute; top: 165px; left: 0px; z-index: 2} #divToFromA {top:30px; left: 260px; height: 490px; visibility: hidden} #lblToFromATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnToFromAClose {position: absolute;} #lblTargetObjectA {position: absolute; top: 20px; left: 0px; z-index: 2;} #selectTargetObjectA {position: absolute; top: 40px; left: 0px; z-index: 2;} #lblCameraObjectA {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectCameraObjectA {position: absolute; top: 90px; left: 0px; z-index: 2;} #spanBarycenterCheckBoxA {position: absolute; top: 120px; left: 0px; width: 90px; z-index: 2;} #checkBarycenterPerspectiveA {position: absolute; top: 120px; left: 100px; z-index: 2;} #lblMinimumObjectSizeA {position: absolute; top: 150px; left: 0px; z-index: 2;} #txtMinimumObjectSizeA {position: absolute; top: 170px; left: 0px; z-index: 2;} #lblTrailSizeA {position: absolute; top: 200px; left: 0px; z-index: 2;} #txtTrailSizeA {position: absolute; top: 220px; left: 0px; z-index: 2} #lblZoomA {position: absolute; top:246px; left: 0px; z-index:2} #pZoomInA {position: absolute; top: 270px; left: 0px; z-index:2} #txtFOVa {position: absolute; top:270px; left: 30px; z-index:2} #pZoomOutA {position: absolute; top: 270px; left: 180px; z-index:2} #checkStarsA {position: absolute; top: 310px; left: 0px; z-index: 2;} #lblStarsA {position: absolute; top: 310px; left: 20px; width: 90px; z-index: 2;} #checkStarsLabelsA {position: absolute; top: 335px; left: 0px; z-index: 2;} #lblStarsLabelsA {position: absolute; top: 335px; left: 20px; width: 90px; z-index: 2;} #checkKBOsA {position: absolute; top: 360px; left: 0px; z-index: 2;} #lblKBOsA {position: absolute; top: 360px; left: 20px; width: 90px; z-index: 2;} #checkPreTrailsA {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblPreTrailsA {position: absolute; top: 385px; left: 20px; width: 90px; z-index: 2;} #checkCrescentsA {position: absolute; top: 410px; left: 0px; z-index: 2;} #lblCrescentsA {position: absolute; top: 410px; left: 20px; width: 90px; z-index: 2;} #checkSunGraphicA {position: absolute; top: 435px; left: 0px; z-index: 2;} #lblSunGraphicA {position: absolute; top: 435px; left: 20px; width: 90px; z-index: 2;} #checkLabelsA {position: absolute; top: 460px; left: 0px;} #lblLabelsA {position: absolute; top: 460px; left: 20px} #txtFontA {position: absolute; top: 460px; left: 80px;} #divToFromB {top:330px; left: 260px; height: 294px; visibility: hidden;} #lblToFromBTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnToFromBClose {position: absolute;} #lblTargetObjectB{position: absolute; top: 20px; left: 0px; z-index: 2;} #selectTargetObjectB {position: absolute; top: 40px; left: 0px; z-index: 2;} #lblCameraObjectB {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectCameraObjectB {position: absolute; top: 90px; left: 0px; z-index: 2;} #spanBarycenterCheckBoxB {position: absolute; top: 120px; left: 0px; width: 90px; z-index: 2;} #checkBarycenterPerspectiveB {position: absolute; top: 120px; left: 100px; z-index: 2;} #lblMinimumObjectSizeB {position: absolute; top: 150px; left: 0px; z-index: 2;} #txtMinimumObjectSizeB {position: absolute; top: 170px; left: 0px; z-index: 2;} #lblTrailSizeB {position: absolute; top: 200px; left: 0px; z-index: 2;} #txtTrailSizeB {position: absolute; top: 220px; left: 0px; z-index: 2} #lblZoomB {position: absolute; top:246px; left: 0px; z-index:2} #pZoomInB {position: absolute; top: 270px; left: 0px; z-index:2} #txtFOVb {position: absolute; top:270px; left: 30px; z-index:2} #pZoomOutB {position: absolute; top: 270px; left: 180px; z-index:2} #checkStarsB {position: absolute; top: 310px; left: 0px; z-index: 2;} #lblStarsB {position: absolute; top: 310px; left: 20px; width: 90px; z-index: 2;} #checkStarsLabelsB {position: absolute; top: 335px; left: 0px; z-index: 2;} #lblStarsLabelsB {position: absolute; top: 335px; left: 20px; width: 90px; z-index: 2;} #checkKBOsB {position: absolute; top: 360px; left: 0px; z-index: 2;} #lblKBOsB {position: absolute; top: 360px; left: 20px; width: 90px; z-index: 2;} #checkPreTrailsB {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblPreTrailsB {position: absolute; top: 385px; left: 20px; width: 90px; z-index: 2;} #checkCrescentsB {position: absolute; top: 410px; left: 0px; z-index: 2;} #lblCrescentsB {position: absolute; top: 410px; left: 20px; width: 90px; z-index: 2;} #checkSunGraphicB {position: absolute; top: 435px; left: 0px; z-index: 2;} #lblSunGraphicB {position: absolute; top: 435px; left: 20px; width: 90px; z-index: 2;} #checkLabelsB {position: absolute; top: 460px; left: 0px;} #lblLabelsB {position: absolute; top: 460px; left: 20px} #txtFontB {position: absolute; top: 460px; left: 80px;} #divScreenShotImage {top:200px; left: 600px; width: 300px; height: 200px; visibility: hidden;} #lblScreenShotImageTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnScreenShotImageClose {position: absolute; left: 275px; z-index: 2} #imgScreenShotImage {position: absolute; top: 0px; left: 0px; width: 298px; height: 198px} #divOutputFile {top:200px; left: 600px; width: 300px; height: 200px; visibility: hidden;} #checkCreateDataFile{} #lblSampleEvery{} #txtSampleEvery{} #lblMaxDataSamples{} #txtMaxDataSamples{} #checkDataSma{} #checkDataEcc{} #checkDataInc{} #checkDataNode{} #checkDataPeri{} #checkDataMa{} #checkDataRx{} #checkDataRy{} #checkDataRz{} #checkDataVx{} #checkDataVy{} #checkDataVz{} #selectDataObjects{} #divQuickHelp {top:200px; left: 600px; width: 200px; height: 300px; visibility: hidden} #lblQuickHelpTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnQuickHelpClose {position: absolute; left: 180px} #txtAreaQuickHelp {position: absolute; top: 20px; left: 1px; width: 198px; height: 298px} #divAPsingleEvents {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPsingleEventsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPsingleEventsClose {position: absolute; left: 380px} #txtAreaAPsingleEvents {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPsingleEventsUpdate {position: absolute; top: 340px; left: 1px} #divAPperIteration {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPperIterationTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPperIterationClose {position: absolute; left: 380px} #txtAreaAPperIteration {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPperIterationUpdate {position: absolute; top: 340px; left: 1px} #divAPperGraphicUpdate {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPperGraphicUpdateTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPperGraphicUpdateClose {position: absolute; left: 380px} #txtAreaAPperGraphicUpdate {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPperGraphicUpdateUpdate {position: absolute; top: 340px; left: 1px} #divScreenShots {top:200px; left: 600px; height: 560px; visibility: hidden;} #lblScreenShotsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnScreenShotsClose {position: absolute;} #btnTakeScreenShots {position: absolute; top: 28px; left: 0px;} #lblScreenShotsDimensions {position: absolute; top: 108px; left: 0px} #txtScreenShotDimensions {position: absolute; top: 128px; left: 0px} #checkScreenShotsCls{position: absolute; top:158px; left: 0px} #lblScreenShotsCls{position: absolute; top: 158px; left: 25px} #checkScreenShotsAforeground{position: absolute; top: 188px; left: 0px;} #lblscreenShotsAforeground{position: absolute; top: 188px; left: 25px;} #checkScreenShotsAbackground{position: absolute; top: 218px; left: 0px;} #lblscreenShotsAbackground{position: absolute; top: 218px; left: 25px;} #lblScreenShotsAposition {position: absolute; top: 248px; left: 0px} #txtScreenShotsAposition {position: absolute; top: 268px; left: 0px} #checkScreenShotsBforeground{position: absolute; top: 298px; left: 0px;} #lblscreenShotsBforeground{position: absolute; top: 298px; left: 25px;} #checkScreenShotsBbackground{position: absolute; top: 328px; left: 0px;} #lblscreenShotsBbackground{position: absolute; top: 328px; left: 25px;} #lblScreenShotsBposition {position: absolute; top: 358px; left: 0px} #txtScreenShotsBposition {position: absolute; top: 378px; left: 0px} #lblScreenShotData {position: absolute; top:408px; left: 0px} #divPreferences {top:20px; left: 100px; height: 360px; visibility: hidden} #lblPreferencesTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnPreferencesClose {position: absolute;} #lblDoEvents {position: absolute; top: 28px; left: 0px} #txtDoEvents {position: absolute; top: 48px; left: 0px} #lblSelectIntegrator {position: absolute; top: 85px; left: 0px;} #selectIntegrator {position: absolute; top: 105px; left: 0px; z-index: 2;} #lblStepsPerRadian {position: absolute; top: 135px; left: 0px;} #txtStepsPerRadian {position: absolute; top: 165px; left: 0px;} #lblEventsDuration {position: absolute; top: 200px; left: 0px} #txtEventsDuration {position: absolute; top: 220px; left: 0px} #lblOpacity {position: absolute; top: 255px; left: 0px} #txtOpacity {position: absolute; top: 270px; left: 0px} #checkMedia {position: absolute; top: 300px; left: 1px} #lblMedia {position: absolute; top: 300px; left: 20px} #checkRealTime {position: absolute; top: 330px; left: 1px} #lblRealTime {position: absolute; top: 330px; left: 20px} #divCollisionLog {top:20px; left: 100px; height: 75px; width: 580px; visibility: hidden} #lblCollisionLogTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCollisionLogClose {position: absolute; left: 558px} #txtAreaCollisionLog {position: absolute; top: 20px; left: 1px; width: 578px; height: 54px;} #divSimulationDescription {top:20px; left: 150px; height: 75px; width: 580px; visibility: hidden} #lblSimulationDescriptionTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnSimulationDescriptionClose {position: absolute; left: 558px} #txtAreaSimulationDescription {position: absolute; top: 20px; left: 1px; width: 578px; height: 54px;} #divScreens {position: fixed; z-index: 2; top:200px; left: 600px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divEccentricity {position: absolute; z-index: 2; top:10px; left: 555px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divSMA {position: absolute; z-index: 2; top:60px; left: 555px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divVectors {top:30px; left: 350px; width: 170px; height: 420px; visibility: hidden;} #lblVectorsTitle{position: absolute; top: 0px; left: 0px; z-index: 2;} #btnVectorsClose {position: absolute; left: 150px} #selectvectorObj1A {position: absolute; top: 25px; left: 1px; z-index: 2} #selectvectorObj2A {position: absolute; top: 45px; left: 1px; z-index: 2} #btnPositionUnits {position: absolute; top: 75px; left: 1px; width: 150px} #txtObjx {position: absolute; top:95px; left: 1px} #txtObjy {position: absolute; top:115px; left: 1px} #txtObjz {position: absolute; top:135px; left: 1px} #btnVelocityUnits {position: absolute; top:165px; left: 1px; width: 150px} #txtObjvx {position: absolute; top:185px; left: 1px} #txtObjvy {position: absolute; top: 205px; left: 1px} #txtObjvz {position: absolute; top: 225px; left: 1px} #lblDistanceAndSpeed {position: absolute; top:255px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #txtDistance{position: absolute; top: 280px; left: 1px} #txtSpeed{position: absolute; top: 300px; left: 1px} #spanTangentialSpeedVectors {position: absolute; top: 330px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #lblTangentialSpeedVectors {position: absolute; top: 355px; left: 1px} #spanRadialVelocityVectors {position: absolute; top: 380px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #lblRadialVelocityVectors {position: absolute; top: 400px; left: 1px} #divFocusObject {position: fixed; z-index: 2; top:680px; left: 20px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divCreateObjects {top:200px; left: 600px; width: 650px; height: 460px; visibility: hidden;} #lblCreateObjectsTitle{position: absolute; top: 0px; left: 0px; width: 650px; z-index: 2;} #btnCreateObjectsClose {position: absolute; left: 630px} #tblCreateObjects {position: absolute; left: 0px; top: 30px} #btnCreateObjects {position: absolute; left: 0px; top: 430px; z-index: 3;} #divClones {top: 200px; left:300px; height: 450px; width: 920px; visibility: hidden} #lblClonesTitle{position: absolute; top: 0px; left: 0px; z-index: 2;} #btnClonesClose {position: absolute; left: 900px} #lblClonesPaste {position: absolute; top: 30px; left: 0px;} #txtClonesPaste {position: absolute; top: 50px; left: 0px;} #btnClonesPaste {position: absolute; top: 75px; left: 0px;} #tableCloneElements {position: absolute; top: 105px; left: 0px;} #tableCloneCovarianceMatrix {position: absolute; top: 225px; left: 0px;} #btnCreateClones {position: absolute; top: 405px; left: 0px;} #divSaveAs {top:200px; left: 600px; height: 698px; visibility: hidden} #lblSaveAsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #lblSaveAsFileName {position: absolute; top: 25px; left: 0px; z-index: 2;} #txtSaveAsFileName {position: absolute; top: 45px; left: 0px; z-index: 2;} #lblSaveAsKeywords {position: absolute; top: 75px; left: 0px; z-index: 2;} #txtSaveAsKeywords {position: absolute; top: 95px; left: 0px; z-index: 2;} #lblSaveAsDescription {position: absolute; top: 125px; left: 0px; z-index: 2;} #txtAreaSaveAsDescription {position: absolute; top: 145px; left: 0px; width: 240px; height: 200px; z-index: 2;} #lblSaveAsAuthor {position: absolute; top: 365px; left: 0px; z-index: 2;} #txtSaveAsAuthor {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblSaveAsTempLink {position: absolute; top: 415px; left: 20px; z-index: 2;} #checkSaveAsTempLink {position: absolute; top: 415px; left: 0px; z-index: 2;} #lblSaveAsShare {position: absolute; top: 435px; left: 20px; z-index: 2;} #checkSaveAsShare {position: absolute; top: 434px; left: 0px; z-index: 2;} #btnSaveAs {position: absolute; top: 465px; left: 0px; z-index: 2;} #lblSaveAsAddress {position: absolute; top: 495px; left: 0px; z-index: 2;} #spanSimURL {position: absolute; top: 515px; left: 0px; width: 245px; height: 60px z-index: 2;} //#btnSaveAsNavigateTo {position: absolute; top:515px; left: 0px; z-index: 3;} #lblSaveAsSourceCode {position: absolute; top: 595px; left: 0px; z-index: 2;} #txtAreaSaveAs {position: absolute; top:615px; left: 0px; width: 245px; height: 80px; z-index: 2;} #btnSaveAsClose {position: absolute} #divImportObjectsLite {top:210px; left: 600px; height: 110px; visibility: hidden} #lblImportObjectsLiteTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnImportObjectsLiteClose {position: absolute} #txtImportObjectsLite {position: absolute; top: 30px; left: 1px; width: 150px} #btnImportObjectsLite {position: absolute; top: 55px; left: 1px} #lblImportObjectsLite {position: absolute; top: 80px; left: 1px} #txtImportColor {position: absolute; top: 30px; left: 160px; width: 60px} #divImportObjects {top:210px; left: 600px; width: 355px; height: 560px; visibility: hidden} #lblImportObjectsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnImportObjectsClose {position: absolute; left: 334px} #checkDeleteExistingObjects{position: absolute; left: 1px; top: 35px} #lblDeleteExistingObjects {position: absolute; left: 25px; top: 28px; width: 100px;} #lblImportSetTimeDateAndTime {position: absolute; top: 30px; left: 130px; width: 165px;} #txtImportSetDateAndTime {position: absolute; top: 45px; left: 130px; width: 165px;} #btnImportNow {position: absolute; top: 45px; left:300px} #divImportButtons {position: absolute; top: 80px; left: 1px: height: 100px} #txtAreaObjects {position: absolute; width: 350px; height: 300px; top: 215px} #btnImportObjects{position: absolute; top: 530px} #divDeleteObjects {top:200px; left: 600px; height: 500px; visibility: hidden} #lblDeleteObjectsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnDeleteObjectsClose {position: absolute} #divDeleteList{position: absolute; top: 20px; left: 0px; width: 100%; height: 440px; overflow: scroll} #btnDeleteList{position: absolute; top: 466px; left: 1px;} #btnDeleteExistingObjects{position: absolute; top: 466px; left: 125px} #divPreTrailObjectList {top:200px; left: 600px; height: 500px; visibility: hidden} #lblPreTrailObjectListTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #divPTOList{position: absolute; top: 20px; left: 0px; width: 100%; height: 440px; overflow: scroll} #btnPreTrailObject{position: absolute; top: 466px;} #btnPreTrailObjectListClose {position: absolute} .classControlDiv {position: fixed; width: 250px; border: 1px solid blue; background-color: rgba(0,0,255,0.1); z-index: 2;} .classControlTitle {width: 100%; background-color: rgba(0, 0, 200, 0.8); color: white; font-family: Tahoma, Geneva, sans-serif; z-index: 2;} //.classLblData {color: cyan; background-color: Transparent; z-index: 2; border: none; opacity: 0.8} .classLblData {color: cyan; background-color: Transparent; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; z-index: 2; border: none; opacity:0.8} //.classTxtInput {color: white; background-color: rgba(12, 12, 12, 0.1); z-index: 2; border: none; opacity: 0.8} .classTxtInput {color: white; background-color: black; z-index: 2; opacity: 0.8} .classSelect {color: black; background-color: #888; z-index: 2; border: none; opacity: 0.8} .classBtn {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classTxtColor {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classBtnSmall { z-index: 3; width: 20px; height: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classBtnPlay2 { //delete me height: 460px; width: 460px; background-image:url('http://orbitsimulator.com/gravitySimulatorCloud/playButton.png'); background-repeat:no-repeat; } .classBtnPlay { z-index: 3; width: 460px; height: 460px; background-repeat:no-repeat; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .classTable{color: cyan; background-color:#111111; opacity: 0.8} .classBtnUnit { width: 40px; color: cyan; background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; } .classMenuButton:hover {background: #383;} .classBtnClose { z-index: 3; width: 20px; height: 20px; left: 228px; top: 0px; -webkit-border-radius: 15px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: red; border-color: #928e3b;} .classMenuButton {color: cyan; background-color: black; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; font-size: 16px; font-family: Geneva, Tahoma, Verdana, sans-serif; opacity: 0.8; } #btnViewMenu { //position: absolute; //top: 3px; //left: 71px; } //#lblLabelsA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreens {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreenShots {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreenWidth {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #spanScreenWidth {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblPreferences {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDoEvents {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblEventsDuration {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblUpdateGraphics {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblMinimumObjectSize {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDivEccentricity {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblEccentricity {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDivSMA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblSMA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblFocusObject {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #canvasPixels { position: absolute; z-index: 1; top: 0px; left: 0px; background-color:#000000; } #foregroundLayer { position: absolute; z-index: 2; top: 0px; left: 0px; } #canvasPixelsPerspectiveA { position: absolute; z-index: 1; top: 0px; left: 0px; background-color:#000000; } #foregroundLayerPerspectiveA { position: absolute; z-index: 2; top: 0px; left: 0px; } #trailLayerPerspectiveA { position: absolute; z-index: 2; top: 0px; left: 0px; } #canvasPixelsPerspectiveB { position: absolute; z-index: 1; top: 0px; left: 5000px; background-color:#000000; } #foregroundLayerPerspectiveB { position: absolute; z-index: 2; top: 0px; left: 5000px; } #trailLayerPerspectiveB { position: absolute; z-index: 2; top: 0px; left: 5000px; } //delete this one after all uses have been transfered to classBtnClose .btnClose { position: absolute; top: 0px; width: 15px; height: 15px; background-color: red; font-size: 8px; font-weight: bold; visibility: hidden; } #btnEccentricityClose {left: 235px} #btnSMAClose {left: 235px} #divStereo {top: 660px; left: 4px; height: 165px; visibility: hidden} #lblStereoTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #checkStereo {position: absolute; top: 25px; left: 0px;} #lblStereo {position: absolute; top: 25px; left: 22px;} #radioCrosseye {position: absolute; top: 145px; left: 0px; } #lblRCrosseye {position: absolute; top: 145px; left: 22px; } #radioParallel {position: absolute; top: 125px; left: 0px;} #lblRParallel {position: absolute; top: 125px; left: 22px; } #txtBaseline {position: absolute; top: 65px; left: 0px; z-index: 2; } #lblBaseline {position: absolute; top: 85px; left: 0px; width:100px;} #btnStereoClose {position: absolute;} </style> <script src="http://orbitsimulator.com/gravitySimulatorCloud/noStarsDynamic.js" type="text/javascript"></script></head> <body style="cursor: auto;" bgcolor="#000000" onresize="sizeFrames()" data-twttr-rendered="true"> <center> <div id="divAds"> </div> </center> <div id="divMenuShow" style="visibility: visible;"> <input class="classBtn" id="btnMenuShow" onclick="menu()" type="button" value="...>"> </div> <div id="divMenu" style="visibility: visible;"> <input class="classMenuButton" id="btnFileMenu" onclick="fileMenu()" type="button" value="File "> <input class="classMenuButton" id="btnObjectsMenu" onclick="objectsMenu()" type="button" value="Objects "> <input class="classMenuButton" id="btnTimeMenu" onclick="timeMenu()" type="button" value="Time"><br> <input class="classMenuButton" id="btnVectorMenu" style="visibility: hidden;" onclick="document.getElementById('divVectors').style.visibility='visible';" type="button" value="Vectors"> <input class="classMenuButton" id="btnCalendarDate" style="visibility: hidden;" onclick="document.getElementById('divCalendarDate').style.visibility='visible';" type="button" value="Calendar date (Local)"> <input class="classMenuButton" id="btnCalendarDateUTC" style="visibility: hidden;" onclick="document.getElementById('divCalendarDateUTC').style.visibility='visible';" type="button" value="Calendar date (UTC)"> <input class="classMenuButton" id="btnJulianDate" style="visibility: hidden;" onclick="document.getElementById('divJulianDate').style.visibility='visible';" type="button" value="Julian day"> <input class="classMenuButton" id="btnPreferencesMenu" onmouseover="hideAllMenuButtons()" onclick="preferencesMenu()" type="button" value="Preferences"> <input class="classMenuButton" id="btnTimeStepMenu" style="visibility: hidden;" onclick=" document.getElementById('divTimeStep').style.visibility='visible'" type="button" value="Time step"> <input class="classMenuButton" id="btnSetDateAndTimeMenu" style="visibility: hidden;" onclick="setCurrentTime(); document.getElementById('divSetTime').style.visibility='visible';" type="button" value="Set time & date"> <input class="classMenuButton" id="btnToFromAMenu" style="visibility: hidden;" onclick="document.getElementById('divToFromA').style.visibility='visible';" type="button" value="Frame A"> <input class="classMenuButton" id="btnToFromBMenu" style="visibility: hidden;" onclick="document.getElementById('divToFromB').style.visibility='visible';" type="button" value="Frame B"> <input class="classMenuButton" id="btnScreensMenu" style="visibility: hidden;" onclick="document.getElementById('divScreens').style.visibility='visible';" type="button" value="Screens"> <input class="classMenuButton" id="btnScreenShotsMenu" style="visibility: hidden;" onclick="document.getElementById('divScreenShots').style.visibility='visible';" type="button" value="Screen shots"> <input class="classMenuButton" id="btnCollisionLogMenu" style="visibility: hidden;" onclick="document.getElementById('divCollisionLog').style.visibility='visible';" type="button" value="Collision log"> <input class="classMenuButton" id="btnSimulationDescriptionMenu" style="visibility: hidden;" onclick="document.getElementById('divSimulationDescription').style.visibility='visible';" type="button" value="Description"> <input class="classMenuButton" id="btnQuickHelpMenu" style="visibility: hidden;" onclick="document.getElementById('divQuickHelp').style.visibility='visible';" type="button" value="Quick help"> <input class="classMenuButton" id="btnManualMenu" style="visibility: hidden;" onclick="window.open('http://orbitsimulator.com/gravitySimulatorCloud/gsimHelp.html')" type="button" value="Manual"> <input class="classMenuButton" id="btnAboutMenu" style="visibility: hidden;" onclick="window.open('http://orbitsimulator.com/gravitySimulatorCloud/gsimAbout.html')" type="button" value="About"> <input class="classMenuButton" id="btnEditObjectsVectorsMenu" style="visibility: hidden;" onclick="populateEditObjectsVectors(true); document.getElementById('divEditObjectsVectors').style.visibility='visible';" type="button" value="Edit objects (vectors)"> <input class="classMenuButton" id="btnEditObjectsElementsMenu" style="visibility: hidden;" onclick="populateEditObjectsElements(true); document.getElementById('divEditObjectsElements').style.visibility='visible';" type="button" value="Edit objects (elements)"> <input class="classMenuButton" id="btnSaveAsMenu" style="visibility: hidden;" onclick="document.getElementById('divSaveAs').style.visibility='visible';" type="button" value="Save as"> <input class="classMenuButton" id="btnDisplayMenu" onclick="displayMenu()" type="button" value="Display"> <input class="classMenuButton" id="btnRotatingFrameMenu" style="visibility: hidden;" onclick="document.getElementById('divRotatingFrame').style.visibility='visible';" type="button" value="Rotating frame"> <input class="classMenuButton" id="btnStarsMenu" style="visibility: hidden;" onclick="document.getElementById('divStars').style.visibility='visible';" type="button" value="Stars"> <input class="classMenuButton" id="btnCameraAMenu" style="visibility: hidden;" onclick="document.getElementById('divRotateCameraA').style.visibility='visible';" type="button" value="Camera A"> <input class="classMenuButton" id="btnStereoMenu" style="visibility: hidden;" onclick="document.getElementById('divStereo').style.visibility='visible';" type="button" value="Stereo"> <input class="classMenuButton" id="btnCitiesAMenu" style="visibility: hidden;" onclick="document.getElementById('divCitiesA').style.visibility='visible';" type="button" value="Cities A"> <input class="classMenuButton" id="btnCitiesBMenu" style="visibility: hidden;" onclick="document.getElementById('divCitiesB').style.visibility='visible';" type="button" value="Cities B"> <input class="classMenuButton" id="btnLargePlayMenu" style="visibility: hidden;" onclick="if (bPause == 1){pause()};centerPlayButton(); document.getElementById('divLargerPlayButton').style.visibility='visible';" type="button" value="Large play button"> <input class="classMenuButton" id="btnAutopilotMenu" onclick="autoPilotMenu()" type="button" value="Autopilot"> <input class="classMenuButton" id="btnAPsingleEventsMenu" style="visibility: hidden;" onclick="document.getElementById('divAPsingleEvents').style.visibility='visible';" type="button" value="Single events"> <input class="classMenuButton" id="btnAPperIterationMenu" style="visibility: hidden;" onclick="document.getElementById('divAPperIteration').style.visibility='visible';" type="button" value="per iteration"> <input class="classMenuButton" id="btnAPperGraphicUpdateMenu" style="visibility: hidden;" onclick="document.getElementById('divAPperGraphicUpdate').style.visibility='visible';" type="button" value="per graphic update"> <input class="classMenuButton" id="btnCreateObjectsMenu" style="visibility: hidden;" onclick="document.getElementById('divCreateObjects').style.visibility='visible';" type="button" value="Create objects"> <input class="classMenuButton" id="btnClonesMenu" style="visibility: hidden;" onclick="document.getElementById('divClones').style.visibility='visible'; document.getElementById('divClones').style.zIndex = '10'" type="button" value="Create object with clones"> <input class="classMenuButton" id="btnImportObjectsLiteMenu" style="visibility: hidden;" onclick="document.getElementById('divImportObjectsLite').style.visibility='visible'" type="button" value="Import object"> <input class="classMenuButton" id="btnImportObjectsMenu" style="visibility: hidden;" onclick="txtImportSetDateAndTime.value = UTC2(elapsedTime * 1000 + startDate); document.getElementById('divImportObjects').style.visibility='visible';" type="button" value="Import objects"> <input class="classMenuButton" id="btnDeleteObjectsMenu" style="visibility: hidden;" onclick="chooseDeletions(); document.getElementById('divDeleteObjects').style.visibility='visible';" type="button" value="Delete objects"> <input class="classMenuButton" id="btnPreTrailsMenu" style="visibility: hidden;" onclick="document.getElementById('divPreTrailObjectList').style.visibility='visible';" type="button" value="Pre trails"> <input class="classMenuButton" id="btnHelpMenu" onclick="helpMenu()" type="button" value="Help"> <input class="classBtn" id="btnMenuHide" onclick="menuHide()" type="button" value="<..."> </div> <div class="classControlDiv ui-draggable" id="divStereo" style="left: 252px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblStereoTitle">Stereo</label> <input id="checkStereo" onclick="stereo()" type="checkbox"> <label class="classLblData" id="lblStereo" for="checkStereo">Stereo</label> <input class="classTxtInput" id="txtBaseline" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeBaseline(); moveB()" type="text" value="1"> <label class="classLblData" id="lblBaseline">Baseline (deg)</label> <input name="radioStereo" id="radioCrosseye" onclick="moveB()" type="radio" checked="checked"> <label class="classLblData" id="lblRCrosseye" for="radioCrosseye">Crosseye</label> <input name="radioStereo" id="radioParallel" onclick="moveB()" type="radio"> <label class="classLblData" id="lblRParallel" for="radioParallel">Parallel</label> <input class="classBtnClose" id="btnStereoClose" onclick="hideMe('divStereo')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divSetTime" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblSetTimeTitle">Set time</label> <label class="classLblData" id="lblSetTimeDateAndTime">Date and Time (UTC)</label> <input class="classTxtInput" id="txtSetDateAndTime" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input id="btnSetTimeOK" onclick="setDate(txtSetDateAndTime.value); updateInfo(); hideMe('divSetTime')" type="button" value="Apply"> <input class="classBtnClose" id="btnSetTimeClose" onclick="hideMe('divSetTime')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divEditObjectsVectors" style="left: 250px; top: 126px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblEditObjectsVectorsTitle">Edit objects -- state vectors</label> <input class="classBtnClose" id="btnEditObjectsVectorsClose" onclick="hideMe('divEditObjectsVectors')" type="button" value="x"> <label class="classLblData" id="lblSelectTargetObjectEOV">Object</label> <select class="classSelect" id="selectTargetObjectEOV" onchange="populateEditObjectsVectors(true)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <label class="classLblData" id="lblSelectReferenceObjectEOV">Reference object</label> <select class="classSelect" id="selectReferenceObjectEOV" onchange="populateEditObjectsVectors(false)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <label class="classLblData" id="lblEOVSelectName">Name</label> <input class="classTxtInput" id="txtEOVName" type="text"> <label class="classLblData" id="lblEditObjectsVectorsColor">Color</label> <input class="color classTxtColor" id="txtEditObjectsVectorsColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsShadow">Shadow</label> <input class="color classTxtColor" id="txtEditObjectsVectorsShadow" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsLabel">Label</label> <input class="color classTxtColor" id="txtEditObjectsVectorsLabel" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsTrail">Trail</label> <input class="color classTxtColor" id="txtEditObjectsVectorsTrail" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsSubZ">Sub Z</label> <input class="color classTxtColor" id="txtEditObjectsVectorsSubZ" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorMass">Mass</label> <input title="Earth masses" class="classBtnUnit" id="btnEditObjectsVectorMassUnits" onclick="changeMassUnit('btnEditObjectsVectorMassUnits'); populateEditObjectsVectors(false)" type="button" value="(Em)"> <input class="classTxtInput" id="txtEditObjectsVectorsMass"> <label class="classLblData" id="lblEditObjectsVectorDiameter">Diameter</label> <input class="classBtnUnit" id="btnEditObjectsVectorDiameterUnits" onclick="changeLengthUnitSmall('btnEditObjectsVectorDiameterUnits'); populateEditObjectsVectors(false)" type="button" value="(km)"> <input class="classTxtInput" id="txtEditObjectsVectorsDiameter"> <label class="classLblData" id="lblEditObjectsVectorLocation">Location (<i>x,y,z</i>)</label> <input class="classBtnUnit" id="btnEditObjectsVectorPositionUnits" onclick="changeLengthUnitLarge('btnEditObjectsVectorPositionUnits'); populateEditObjectsVectors(false)" type="button" value="(AU)"> <input class="classTxtInput" id="txtEditObjectsVectorsX"> <input class="classTxtInput" id="txtEditObjectsVectorsY"> <input class="classTxtInput" id="txtEditObjectsVectorsZ"> <label class="classLblData" id="lblEditObjectsVectorVelocity">Velocity (<i>x,y,z</i>)</label> <input class="classBtnUnit" id="btnEditObjectsVectorVelocityUnits" onclick="changeVelocityUnit('btnEditObjectsVectorVelocityUnits'); populateEditObjectsVectors(false)" type="button" value="(km/s)"> <input class="classTxtInput" id="txtEditObjectsVectorsVx"> <input class="classTxtInput" id="txtEditObjectsVectorsVy"> <input class="classTxtInput" id="txtEditObjectsVectorsVz"> <input class="classBtn" id="btnEditObjectsVectorsApply" onclick="editObjectsVectorsApply(); populateEditObjectsElements(false)" type="button" value="Apply"> <input class="classBtn" id="btnEditObjectsVectorsDelete" type="button" value="Delete"> </div> <div class="classControlDiv ui-draggable" id="divEditObjectsElements" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblEditObjectsElementsTitle">Edit objects -- orbital elements</label> <input class="classBtnClose" id="btnEditObjectsElementsClose" onclick="hideMe('divEditObjectsElements')" type="button" value="x"> <label class="classLblData" id="lblSelectTargetObjectEOE">Object</label> <select class="classSelect" id="selectTargetObjectEOE" onchange="populateEditObjectsElements(true)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <label class="classLblData" id="lblSelectReferenceObjectEOE">Reference object</label> <select class="classSelect" id="selectReferenceObjectEOE" onchange="populateEditObjectsElements(false)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <label class="classLblData" id="lblEOESelectName">Name</label> <input class="classTxtInput" id="txtEOEName" type="text"> <label class="classLblData" id="lblEditObjectsElementsColor">Color</label> <input class="color classTxtColor" id="txtEditObjectsElementsColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsShadow">Shadow</label> <input class="color classTxtColor" id="txtEditObjectsElementsShadow" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsLabel">Label</label> <input class="color classTxtColor" id="txtEditObjectsElementsLabel" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsTrail">Trail</label> <input class="color classTxtColor" id="txtEditObjectsElementsTrail" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsSubZ">Sub Z</label> <input class="color classTxtColor" id="txtEditObjectsElementsSubZ" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsMass">Mass</label> <input title="Earth masses" class="classBtnUnit" id="btnEditObjectsElementsMassUnits" onclick="changeMassUnit('btnEditObjectsElementsMassUnits'); populateEditObjectsElements(false)" type="button" value="(Em)"> <input class="classTxtInput" id="txtEditObjectsElementsMass"> <label class="classLblData" id="lblEditObjectsElementsDiameter">Diameter</label> <input class="classBtnUnit" id="btnEditObjectsElementsDiameterUnits" onclick="changeLengthUnitSmall('btnEditObjectsElementsDiameterUnits'); populateEditObjectsElements(false)" type="button" value="(km)"> <input class="classTxtInput" id="txtEditObjectsElementsDiameter"> <label class="classLblData" id="lblEditObjectsElementsLocation"><i>a, e, i</i></label> <input class="classBtnUnit" id="btnEditObjectsElementsPositionUnits" onclick="changeLengthUnitLarge('btnEditObjectsElementsPositionUnits'); populateEditObjectsElements(false)" type="button" value="(AU)"> <input class="classTxtInput" id="txtEditObjectsElementsX"> <input class="classTxtInput" id="txtEditObjectsElementsY"> <input class="classTxtInput" id="txtEditObjectsElementsZ"> <label class="classLblData" id="lblEditObjectsElementsVelocity"><i>ω, Ω, MA</i></label> <input class="classTxtInput" id="txtEditObjectsElementsVx"> <input class="classTxtInput" id="txtEditObjectsElementsVy"> <input class="classTxtInput" id="txtEditObjectsElementsVz"> <input class="classBtn" id="btnEditObjectsElementsApply" onclick="editObjectsElementsApply(); populateEditObjectsVectors(false)" type="button" value="Apply"> <input class="classBtn" id="btnEditObjectsElementsDelete" type="button" value="Delete"> </div> <div class="classControlDiv ui-draggable" id="divTimeStep" style="left: 570px; top: 72px; visibility: visible;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblTimeStepTitle">Time step</label> <input class="classBtn" id="btnPause" onclick="pause()" type="button" value=">"> <input class="classBtnSmall" id="btnTimeStepPlus" onclick="timeStepPlus()" type="button" value="+"> <span class="classTxtInput" id="spanTimeStep">1024</span> <input class="classBtnSmall" id="btnTimeStepMinus" onclick="timeStepMinus()" type="button" value="-"> <input class="classBtnClose" id="btnTimeStepClose" onclick="hideMe('divTimeStep')" type="button" value="x"> <input class="classBtn" id="btnTimeDirection" onclick="changeTimeFlow()" type="button" value=">>"> </div> <div class="classControlDiv ui-draggable" id="divRotateCameraA" style="left: 0px; top: 1px; visibility: visible;"> <label class="classControlTitle" id="lblRotateCameraATitle">Camera A</label> <input class="classBtnClose" id="btnRotateCameraAClose" onclick="hideMe('divRotateCameraA')" type="button" value="x"> <input class="slider" id="rangeRotateCameraA" onchange="rotateCameraA()" type="range" min="0" max="6.2830" step="0.001" value="0"> <input class="classTxtInput" id="txtRotateCameraA" onkeyup="cameraAoverride()" type="text" value="-999"> <label title="Degrees" class="classLblData" id="lblRotateCameraA">Azimuth</label> <input class="slider" id="rangeRotateCameraZ" onchange="rotateCameraA()" type="range" min="0.0175" max="3.124" step="0.001" value="0"> <input class="classTxtInput" id="txtRotateCameraZ" onkeyup="cameraAoverride()" type="text" value="-888"> <label title="Degrees" class="classLblData" id="lblRotateCameraZ">Altitude</label> <input class="slider" id="rangeRotateCameraD" onchange="rotateCameraA()" type="range" min="6" max="100" step="0.1" value="0"> <input class="classTxtInput" id="txtRotateCameraD" onkeyup="cameraAoverride()" type="text" value="-999"> <label title="AU" class="classLblData" id="lblRotateCameraD">Distance</label> <select title="Rotate with" class="classSelect" id="selectTargetObjectRF" onchange="changeRF()"><option value="0">Stationary</option><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <label class="classLblData" id="lblLonPlus">+</label> <input title="Phase shift" class="classTxtInput" id="txtLongitudeRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"> <input name="nameLongitude" id="radioTrueLongitude" onchange="changeRF()" type="radio" checked="checked"> <label title="True longitude" class="classLblData" id="lblTrueLongitude" for="radioTrueLongitude">TL</label> <input name="nameLongitude" id="radioMeanLongitude" onchange="changeRF()" type="radio"> <label title="Mean longitude" class="classLblData" id="lblMeanLongitude" for="radioMeanLongitude">ML</label> <input name="checkAxes" id="checkAxes" onclick="perspectiveTrails2ClsA(); perspectiveTrails2ClsB()" type="checkbox"> <label title="x, y axes" class="classLblData" id="lblAxes" for="checkAxes">Axes</label> <input name="checkStereoCA" id="checkStereoCA" onclick="stereo()" type="checkbox"> <label title="Stereo. Press Q for more options." class="classLblData" id="lblStereoCA" for="checkStereoCA">3d</label> <input name="checkKeplerCA" id="checkKeplerCA" onclick="perspectiveTrails2ClsA(); perspectiveTrails2ClsB(); checkPreTrailsA.checked = checkKeplerCA.checked; checkPreTrailsB.checked = checkKeplerCA.checked;" type="checkbox"> <label title="Superimpose Keplerian orbit" class="classLblData" id="lblKeplerCA" for="checkKeplerCA">Kepler</label> <input name="checkTrailsCA" id="checkTrailsCA" onclick="perspectiveTrailsClsA(); perspectiveTrailsClsB()" type="checkbox"> <label title="Create trails" class="classLblData" id="lblTrailsCA" for="checkTrailsCA">Trails</label> <input name="checkLabelsCA" id="checkLabelsCA" onclick="checkLabelsA.checked = checkLabelsCA.checked; checkLabelsB.checked = checkLabelsCA.checked" type="checkbox"> <label title="Labels" class="classLblData" id="lblLabelsCA" for="checkLabelsCA">Labels</label> </div> <div class="classControlDiv" id="divDistanceAndSpeedA" onmouseover="hideAllMenuButtons()" ui-draggable"=""> <label class="classControlTitle" id="lblDistanceAndSpeedATitle">Distance and speed</label> <label class="classControlTitle" id="lblCalendarLocalTitle">Local time</label> <select class="classSelect" id="selectTargetObjectDSa"></select> <select class="classSelect" id="selectTargetObjectDSa"></select> <label class="classLblData" id="lblDSaDistanceA"> <label class="classLblData" id="lblDSaSpeedA"> <label class="classLblData" id="lblDStangentialA"> <label class="classLblData" id="lblDSradialA"> </label></label></label></label></div> <div class="classControlDiv ui-draggable" id="divCalendarDate" style="left: 821px; top: 1px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCalendarLocalTitle">Local time</label> <span class="classLblData" id="spanCalendarDate">Sun Feb 11 2018 08:46:27 GMT-0500 (Eastern Standard Time)</span> <label class="classControlTitle" id="lblCalendarLocalTitle">Local time</label> </div> <div class="classControlDiv ui-draggable" id="divCalendarDateUTC" style="left: 570px; top: 1px; visibility: visible;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCalendarUTC">Coordinated Universal Time</label> <span class="classLblData" id="spanCalendarDateUTC">Sun Feb 11 2018 13:46:27 (UTC)</span> <input class="classBtnClose" id="btnCalendarDateUTCClose" onclick="hideMe('divCalendarDateUTC')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divJulianDate" style="left: 821px; top: 72px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblJulianDateTitle">Julian Day</label> <span class="classLblData" id="spanJulianDate">2458161.0739272567</span> <input class="classBtnClose" id="btnJulianDateClose" onclick="hideMe('divJulianDate')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divSaveAs" style="left: 624px; top: 128px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblSaveAsTitle">Save as</label> <input class="classBtnClose" id="btnSaveAsClose" onclick="hideMe('divSaveAs')" type="button" value="x"> <label class="classLblData" id="lblSaveAsFileName">Simulation name:</label> <input class="classTxtInput" id="txtSaveAsFileName" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <label class="classLblData" id="lblSaveAsKeywords">Keywords (optional)</label> <input class="classTxtInput" id="txtSaveAsKeywords" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <label class="classLblData" id="lblSaveAsDescription">Description (optional)</label> <textarea id="txtAreaSaveAsDescription" onkeydown="userTyping(true)" onkeyup="userTyping(false)">Tesla SpaceX </textarea> <label class="classLblData" id="lblSaveAsAuthor">Author (optional)</label> <input class="classTxtInput" id="txtSaveAsAuthor" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input id="checkSaveAsShare" onchange="if (checkSaveAsShare.checked) {checkSaveAsTempLink.checked = true}" type="checkbox"> <label class="classLblData" id="lblSaveAsShare" for="checkSaveAsShare">Share on orbitsimulator.com</label> <input id="checkSaveAsTempLink" onchange="if (checkSaveAsShare.checked) {checkSaveAsTempLink.checked = true}" type="checkbox" checked=""> <label class="classLblData" id="lblSaveAsTempLink" for="checkSaveAsShare">Create temporary link</label> <label class="classLblData" id="lblSaveAsAddress">Your simulation is here:</label> <span id="spanSimURL"></span> <label class="classLblData" id="lblSaveAsSourceCode">Source code:</label> <textarea id="txtAreaSaveAs" onkeydown="userTyping(true)" onkeyup="userTyping(false)"><!DOCTYPE html> <html id ='htmlAll'> <head> <title>SpaceX Roadster</title> <meta name = 'keywords' content = "Roadster 22018"> <meta name = 'description' content = "Tesla SpaceX "> <meta name = 'author' content = 'Tony Dunn, Robjohn53'> <meta http-equiv="content-type" content="text/html; charset = UTF-8"> <link href="http://orbitsimulator.com/gravitySimulatorCloud/jquery-ui.css" rel="stylesheet"> <script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script><script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery-1.9.1.js"></script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery-ui.js"></script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery.ui.touch-punch.min2.js"></script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/kbo.js"> </script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/synthetic.js"> </script> <script id="scriptStars" src="http://orbitsimulator.com/gravitySimulatorCloud/noStars.js"> </script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/citiesLatLon.js"> </script> <script src="http://orbitsimulator.com/gravitySimulatorCloud/jscolor.js"> </script> <script> btndescout = new Image;btndescover= new Image;btndescout.src = "http://orbitsimulator.com/gravity/articles/descorange.GIF";btndescover.src = "http://orbitsimulator.com/gravity/articles/descyellow.GIF"; btndownout = new Image;btndownover= new Image;btndownout.src = "http://orbitsimulator.com/gravity/articles/downorange.GIF";btndownover.src = "http://orbitsimulator.com/gravity/articles/downyellow.GIF"; btnsimuout = new Image;btnsimuover= new Image;btnsimuout.src = "http://orbitsimulator.com/gravity/articles/simuorange.GIF";btnsimuover.src = "http://orbitsimulator.com/gravity/articles/simuyellow.GIF"; btnmessout = new Image;btnmessover= new Image;btnmessout.src = "http://orbitsimulator.com/gravity/articles/messorange.GIF";btnmessover.src = "http://orbitsimulator.com/gravity/articles/messyellow.GIF"; btnscieout = new Image;btnscieover= new Image;btnscieout.src = "http://orbitsimulator.com/gravity/articles/scieorange.GIF";btnscieover.src = "http://orbitsimulator.com/gravity/articles/scieyellow.GIF"; btncontout = new Image;btncontover= new Image;btncontout.src = "http://orbitsimulator.com/gravity/articles/contorange.GIF";btncontover.src = "http://orbitsimulator.com/gravity/articles/contyellow.GIF"; btnlinkout = new Image;btnlinkover= new Image;btnlinkout.src = "http://orbitsimulator.com/gravity/articles/linkorange.GIF";btnlinkover.src = "http://orbitsimulator.com/gravity/articles/linkyellow.GIF"; </script> <style> nav ul ul { display: none; } nav ul li:hover > ul { display: block; } nav ul {z-index: 10; font-family: Tahoma, Geneva, sans-serif; font-size: 20px; background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 0px; border-radius: 0px; list-style: none; position: fixed; top: -20px; left: 0px; //display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li:hover label { color: #fff; } nav ul ul li:active label { color: #aaa; } nav ul li a { display: block; padding: 0px 10px; color: #757575; text-decoration: none; } nav ul li label { display: block; padding: 0px 0px; color: #757575; text-decoration: none; } nav ul li label { display: block; padding: 0px 10px; color: #757575; text-decoration: none; } nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; } nav ul ul li label { padding: 0px 10px; color: #fff; } nav ul ul li a:hover { background: #4b545f; } nav ul ul li label:hover { background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; } .slider { width: 200px; opacity: 0.8; //margin: 100px auto; } input[type="range"] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); // width: 100%; width: 200px; height: 20px; margin: 0; border: none; padding: 1px 2px; border-radius: 14px; background: #232528; box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42; -webkit-box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42; outline: none; /* no focus outline */ } input[type="range"]::-moz-range-track { border: inherit; background: transparent; } input[type="range"]::-ms-track { border: inherit; color: transparent; /* don't drawn vertical reference line */ background: transparent; } input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper { background: transparent; } input[type="range"]::-ms-tooltip { display: none; } /* thumb */ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 40px; height: 18px; border: none; border-radius: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #529de1), color-stop(100%, #245e8f)); /* android <= 2.2 */ background-image: -webkit-linear-gradient(top , #529de1 0, #245e8f 100%); /* older mobile safari and android > 2.2 */; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } input[type="range"]::-moz-range-thumb { width: 40px; height: 18px; border: none; border-radius: 12px; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } input[type="range"]::-ms-thumb { width: 40px; height: 18px; border-radius: 12px; border: 0; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } #divAds {position: absolute; top: 0px; left: 0px; width: 730px; height: 90px; z-index: 4; visibility: hidden} #divLogo {position: absolute; top: 91px; left: 0px; visibility: hidden} #imgLogo1 {position: absolute; top: 0px; left: 0px} #divNavigate {position: fixed; left: -200px; top: 400px; z-index: 4; visibility: hidden} #tableNavigate {background-color: transparent} #divMenuShow {position: fixed; z-index: 11; top: 0px; left: 0px; visibility: hidden; z-index: 10} #btnMenuShow {position: absolute; top: 0px; left: 3px; height: 25px; visibility: hidden} #divMenu {position: fixed; z-index: 10; top: 0px; left: 0px; visibility: hidden; z-index: 11} #btnMenuHide {position: absolute; top: 0px; left: 3px; height: 25px} #btnFileMenu {position: absolute; top: 0px; left: 40px; height: 25px} #btnSaveAsMenu {position: absolute; top: 25px; left: 45px; width: 150px; height: 25px; text-align: left} #btnScreenShotsMenu {position: absolute; top: 50px; left: 45px; height: 25px; width: 150px; text-align: left} #btnCollisionLogMenu {position: absolute; top: 75px; left: 45px; height: 25px; width: 150px; text-align: left} #btnObjectsMenu {position: absolute; top: 0px; left: 80px; height: 25px} #btnCreateObjectsMenu {position: absolute; top: 25px; left: 85px; height: 25px; width: 200px; text-align: left} #btnClonesMenu {position: absolute; top: 50px; left: 85px; height: 25px; width: 200px; text-align: left} #btnImportObjectsLiteMenu {position: absolute; top: 75px; left: 85px; height: 25px; width: 200px; text-align: left} //#btnImportObjectsMenu {position: absolute; top: 100px; left: 85px; height: 25px; width: 200px; text-align: left} #btnEditObjectsVectorsMenu{position: absolute; top: 100px; left: 85px; height: 25px; width: 200px; text-align: left} #btnEditObjectsElementsMenu{position: absolute; top: 125px; left: 85px; height: 25px; width: 200px; text-align: left} #btnVectorMenu {position: absolute; top: 150px; left: 85px; height: 25px; width: 200px; text-align: left} #btnDeleteObjectsMenu {position: absolute; top: 175px; left: 85px; height: 25px; width: 200px; text-align: left} #btnPreTrailsMenu {position: absolute; top: 200px; left: 85px; height: 25px; width: 200px; text-align: left} #btnTimeMenu {position: absolute; top: 0px; left: 150px; height: 25px} #btnCalendarDate {position: absolute; top: 25px; left: 155px; height: 25px; width: 170px; text-align: left} #btnCalendarDateUTC {position: absolute; top: 50px; left: 155px; height: 25px; width: 170px; text-align: left} #btnJulianDate {position: absolute; top: 75px; left: 155px; height: 25px; width: 170px; text-align: left} #btnTimeStepMenu {position: absolute; top: 100px; left: 155px; height: 25px; width: 170px; text-align: left} #btnSetDateAndTimeMenu {position: absolute; top: 125px; left: 155px; height: 25px; width: 170px; text-align: left} #btnDisplayMenu {position: absolute; top: 0px; left: 200px; height: 25px; visibility = 'visible'} #btnScreensMenu {position: absolute; top: 25px; left: 205px; height: 25px; width: 200px; text-align: left} #btnToFromAMenu {position: absolute; top: 50px; left: 205px; height: 25px; width: 200px; text-align: left} #btnToFromBMenu {position: absolute; top: 75px; left: 205px; height: 25px; width: 200px; text-align: left} #btnRotatingFrameMenu {position: absolute; top: 100px; left: 205px; height: 25px; width: 200px; text-align: left} #btnStereoMenu {position: absolute; top: 125px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCitiesAMenu {position: absolute; top: 150px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCitiesBMenu {position: absolute; top: 175px; left: 205px; height: 25px; width: 200px; text-align: left} #btnStarsMenu {position: absolute; top: 200px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCameraAMenu {position: absolute; top: 225px; left: 205px; height: 25px; width: 200px; text-align: left} #btnLargePlayMenu {position: absolute; top: 250px; left: 205px; height: 25px; width: 200px; text-align: left} #btnPreferencesMenu {position: absolute; top: 0px; left: 270px; height: 25px} #btnScreensMenu {position: absolute; top: 25px; left: 205px; height: 25px; width: 200px; text-align: left} #btnAutopilotMenu {position: absolute; top: 0px; left: 375px; height: 25px} #btnAPsingleEventsMenu {position: absolute; top: 25px; left: 380px; height: 25px; width: 150px; text-align: left} #btnAPperIterationMenu {position: absolute; top: 50px; left: 380px; height: 25px; width: 150px; text-align: left} #btnAPperGraphicUpdateMenu{position: absolute; top: 75px; left: 380px; height: 25px; width: 150px; text-align: left} #btnHelpMenu {position: absolute; top: 0px; left: 455px; height: 25px} #btnSimulationDescriptionMenu {position: absolute; top: 25px; left: 460px; height: 25px; width: 150px; text-align: left} #btnQuickHelpMenu {position: absolute; top: 50px; left: 460px; height: 25px; width: 150px; text-align: left} #btnManualMenu {position: absolute; top: 75px; left: 460px; height: 25px; width: 150px; text-align: left} #btnAboutMenu {position: absolute; top: 100px; left: 460px; height: 25px; width: 150px; text-align: left} //#divPerspective {position: absolute; z-index: 1; top:1250px; left:0px; width:1250px; height:900px;} //#divPerspective {position: absolute; z-index: 1; top:1250px; left: 0px} #divPerspective {position: absolute; z-index: 1} #divTopDown {position: absolute; z-index: 1; top: 0px; left: 0px; width:1250px; height:900px;} #divRotateCameraA {top: 800px; left: 0px; height: 125px; width: 570px} #lblRotateCameraATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnRotateCameraAClose {position: absolute; left: 550px} #rangeRotateCameraA {position: absolute; top: 25px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraA {position: absolute; top: 25px; left: 455px; width: 45px} #lblRotateCameraA {position: absolute; top: 29px; left: 505px} #rangeRotateCameraZ {position: absolute; top: 50px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraZ {position: absolute; top: 50px; left: 455px; width: 45px} #lblRotateCameraZ {position: absolute; top: 54px; left: 505px} #rangeRotateCameraD {position: absolute; top: 75px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraD {position: absolute; top: 75px; left: 455px; width: 45px} #lblRotateCameraD {position: absolute; top: 79px; left: 505px} #selectTargetObjectRF {position: absolute; top: 100px; left: 1px; max-width: 100px; z-index: 2;} #lblLonPlus {position: absolute; top: 104px; left: 107px} #txtLongitudeRF {position: absolute; top: 100px; left: 117px; width: 40px;} #radioTrueLongitude {position: absolute; top: 100px; left: 170px; z-index: 2;} #lblTrueLongitude {position: absolute; top: 104px; left: 192px; z-index: 2;} #radioMeanLongitude {position: absolute; top: 100px; left: 220px; z-index: 2;} #lblMeanLongitude {position: absolute; top: 104px; left: 242px; z-index: 2;} #checkAxes {position: absolute; top: 100px; left: 262px; z-index: 2;} #lblAxes {position: absolute; top: 104px; left: 282px; z-index: 2;} #checkStereoCA {position: absolute; top: 100px; left: 312px; z-index: 2;} #lblStereoCA {position: absolute; top: 104px; left: 332px; z-index: 2;} #checkKeplerCA {position: absolute; top: 100px; left: 357px; z-index: 2;} #lblKeplerCA {position: absolute; top: 104px; left: 377px; z-index: 2;} #checkTrailsCA {position: absolute; top: 100px; left: 427px; z-index: 2;} #lblTrailsCA {position: absolute; top: 104px; left: 447px; z-index: 2;} #checkLabelsCA {position: absolute; top: 100px; left: 497px; z-index: 2;} #lblLabelsCA {position: absolute; top: 104px; left: 517px; z-index: 2;} #divTimeStep {top: 30px; left: 260px; height: 54px;} #lblTimeStepTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnPause {position: absolute; top: 25px; left: 3px} #btnTimeStepPlus {position: absolute; top: 26px; left: 37px} #spanTimeStep {position: absolute; top: 25px; left: 64px; width: 80px} #btnTimeStepMinus {position: absolute; top: 26px; left: 180px} #btnTimeDirection {position: absolute; top: 25px; left: 210px} #btnTimeStepClose {position: absolute} #divDistanceAndSpeedA {top:120px; left: 0px; height: 70px; visibility: hidden} #lblDistanceAndSpeedATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #selectTargetObjectDSa {position: absolute; top: 45px; left: 1px; z-index: 2;} #selectReferenceObjectDSa {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblDSaDistanceA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDSaSpeedA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDStangentialA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDSradialA {position: absolute; top: 25px; left: 3px; width: 160px;} #divCalendarDate {top:120px; left: 0px; height: 70px; visibility: hidden} #lblCalendarLocalTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanCalendarDate{position: absolute; top: 30px; left: 3px;} #btnCalendarDateClose {position: absolute;} #divCalendarDateUTC {top:30px; left: 0px; height: 70px;} #lblCalendarUTC {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanCalendarDateUTC{position: absolute; top: 30px; left: 3px;} #btnCalendarDateUTCClose {position: absolute;} #divJulianDate {top: 200px; left: 0px; height: 54px; visibility: hidden} #lblJulianDateTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanJulianDate{position: absolute; top: 30px; left: 3px;} #btnJulianDateClose {position: absolute;} #divSetTime {top: 90px; left: 300px; height: 180px; visibility: hidden} #lblSetTimeTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #lblSetTimeDateAndTime {position: absolute; top: 25px; left: 3px; width: 160px;} #txtSetDateAndTime {position: absolute; top: 50px; left: 3px; width: 160px;} #btnSetTimeOK {position: absolute; top:130px; left: 3px; width: 50px;} #btnSetTimeClose{position: absolute;} #divEditObjectsVectors {top: 90px; left: 300px; height: 606px; visibility: hidden} #lblEditObjectsVectorsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnEditObjectsVectorsClose{position: absolute;} #lblSelectTargetObjectEOV {position: absolute; top: 30px; left: 1px} #selectTargetObjectEOV {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblSelectReferenceObjectEOV {position: absolute; top: 80px; left: 1px} #selectReferenceObjectEOV {position: absolute; top: 95px; left: 1px; z-index: 2;} #lblEOVSelectName {position: absolute; top: 125px; left: 1px} #txtEOVName {position: absolute; top: 140px; left: 1px} #lblEditObjectsVectorsColor {position: absolute; top: 180px; left: 1px; width: 60px} #txtEditObjectsVectorsColor {position: absolute; top: 195px; left: 1px; width: 60px} #lblEditObjectsVectorsShadow {position: absolute; top: 180px; left: 63px; width: 60px} #txtEditObjectsVectorsShadow {position: absolute; top: 195px; left: 63px; width: 60px} #lblEditObjectsVectorsLabel {position: absolute; top: 180px; left: 125px; width: 60px} #txtEditObjectsVectorsLabel {position: absolute; top: 195px; left: 125px; width: 60px} #lblEditObjectsVectorsTrail {position: absolute; top: 225px; left: 1px; width: 60px} #txtEditObjectsVectorsTrail {position: absolute; top: 240px; left: 1px; width: 60px} #lblEditObjectsVectorsSubZ {position: absolute; top: 225px; left: 63px; width: 60px} #txtEditObjectsVectorsSubZ {position: absolute; top: 240px; left: 63px; width: 60px} #lblEditObjectsVectorMass {position: absolute; top: 275px; left: 1px} #btnEditObjectsVectorMassUnits {position: absolute; top: 270px; left: 60px} #txtEditObjectsVectorsMass {position: absolute; top: 290px; left: 1px} #lblEditObjectsVectorDiameter {position: absolute; top: 325px; left: 1px} #btnEditObjectsVectorDiameterUnits {position: absolute; top: 320px; left: 60px} #txtEditObjectsVectorsDiameter {position: absolute; top: 340px; left: 1px} #lblEditObjectsVectorLocation {position: absolute; top: 385px; left: 1px; width: 120px} #btnEditObjectsVectorPositionUnits {position: absolute; top: 380px; left: 135px} #txtEditObjectsVectorsX {position: absolute; top: 400px; left: 1px} #txtEditObjectsVectorsY {position: absolute; top: 420px; left: 1px} #txtEditObjectsVectorsZ {position: absolute; top: 440px; left: 1px} #lblEditObjectsVectorVelocity {position: absolute; top: 485px; left: 1px; width: 120px} #btnEditObjectsVectorVelocityUnits {position: absolute; top: 480px; left: 135px} #txtEditObjectsVectorsVx {position: absolute; top: 500px; left: 1px} #txtEditObjectsVectorsVy {position: absolute; top: 520px; left: 1px} #txtEditObjectsVectorsVz {position: absolute; top: 540px; left: 1px} #btnEditObjectsVectorsApply {position: absolute; top: 580px; left: 1px} #btnEditObjectsVectorsDelete {position: absolute; top: 580px; left: 85px} #divEditObjectsElements {top: 90px; left: 300px; height: 606px; visibility: hidden} #lblEditObjectsElementsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnEditObjectsElementsClose{position: absolute;} #lblSelectTargetObjectEOE {position: absolute; top: 30px; left: 1px} #selectTargetObjectEOE {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblSelectReferenceObjectEOE {position: absolute; top: 80px; left: 1px} #selectReferenceObjectEOE {position: absolute; top: 95px; left: 1px; z-index: 2;} #lblEOESelectName {position: absolute; top: 125px; left: 1px} #txtEOEName {position: absolute; top: 140px; left: 1px} #lblEditObjectsElementsColor {position: absolute; top: 180px; left: 1px; width: 60px} #txtEditObjectsElementsColor {position: absolute; top: 195px; left: 1px; width: 60px} #lblEditObjectsElementsShadow {position: absolute; top: 180px; left: 63px; width: 60px} #txtEditObjectsElementsShadow {position: absolute; top: 195px; left: 63px; width: 60px} #lblEditObjectsElementsLabel {position: absolute; top: 180px; left: 125px; width: 60px} #txtEditObjectsElementsLabel {position: absolute; top: 195px; left: 125px; width: 60px} #lblEditObjectsElementsTrail {position: absolute; top: 225px; left: 1px; width: 60px} #txtEditObjectsElementsTrail {position: absolute; top: 240px; left: 1px; width: 60px} #lblEditObjectsElementsSubZ {position: absolute; top: 225px; left: 63px; width: 60px} #txtEditObjectsElementsSubZ {position: absolute; top: 240px; left: 63px; width: 60px} #lblEditObjectsElementsMass {position: absolute; top: 275px; left: 1px} #btnEditObjectsElementsMassUnits {position: absolute; top: 270px; left: 60px} #txtEditObjectsElementsMass {position: absolute; top: 290px; left: 1px} #lblEditObjectsElementsDiameter {position: absolute; top: 325px; left: 1px} #btnEditObjectsElementsDiameterUnits {position: absolute; top: 320px; left: 60px} #txtEditObjectsElementsDiameter {position: absolute; top: 340px; left: 1px} #lblEditObjectsElementsLocation {position: absolute; top: 385px; left: 1px; width: 120px} #btnEditObjectsElementsPositionUnits {position: absolute; top: 400px; left: 156px} #txtEditObjectsElementsX {position: absolute; top: 400px; left: 1px; width: 150px} #txtEditObjectsElementsY {position: absolute; top: 420px; left: 1px; width: 150px} #txtEditObjectsElementsZ {position: absolute; top: 440px; left: 1px; width: 150px} #lblEditObjectsElementsVelocity {position: absolute; top: 485px; left: 1px; width: 120px} #txtEditObjectsElementsVx {position: absolute; top: 500px; left: 1px; width: 150px} #txtEditObjectsElementsVy {position: absolute; top: 520px; left: 1px; width: 150px} #txtEditObjectsElementsVz {position: absolute; top: 540px; left: 1px; width: 150px} #btnEditObjectsElementsApply {position: absolute; top: 580px; left: 1px} #btnEditObjectsElementsDelete {position: absolute; top: 580px; left: 85px} #divStars {top:30px; left: 260px; height: 360px; visibility: hidden;} #lblStarsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnStarsClose {position: absolute;} #lblSelectStars {position: absolute; top: 30px; left: 1px} #selectStars {position: absolute; top: 45px; left: 1 px; z-index: 2} #lblStarBrightness{position: absolute; top: 75px; left: 1px} #txtStarBrightness{position: absolute; top: 90px; left: 1px} #hrStars{position: absolute; top: 120px; width: 100%} #checkRaDec {position: absolute; top: 140px; left: 3px; z-index: 2} #lblRaDec {position: absolute; top: 143px; left: 24px; width: 90px; z-index: 2;} #lblGridBrightness {position: absolute; top: 163px; left:1px;} #txtGridBrightness {position: absolute; top: 178px; left: 1px} #lblRaSpacing {position: absolute; top: 208px; left: 1px} #txtRaSpacing {position: absolute; top: 223px; left: 1px} #lblDecSpacing {position: absolute; top: 253px; left: 1px} #txtDecSpacing {position: absolute; top: 268px; left: 1px} #lblGridColor {position: absolute; top: 298px; left: 1px} #txtGridColor {position: absolute; top: 313px; left: 1px} #divRotatingFrame {top:30px; left: 260px; height: 330px; visibility: hidden;} #lblRotatingFrameTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnRotatingFrameClose {position: absolute;} #lblTargetObjectRF {position: absolute; top: 20px; left: 0px; z-index: 2;} #lblReferenceObjectRF {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectReferenceObjectRF {position: absolute; top: 90px; left: 0px; z-index: 2;} #lblLongitudeRF {position: absolute; top: 120px; left: 0px; z-index: 2;} #lblAltitudeRF {position: absolute; top: 170px; left: 0px; z-index: 2;} #txtAltitudeRF {position: absolute; top: 190px; left: 3px; width: 160px;} #lblDistanceRF {position: absolute; top: 220px; left: 0px; z-index: 2;} #txtDistanceRF {position: absolute; top: 240px; left: 3px; width: 160px;} #checkRF {position: absolute; top: 270px; left: 3px; z-index: 2;} #divLargerPlayButton {position: fixed; top: 0px; left: 0px; visibility: hidden; z-index: 2} #btnLargerPlayButton{position: absolute; top: 300px; background-image:url('http://orbitsimulator.com/gravitySimulatorCloud/playButton.png'); z-index: 3;} #btnCreatePreTrails {position: absolute; top: 210px; left: 20px} #divCitiesA{top: 30px; left:500px; height: 200px; visibility: hidden} #lblCitiesTitleA {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCitiesCloseA {position: absolute} #selectCitiesA {position: absolute; top: 40px; left: 0px; z-index: 2} #lblLatitudeCitiesA {position: absolute; top: 85px; left: 0px; z-index: 2} #txtLatitudeCitiesA {position: absolute; top: 105px; left: 0px; z-index: 2} #lblLongitudeCitiesA {position: absolute; top: 140px; left: 0px; z-index: 2} #txtLongitudeCitiesA {position: absolute; top: 165px; left: 0px; z-index: 2} #divCitiesB{top: 30px; left:500px; height: 200px; visibility: hidden} #lblCitiesTitleB {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCitiesCloseB {position: absolute} #selectCitiesB {position: absolute; top: 40px; left: 0px; z-index: 2} #lblLatitudeCitiesB {position: absolute; top: 85px; left: 0px; z-index: 2} #txtLatitudeCitiesB {position: absolute; top: 105px; left: 0px; z-index: 2} #lblLongitudeCitiesB {position: absolute; top: 140px; left: 0px; z-index: 2} #txtLongitudeCitiesB {position: absolute; top: 165px; left: 0px; z-index: 2} #divToFromA {top:30px; left: 260px; height: 490px; visibility: hidden} #lblToFromATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnToFromAClose {position: absolute;} #lblTargetObjectA {position: absolute; top: 20px; left: 0px; z-index: 2;} #selectTargetObjectA {position: absolute; top: 40px; left: 0px; z-index: 2;} #lblCameraObjectA {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectCameraObjectA {position: absolute; top: 90px; left: 0px; z-index: 2;} #spanBarycenterCheckBoxA {position: absolute; top: 120px; left: 0px; width: 90px; z-index: 2;} #checkBarycenterPerspectiveA {position: absolute; top: 120px; left: 100px; z-index: 2;} #lblMinimumObjectSizeA {position: absolute; top: 150px; left: 0px; z-index: 2;} #txtMinimumObjectSizeA {position: absolute; top: 170px; left: 0px; z-index: 2;} #lblTrailSizeA {position: absolute; top: 200px; left: 0px; z-index: 2;} #txtTrailSizeA {position: absolute; top: 220px; left: 0px; z-index: 2} #lblZoomA {position: absolute; top:246px; left: 0px; z-index:2} #pZoomInA {position: absolute; top: 270px; left: 0px; z-index:2} #txtFOVa {position: absolute; top:270px; left: 30px; z-index:2} #pZoomOutA {position: absolute; top: 270px; left: 180px; z-index:2} #checkStarsA {position: absolute; top: 310px; left: 0px; z-index: 2;} #lblStarsA {position: absolute; top: 310px; left: 20px; width: 90px; z-index: 2;} #checkStarsLabelsA {position: absolute; top: 335px; left: 0px; z-index: 2;} #lblStarsLabelsA {position: absolute; top: 335px; left: 20px; width: 90px; z-index: 2;} #checkKBOsA {position: absolute; top: 360px; left: 0px; z-index: 2;} #lblKBOsA {position: absolute; top: 360px; left: 20px; width: 90px; z-index: 2;} #checkPreTrailsA {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblPreTrailsA {position: absolute; top: 385px; left: 20px; width: 90px; z-index: 2;} #checkCrescentsA {position: absolute; top: 410px; left: 0px; z-index: 2;} #lblCrescentsA {position: absolute; top: 410px; left: 20px; width: 90px; z-index: 2;} #checkSunGraphicA {position: absolute; top: 435px; left: 0px; z-index: 2;} #lblSunGraphicA {position: absolute; top: 435px; left: 20px; width: 90px; z-index: 2;} #checkLabelsA {position: absolute; top: 460px; left: 0px;} #lblLabelsA {position: absolute; top: 460px; left: 20px} #txtFontA {position: absolute; top: 460px; left: 80px;} #divToFromB {top:330px; left: 260px; height: 294px; visibility: hidden;} #lblToFromBTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnToFromBClose {position: absolute;} #lblTargetObjectB{position: absolute; top: 20px; left: 0px; z-index: 2;} #selectTargetObjectB {position: absolute; top: 40px; left: 0px; z-index: 2;} #lblCameraObjectB {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectCameraObjectB {position: absolute; top: 90px; left: 0px; z-index: 2;} #spanBarycenterCheckBoxB {position: absolute; top: 120px; left: 0px; width: 90px; z-index: 2;} #checkBarycenterPerspectiveB {position: absolute; top: 120px; left: 100px; z-index: 2;} #lblMinimumObjectSizeB {position: absolute; top: 150px; left: 0px; z-index: 2;} #txtMinimumObjectSizeB {position: absolute; top: 170px; left: 0px; z-index: 2;} #lblTrailSizeB {position: absolute; top: 200px; left: 0px; z-index: 2;} #txtTrailSizeB {position: absolute; top: 220px; left: 0px; z-index: 2} #lblZoomB {position: absolute; top:246px; left: 0px; z-index:2} #pZoomInB {position: absolute; top: 270px; left: 0px; z-index:2} #txtFOVb {position: absolute; top:270px; left: 30px; z-index:2} #pZoomOutB {position: absolute; top: 270px; left: 180px; z-index:2} #checkStarsB {position: absolute; top: 310px; left: 0px; z-index: 2;} #lblStarsB {position: absolute; top: 310px; left: 20px; width: 90px; z-index: 2;} #checkStarsLabelsB {position: absolute; top: 335px; left: 0px; z-index: 2;} #lblStarsLabelsB {position: absolute; top: 335px; left: 20px; width: 90px; z-index: 2;} #checkKBOsB {position: absolute; top: 360px; left: 0px; z-index: 2;} #lblKBOsB {position: absolute; top: 360px; left: 20px; width: 90px; z-index: 2;} #checkPreTrailsB {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblPreTrailsB {position: absolute; top: 385px; left: 20px; width: 90px; z-index: 2;} #checkCrescentsB {position: absolute; top: 410px; left: 0px; z-index: 2;} #lblCrescentsB {position: absolute; top: 410px; left: 20px; width: 90px; z-index: 2;} #checkSunGraphicB {position: absolute; top: 435px; left: 0px; z-index: 2;} #lblSunGraphicB {position: absolute; top: 435px; left: 20px; width: 90px; z-index: 2;} #checkLabelsB {position: absolute; top: 460px; left: 0px;} #lblLabelsB {position: absolute; top: 460px; left: 20px} #txtFontB {position: absolute; top: 460px; left: 80px;} #divScreenShotImage {top:200px; left: 600px; width: 300px; height: 200px; visibility: hidden;} #lblScreenShotImageTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnScreenShotImageClose {position: absolute; left: 275px; z-index: 2} #imgScreenShotImage {position: absolute; top: 0px; left: 0px; width: 298px; height: 198px} #divOutputFile {top:200px; left: 600px; width: 300px; height: 200px; visibility: hidden;} #checkCreateDataFile{} #lblSampleEvery{} #txtSampleEvery{} #lblMaxDataSamples{} #txtMaxDataSamples{} #checkDataSma{} #checkDataEcc{} #checkDataInc{} #checkDataNode{} #checkDataPeri{} #checkDataMa{} #checkDataRx{} #checkDataRy{} #checkDataRz{} #checkDataVx{} #checkDataVy{} #checkDataVz{} #selectDataObjects{} #divQuickHelp {top:200px; left: 600px; width: 200px; height: 300px; visibility: hidden} #lblQuickHelpTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnQuickHelpClose {position: absolute; left: 180px} #txtAreaQuickHelp {position: absolute; top: 20px; left: 1px; width: 198px; height: 298px} #divAPsingleEvents {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPsingleEventsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPsingleEventsClose {position: absolute; left: 380px} #txtAreaAPsingleEvents {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPsingleEventsUpdate {position: absolute; top: 340px; left: 1px} #divAPperIteration {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPperIterationTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPperIterationClose {position: absolute; left: 380px} #txtAreaAPperIteration {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPperIterationUpdate {position: absolute; top: 340px; left: 1px} #divAPperGraphicUpdate {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPperGraphicUpdateTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPperGraphicUpdateClose {position: absolute; left: 380px} #txtAreaAPperGraphicUpdate {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPperGraphicUpdateUpdate {position: absolute; top: 340px; left: 1px} #divScreenShots {top:200px; left: 600px; height: 560px; visibility: hidden;} #lblScreenShotsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnScreenShotsClose {position: absolute;} #btnTakeScreenShots {position: absolute; top: 28px; left: 0px;} #lblScreenShotsDimensions {position: absolute; top: 108px; left: 0px} #txtScreenShotDimensions {position: absolute; top: 128px; left: 0px} #checkScreenShotsCls{position: absolute; top:158px; left: 0px} #lblScreenShotsCls{position: absolute; top: 158px; left: 25px} #checkScreenShotsAforeground{position: absolute; top: 188px; left: 0px;} #lblscreenShotsAforeground{position: absolute; top: 188px; left: 25px;} #checkScreenShotsAbackground{position: absolute; top: 218px; left: 0px;} #lblscreenShotsAbackground{position: absolute; top: 218px; left: 25px;} #lblScreenShotsAposition {position: absolute; top: 248px; left: 0px} #txtScreenShotsAposition {position: absolute; top: 268px; left: 0px} #checkScreenShotsBforeground{position: absolute; top: 298px; left: 0px;} #lblscreenShotsBforeground{position: absolute; top: 298px; left: 25px;} #checkScreenShotsBbackground{position: absolute; top: 328px; left: 0px;} #lblscreenShotsBbackground{position: absolute; top: 328px; left: 25px;} #lblScreenShotsBposition {position: absolute; top: 358px; left: 0px} #txtScreenShotsBposition {position: absolute; top: 378px; left: 0px} #lblScreenShotData {position: absolute; top:408px; left: 0px} #divPreferences {top:20px; left: 100px; height: 360px; visibility: hidden} #lblPreferencesTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnPreferencesClose {position: absolute;} #lblDoEvents {position: absolute; top: 28px; left: 0px} #txtDoEvents {position: absolute; top: 48px; left: 0px} #lblSelectIntegrator {position: absolute; top: 85px; left: 0px;} #selectIntegrator {position: absolute; top: 105px; left: 0px; z-index: 2;} #lblStepsPerRadian {position: absolute; top: 135px; left: 0px;} #txtStepsPerRadian {position: absolute; top: 165px; left: 0px;} #lblEventsDuration {position: absolute; top: 200px; left: 0px} #txtEventsDuration {position: absolute; top: 220px; left: 0px} #lblOpacity {position: absolute; top: 255px; left: 0px} #txtOpacity {position: absolute; top: 270px; left: 0px} #checkMedia {position: absolute; top: 300px; left: 1px} #lblMedia {position: absolute; top: 300px; left: 20px} #checkRealTime {position: absolute; top: 330px; left: 1px} #lblRealTime {position: absolute; top: 330px; left: 20px} #divCollisionLog {top:20px; left: 100px; height: 75px; width: 580px; visibility: hidden} #lblCollisionLogTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCollisionLogClose {position: absolute; left: 558px} #txtAreaCollisionLog {position: absolute; top: 20px; left: 1px; width: 578px; height: 54px;} #divSimulationDescription {top:20px; left: 150px; height: 75px; width: 580px; visibility: hidden} #lblSimulationDescriptionTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnSimulationDescriptionClose {position: absolute; left: 558px} #txtAreaSimulationDescription {position: absolute; top: 20px; left: 1px; width: 578px; height: 54px;} #divScreens {position: fixed; z-index: 2; top:200px; left: 600px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divEccentricity {position: absolute; z-index: 2; top:10px; left: 555px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divSMA {position: absolute; z-index: 2; top:60px; left: 555px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divVectors {top:30px; left: 350px; width: 170px; height: 420px; visibility: hidden;} #lblVectorsTitle{position: absolute; top: 0px; left: 0px; z-index: 2;} #btnVectorsClose {position: absolute; left: 150px} #selectvectorObj1A {position: absolute; top: 25px; left: 1px; z-index: 2} #selectvectorObj2A {position: absolute; top: 45px; left: 1px; z-index: 2} #btnPositionUnits {position: absolute; top: 75px; left: 1px; width: 150px} #txtObjx {position: absolute; top:95px; left: 1px} #txtObjy {position: absolute; top:115px; left: 1px} #txtObjz {position: absolute; top:135px; left: 1px} #btnVelocityUnits {position: absolute; top:165px; left: 1px; width: 150px} #txtObjvx {position: absolute; top:185px; left: 1px} #txtObjvy {position: absolute; top: 205px; left: 1px} #txtObjvz {position: absolute; top: 225px; left: 1px} #lblDistanceAndSpeed {position: absolute; top:255px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #txtDistance{position: absolute; top: 280px; left: 1px} #txtSpeed{position: absolute; top: 300px; left: 1px} #spanTangentialSpeedVectors {position: absolute; top: 330px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #lblTangentialSpeedVectors {position: absolute; top: 355px; left: 1px} #spanRadialVelocityVectors {position: absolute; top: 380px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #lblRadialVelocityVectors {position: absolute; top: 400px; left: 1px} #divFocusObject {position: fixed; z-index: 2; top:680px; left: 20px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divCreateObjects {top:200px; left: 600px; width: 650px; height: 460px; visibility: hidden;} #lblCreateObjectsTitle{position: absolute; top: 0px; left: 0px; width: 650px; z-index: 2;} #btnCreateObjectsClose {position: absolute; left: 630px} #tblCreateObjects {position: absolute; left: 0px; top: 30px} #btnCreateObjects {position: absolute; left: 0px; top: 430px; z-index: 3;} #divClones {top: 200px; left:300px; height: 450px; width: 920px; visibility: hidden} #lblClonesTitle{position: absolute; top: 0px; left: 0px; z-index: 2;} #btnClonesClose {position: absolute; left: 900px} #lblClonesPaste {position: absolute; top: 30px; left: 0px;} #txtClonesPaste {position: absolute; top: 50px; left: 0px;} #btnClonesPaste {position: absolute; top: 75px; left: 0px;} #tableCloneElements {position: absolute; top: 105px; left: 0px;} #tableCloneCovarianceMatrix {position: absolute; top: 225px; left: 0px;} #btnCreateClones {position: absolute; top: 405px; left: 0px;} #divSaveAs {top:200px; left: 600px; height: 698px; visibility: hidden} #lblSaveAsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #lblSaveAsFileName {position: absolute; top: 25px; left: 0px; z-index: 2;} #txtSaveAsFileName {position: absolute; top: 45px; left: 0px; z-index: 2;} #lblSaveAsKeywords {position: absolute; top: 75px; left: 0px; z-index: 2;} #txtSaveAsKeywords {position: absolute; top: 95px; left: 0px; z-index: 2;} #lblSaveAsDescription {position: absolute; top: 125px; left: 0px; z-index: 2;} #txtAreaSaveAsDescription {position: absolute; top: 145px; left: 0px; width: 240px; height: 200px; z-index: 2;} #lblSaveAsAuthor {position: absolute; top: 365px; left: 0px; z-index: 2;} #txtSaveAsAuthor {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblSaveAsTempLink {position: absolute; top: 415px; left: 20px; z-index: 2;} #checkSaveAsTempLink {position: absolute; top: 415px; left: 0px; z-index: 2;} #lblSaveAsShare {position: absolute; top: 435px; left: 20px; z-index: 2;} #checkSaveAsShare {position: absolute; top: 434px; left: 0px; z-index: 2;} #btnSaveAs {position: absolute; top: 465px; left: 0px; z-index: 2;} #lblSaveAsAddress {position: absolute; top: 495px; left: 0px; z-index: 2;} #spanSimURL {position: absolute; top: 515px; left: 0px; width: 245px; height: 60px z-index: 2;} //#btnSaveAsNavigateTo {position: absolute; top:515px; left: 0px; z-index: 3;} #lblSaveAsSourceCode {position: absolute; top: 595px; left: 0px; z-index: 2;} #txtAreaSaveAs {position: absolute; top:615px; left: 0px; width: 245px; height: 80px; z-index: 2;} #btnSaveAsClose {position: absolute} #divImportObjectsLite {top:210px; left: 600px; height: 110px; visibility: hidden} #lblImportObjectsLiteTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnImportObjectsLiteClose {position: absolute} #txtImportObjectsLite {position: absolute; top: 30px; left: 1px; width: 150px} #btnImportObjectsLite {position: absolute; top: 55px; left: 1px} #lblImportObjectsLite {position: absolute; top: 80px; left: 1px} #txtImportColor {position: absolute; top: 30px; left: 160px; width: 60px} #divImportObjects {top:210px; left: 600px; width: 355px; height: 560px; visibility: hidden} #lblImportObjectsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnImportObjectsClose {position: absolute; left: 334px} #checkDeleteExistingObjects{position: absolute; left: 1px; top: 35px} #lblDeleteExistingObjects {position: absolute; left: 25px; top: 28px; width: 100px;} #lblImportSetTimeDateAndTime {position: absolute; top: 30px; left: 130px; width: 165px;} #txtImportSetDateAndTime {position: absolute; top: 45px; left: 130px; width: 165px;} #btnImportNow {position: absolute; top: 45px; left:300px} #divImportButtons {position: absolute; top: 80px; left: 1px: height: 100px} #txtAreaObjects {position: absolute; width: 350px; height: 300px; top: 215px} #btnImportObjects{position: absolute; top: 530px} #divDeleteObjects {top:200px; left: 600px; height: 500px; visibility: hidden} #lblDeleteObjectsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnDeleteObjectsClose {position: absolute} #divDeleteList{position: absolute; top: 20px; left: 0px; width: 100%; height: 440px; overflow: scroll} #btnDeleteList{position: absolute; top: 466px; left: 1px;} #btnDeleteExistingObjects{position: absolute; top: 466px; left: 125px} #divPreTrailObjectList {top:200px; left: 600px; height: 500px; visibility: hidden} #lblPreTrailObjectListTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #divPTOList{position: absolute; top: 20px; left: 0px; width: 100%; height: 440px; overflow: scroll} #btnPreTrailObject{position: absolute; top: 466px;} #btnPreTrailObjectListClose {position: absolute} .classControlDiv {position: fixed; width: 250px; border: 1px solid blue; background-color: rgba(0,0,255,0.1); z-index: 2;} .classControlTitle {width: 100%; background-color: rgba(0, 0, 200, 0.8); color: white; font-family: Tahoma, Geneva, sans-serif; z-index: 2;} //.classLblData {color: cyan; background-color: Transparent; z-index: 2; border: none; opacity: 0.8} .classLblData {color: cyan; background-color: Transparent; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; z-index: 2; border: none; opacity:0.8} //.classTxtInput {color: white; background-color: rgba(12, 12, 12, 0.1); z-index: 2; border: none; opacity: 0.8} .classTxtInput {color: white; background-color: black; z-index: 2; opacity: 0.8} .classSelect {color: black; background-color: #888; z-index: 2; border: none; opacity: 0.8} .classBtn {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classTxtColor {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classBtnSmall { z-index: 3; width: 20px; height: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classBtnPlay2 { //delete me height: 460px; width: 460px; background-image:url('http://orbitsimulator.com/gravitySimulatorCloud/playButton.png'); background-repeat:no-repeat; } .classBtnPlay { z-index: 3; width: 460px; height: 460px; background-repeat:no-repeat; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .classTable{color: cyan; background-color:#111111; opacity: 0.8} .classBtnUnit { width: 40px; color: cyan; background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; } .classMenuButton:hover {background: #383;} .classBtnClose { z-index: 3; width: 20px; height: 20px; left: 228px; top: 0px; -webkit-border-radius: 15px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: red; border-color: #928e3b;} .classMenuButton {color: cyan; background-color: black; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; font-size: 16px; font-family: Geneva, Tahoma, Verdana, sans-serif; opacity: 0.8; } #btnViewMenu { //position: absolute; //top: 3px; //left: 71px; } //#lblLabelsA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreens {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreenShots {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreenWidth {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #spanScreenWidth {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblPreferences {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDoEvents {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblEventsDuration {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblUpdateGraphics {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblMinimumObjectSize {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDivEccentricity {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblEccentricity {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDivSMA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblSMA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblFocusObject {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #canvasPixels { position: absolute; z-index: 1; top: 0px; left: 0px; background-color:#000000; } #foregroundLayer { position: absolute; z-index: 2; top: 0px; left: 0px; } #canvasPixelsPerspectiveA { position: absolute; z-index: 1; top: 0px; left: 0px; background-color:#000000; } #foregroundLayerPerspectiveA { position: absolute; z-index: 2; top: 0px; left: 0px; } #trailLayerPerspectiveA { position: absolute; z-index: 2; top: 0px; left: 0px; } #canvasPixelsPerspectiveB { position: absolute; z-index: 1; top: 0px; left: 5000px; background-color:#000000; } #foregroundLayerPerspectiveB { position: absolute; z-index: 2; top: 0px; left: 5000px; } #trailLayerPerspectiveB { position: absolute; z-index: 2; top: 0px; left: 5000px; } //delete this one after all uses have been transfered to classBtnClose .btnClose { position: absolute; top: 0px; width: 15px; height: 15px; background-color: red; font-size: 8px; font-weight: bold; visibility: hidden; } #btnEccentricityClose {left: 235px} #btnSMAClose {left: 235px} #divStereo {top: 660px; left: 4px; height: 165px; visibility: hidden} #lblStereoTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #checkStereo {position: absolute; top: 25px; left: 0px;} #lblStereo {position: absolute; top: 25px; left: 22px;} #radioCrosseye {position: absolute; top: 145px; left: 0px; } #lblRCrosseye {position: absolute; top: 145px; left: 22px; } #radioParallel {position: absolute; top: 125px; left: 0px;} #lblRParallel {position: absolute; top: 125px; left: 22px; } #txtBaseline {position: absolute; top: 65px; left: 0px; z-index: 2; } #lblBaseline {position: absolute; top: 85px; left: 0px; width:100px;} #btnStereoClose {position: absolute;} </style> <script src="http://orbitsimulator.com/gravitySimulatorCloud/noStarsDynamic.js" type="text/javascript"></script></head> <body style="cursor: auto;" bgcolor="#000000" onresize="sizeFrames()" data-twttr-rendered="true"> <center> <div id="divAds"> </div> </center> <div id="divMenuShow" style="visibility: visible;"> <input class="classBtn" id="btnMenuShow" onclick="menu()" type="button" value="...>"> </div> <div id="divMenu" style="visibility: visible;"> <input class="classMenuButton" id="btnFileMenu" onclick="fileMenu()" type="button" value="File "> <input class="classMenuButton" id="btnObjectsMenu" onclick="objectsMenu()" type="button" value="Objects "> <input class="classMenuButton" id="btnTimeMenu" onclick="timeMenu()" type="button" value="Time"><br> <input class="classMenuButton" id="btnVectorMenu" style="visibility: hidden;" onclick="document.getElementById('divVectors').style.visibility='visible';" type="button" value="Vectors"> <input class="classMenuButton" id="btnCalendarDate" style="visibility: hidden;" onclick="document.getElementById('divCalendarDate').style.visibility='visible';" type="button" value="Calendar date (Local)"> <input class="classMenuButton" id="btnCalendarDateUTC" style="visibility: hidden;" onclick="document.getElementById('divCalendarDateUTC').style.visibility='visible';" type="button" value="Calendar date (UTC)"> <input class="classMenuButton" id="btnJulianDate" style="visibility: hidden;" onclick="document.getElementById('divJulianDate').style.visibility='visible';" type="button" value="Julian day"> <input class="classMenuButton" id="btnPreferencesMenu" onmouseover="hideAllMenuButtons()" onclick="preferencesMenu()" type="button" value="Preferences"> <input class="classMenuButton" id="btnTimeStepMenu" style="visibility: hidden;" onclick="&#10;document.getElementById('divTimeStep').style.visibility='visible'" type="button" value="Time step"> <input class="classMenuButton" id="btnSetDateAndTimeMenu" style="visibility: hidden;" onclick="setCurrentTime(); document.getElementById('divSetTime').style.visibility='visible';" type="button" value="Set time &amp; date"> <input class="classMenuButton" id="btnToFromAMenu" style="visibility: hidden;" onclick="document.getElementById('divToFromA').style.visibility='visible';" type="button" value="Frame A"> <input class="classMenuButton" id="btnToFromBMenu" style="visibility: hidden;" onclick="document.getElementById('divToFromB').style.visibility='visible';" type="button" value="Frame B"> <input class="classMenuButton" id="btnScreensMenu" style="visibility: hidden;" onclick="document.getElementById('divScreens').style.visibility='visible';" type="button" value="Screens"> <input class="classMenuButton" id="btnScreenShotsMenu" style="visibility: hidden;" onclick="document.getElementById('divScreenShots').style.visibility='visible';" type="button" value="Screen shots"> <input class="classMenuButton" id="btnCollisionLogMenu" style="visibility: hidden;" onclick="document.getElementById('divCollisionLog').style.visibility='visible';" type="button" value="Collision log"> <input class="classMenuButton" id="btnSimulationDescriptionMenu" style="visibility: hidden;" onclick="document.getElementById('divSimulationDescription').style.visibility='visible';" type="button" value="Description"> <input class="classMenuButton" id="btnQuickHelpMenu" style="visibility: hidden;" onclick="document.getElementById('divQuickHelp').style.visibility='visible';" type="button" value="Quick help"> <input class="classMenuButton" id="btnManualMenu" style="visibility: hidden;" onclick="window.open('http://orbitsimulator.com/gravitySimulatorCloud/gsimHelp.html')" type="button" value="Manual"> <input class="classMenuButton" id="btnAboutMenu" style="visibility: hidden;" onclick="window.open('http://orbitsimulator.com/gravitySimulatorCloud/gsimAbout.html')" type="button" value="About"> <input class="classMenuButton" id="btnEditObjectsVectorsMenu" style="visibility: hidden;" onclick="populateEditObjectsVectors(true); document.getElementById('divEditObjectsVectors').style.visibility='visible';" type="button" value="Edit objects (vectors)"> <input class="classMenuButton" id="btnEditObjectsElementsMenu" style="visibility: hidden;" onclick="populateEditObjectsElements(true); document.getElementById('divEditObjectsElements').style.visibility='visible';" type="button" value="Edit objects (elements)"> <input class="classMenuButton" id="btnSaveAsMenu" style="visibility: hidden;" onclick="document.getElementById('divSaveAs').style.visibility='visible';" type="button" value="Save as"> <input class="classMenuButton" id="btnDisplayMenu" onclick="displayMenu()" type="button" value="Display"> <input class="classMenuButton" id="btnRotatingFrameMenu" style="visibility: hidden;" onclick="document.getElementById('divRotatingFrame').style.visibility='visible';" type="button" value="Rotating frame"> <input class="classMenuButton" id="btnStarsMenu" style="visibility: hidden;" onclick="document.getElementById('divStars').style.visibility='visible';" type="button" value="Stars"> <input class="classMenuButton" id="btnCameraAMenu" style="visibility: hidden;" onclick="document.getElementById('divRotateCameraA').style.visibility='visible';" type="button" value="Camera A"> <input class="classMenuButton" id="btnStereoMenu" style="visibility: hidden;" onclick="document.getElementById('divStereo').style.visibility='visible';" type="button" value="Stereo"> <input class="classMenuButton" id="btnCitiesAMenu" style="visibility: hidden;" onclick="document.getElementById('divCitiesA').style.visibility='visible';" type="button" value="Cities A"> <input class="classMenuButton" id="btnCitiesBMenu" style="visibility: hidden;" onclick="document.getElementById('divCitiesB').style.visibility='visible';" type="button" value="Cities B"> <input class="classMenuButton" id="btnLargePlayMenu" style="visibility: hidden;" onclick="if (bPause == 1){pause()};centerPlayButton(); document.getElementById('divLargerPlayButton').style.visibility='visible';" type="button" value="Large play button"> <input class="classMenuButton" id="btnAutopilotMenu" onclick="autoPilotMenu()" type="button" value="Autopilot"> <input class="classMenuButton" id="btnAPsingleEventsMenu" style="visibility: hidden;" onclick="document.getElementById('divAPsingleEvents').style.visibility='visible';" type="button" value="Single events"> <input class="classMenuButton" id="btnAPperIterationMenu" style="visibility: hidden;" onclick="document.getElementById('divAPperIteration').style.visibility='visible';" type="button" value="per iteration"> <input class="classMenuButton" id="btnAPperGraphicUpdateMenu" style="visibility: hidden;" onclick="document.getElementById('divAPperGraphicUpdate').style.visibility='visible';" type="button" value="per graphic update"> <input class="classMenuButton" id="btnCreateObjectsMenu" style="visibility: hidden;" onclick="document.getElementById('divCreateObjects').style.visibility='visible';" type="button" value="Create objects"> <input class="classMenuButton" id="btnClonesMenu" style="visibility: hidden;" onclick="document.getElementById('divClones').style.visibility='visible'; document.getElementById('divClones').style.zIndex = '10'" type="button" value="Create object with clones"> <input class="classMenuButton" id="btnImportObjectsLiteMenu" style="visibility: hidden;" onclick="document.getElementById('divImportObjectsLite').style.visibility='visible'" type="button" value="Import object"> <input class="classMenuButton" id="btnImportObjectsMenu" style="visibility: hidden;" onclick="txtImportSetDateAndTime.value = UTC2(elapsedTime * 1000 + startDate); document.getElementById('divImportObjects').style.visibility='visible';" type="button" value="Import objects"> <input class="classMenuButton" id="btnDeleteObjectsMenu" style="visibility: hidden;" onclick="chooseDeletions(); document.getElementById('divDeleteObjects').style.visibility='visible';" type="button" value="Delete objects"> <input class="classMenuButton" id="btnPreTrailsMenu" style="visibility: hidden;" onclick="document.getElementById('divPreTrailObjectList').style.visibility='visible';" type="button" value="Pre trails"> <input class="classMenuButton" id="btnHelpMenu" onclick="helpMenu()" type="button" value="Help"> <input class="classBtn" id="btnMenuHide" onclick="menuHide()" type="button" value="<..."> </div> <div class="classControlDiv ui-draggable" id="divStereo" style="left: 252px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblStereoTitle">Stereo</label> <input id="checkStereo" onclick="stereo()" type="checkbox"> <label class="classLblData" id="lblStereo" for="checkStereo">Stereo</label> <input class="classTxtInput" id="txtBaseline" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeBaseline(); moveB()" type="text" value="1"> <label class="classLblData" id="lblBaseline">Baseline (deg)</label> <input name="radioStereo" id="radioCrosseye" onclick="moveB()" type="radio" checked="checked"> <label class="classLblData" id="lblRCrosseye" for="radioCrosseye">Crosseye</label> <input name="radioStereo" id="radioParallel" onclick="moveB()" type="radio"> <label class="classLblData" id="lblRParallel" for="radioParallel">Parallel</label> <input class="classBtnClose" id="btnStereoClose" onclick="hideMe('divStereo')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divSetTime" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblSetTimeTitle">Set time</label> <label class="classLblData" id="lblSetTimeDateAndTime">Date and Time (UTC)</label> <input class="classTxtInput" id="txtSetDateAndTime" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input id="btnSetTimeOK" onclick="setDate(txtSetDateAndTime.value); updateInfo(); hideMe('divSetTime')" type="button" value="Apply"> <input class="classBtnClose" id="btnSetTimeClose" onclick="hideMe('divSetTime')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divEditObjectsVectors" style="left: 250px; top: 126px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblEditObjectsVectorsTitle">Edit objects -- state vectors</label> <input class="classBtnClose" id="btnEditObjectsVectorsClose" onclick="hideMe('divEditObjectsVectors')" type="button" value="x"> <label class="classLblData" id="lblSelectTargetObjectEOV">Object</label> <select class="classSelect" id="selectTargetObjectEOV" onchange="populateEditObjectsVectors(true)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <label class="classLblData" id="lblSelectReferenceObjectEOV">Reference object</label> <select class="classSelect" id="selectReferenceObjectEOV" onchange="populateEditObjectsVectors(false)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <label class="classLblData" id="lblEOVSelectName">Name</label> <input class="classTxtInput" id="txtEOVName" type="text"> <label class="classLblData" id="lblEditObjectsVectorsColor">Color</label> <input class="color classTxtColor" id="txtEditObjectsVectorsColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsShadow">Shadow</label> <input class="color classTxtColor" id="txtEditObjectsVectorsShadow" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsLabel">Label</label> <input class="color classTxtColor" id="txtEditObjectsVectorsLabel" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsTrail">Trail</label> <input class="color classTxtColor" id="txtEditObjectsVectorsTrail" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorsSubZ">Sub Z</label> <input class="color classTxtColor" id="txtEditObjectsVectorsSubZ" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsVectorMass">Mass</label> <input title="Earth masses" class="classBtnUnit" id="btnEditObjectsVectorMassUnits" onclick="changeMassUnit('btnEditObjectsVectorMassUnits'); populateEditObjectsVectors(false)" type="button" value="(Em)"> <input class="classTxtInput" id="txtEditObjectsVectorsMass"> <label class="classLblData" id="lblEditObjectsVectorDiameter">Diameter</label> <input class="classBtnUnit" id="btnEditObjectsVectorDiameterUnits" onclick="changeLengthUnitSmall('btnEditObjectsVectorDiameterUnits'); populateEditObjectsVectors(false)" type="button" value="(km)"> <input class="classTxtInput" id="txtEditObjectsVectorsDiameter"> <label class="classLblData" id="lblEditObjectsVectorLocation">Location (<i>x,y,z</i>)</label> <input class="classBtnUnit" id="btnEditObjectsVectorPositionUnits" onclick="changeLengthUnitLarge('btnEditObjectsVectorPositionUnits'); populateEditObjectsVectors(false)" type="button" value="(AU)"> <input class="classTxtInput" id="txtEditObjectsVectorsX"> <input class="classTxtInput" id="txtEditObjectsVectorsY"> <input class="classTxtInput" id="txtEditObjectsVectorsZ"> <label class="classLblData" id="lblEditObjectsVectorVelocity">Velocity (<i>x,y,z</i>)</label> <input class="classBtnUnit" id="btnEditObjectsVectorVelocityUnits" onclick="changeVelocityUnit('btnEditObjectsVectorVelocityUnits'); populateEditObjectsVectors(false)" type="button" value="(km/s)"> <input class="classTxtInput" id="txtEditObjectsVectorsVx"> <input class="classTxtInput" id="txtEditObjectsVectorsVy"> <input class="classTxtInput" id="txtEditObjectsVectorsVz"> <input class="classBtn" id="btnEditObjectsVectorsApply" onclick="editObjectsVectorsApply(); populateEditObjectsElements(false)" type="button" value="Apply"> <input class="classBtn" id="btnEditObjectsVectorsDelete" type="button" value="Delete"> </div> <div class="classControlDiv ui-draggable" id="divEditObjectsElements" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblEditObjectsElementsTitle">Edit objects -- orbital elements</label> <input class="classBtnClose" id="btnEditObjectsElementsClose" onclick="hideMe('divEditObjectsElements')" type="button" value="x"> <label class="classLblData" id="lblSelectTargetObjectEOE">Object</label> <select class="classSelect" id="selectTargetObjectEOE" onchange="populateEditObjectsElements(true)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <label class="classLblData" id="lblSelectReferenceObjectEOE">Reference object</label> <select class="classSelect" id="selectReferenceObjectEOE" onchange="populateEditObjectsElements(false)"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <label class="classLblData" id="lblEOESelectName">Name</label> <input class="classTxtInput" id="txtEOEName" type="text"> <label class="classLblData" id="lblEditObjectsElementsColor">Color</label> <input class="color classTxtColor" id="txtEditObjectsElementsColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsShadow">Shadow</label> <input class="color classTxtColor" id="txtEditObjectsElementsShadow" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsLabel">Label</label> <input class="color classTxtColor" id="txtEditObjectsElementsLabel" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsTrail">Trail</label> <input class="color classTxtColor" id="txtEditObjectsElementsTrail" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsSubZ">Sub Z</label> <input class="color classTxtColor" id="txtEditObjectsElementsSubZ" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> <label class="classLblData" id="lblEditObjectsElementsMass">Mass</label> <input title="Earth masses" class="classBtnUnit" id="btnEditObjectsElementsMassUnits" onclick="changeMassUnit('btnEditObjectsElementsMassUnits'); populateEditObjectsElements(false)" type="button" value="(Em)"> <input class="classTxtInput" id="txtEditObjectsElementsMass"> <label class="classLblData" id="lblEditObjectsElementsDiameter">Diameter</label> <input class="classBtnUnit" id="btnEditObjectsElementsDiameterUnits" onclick="changeLengthUnitSmall('btnEditObjectsElementsDiameterUnits'); populateEditObjectsElements(false)" type="button" value="(km)"> <input class="classTxtInput" id="txtEditObjectsElementsDiameter"> <label class="classLblData" id="lblEditObjectsElementsLocation"><i>a, e, i</i></label> <input class="classBtnUnit" id="btnEditObjectsElementsPositionUnits" onclick="changeLengthUnitLarge('btnEditObjectsElementsPositionUnits'); populateEditObjectsElements(false)" type="button" value="(AU)"> <input class="classTxtInput" id="txtEditObjectsElementsX"> <input class="classTxtInput" id="txtEditObjectsElementsY"> <input class="classTxtInput" id="txtEditObjectsElementsZ"> <label class="classLblData" id="lblEditObjectsElementsVelocity"><i>ω, Ω, MA</i></label> <input class="classTxtInput" id="txtEditObjectsElementsVx"> <input class="classTxtInput" id="txtEditObjectsElementsVy"> <input class="classTxtInput" id="txtEditObjectsElementsVz"> <input class="classBtn" id="btnEditObjectsElementsApply" onclick="editObjectsElementsApply(); populateEditObjectsVectors(false)" type="button" value="Apply"> <input class="classBtn" id="btnEditObjectsElementsDelete" type="button" value="Delete"> </div> <div class="classControlDiv ui-draggable" id="divTimeStep" style="left: 570px; top: 72px; visibility: visible;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblTimeStepTitle">Time step</label> <input class="classBtn" id="btnPause" onclick="pause()" type="button" value=">"> <input class="classBtnSmall" id="btnTimeStepPlus" onclick="timeStepPlus()" type="button" value="+"> <span class="classTxtInput" id="spanTimeStep">1024</span> <input class="classBtnSmall" id="btnTimeStepMinus" onclick="timeStepMinus()" type="button" value="-"> <input class="classBtnClose" id="btnTimeStepClose" onclick="hideMe('divTimeStep')" type="button" value="x"> <input class="classBtn" id="btnTimeDirection" onclick="changeTimeFlow()" type="button" value=">>"> </div> <div class="classControlDiv ui-draggable" id="divRotateCameraA" style="left: 0px; top: 1px; visibility: visible;"> <label class="classControlTitle" id="lblRotateCameraATitle">Camera A</label> <input class="classBtnClose" id="btnRotateCameraAClose" onclick="hideMe('divRotateCameraA')" type="button" value="x"> <input class="slider" id="rangeRotateCameraA" onchange="rotateCameraA()" type="range" min="0" max="6.2830" step="0.001" value="0"> <input class="classTxtInput" id="txtRotateCameraA" onkeyup="cameraAoverride()" type="text" value="-999"> <label title="Degrees" class="classLblData" id="lblRotateCameraA">Azimuth</label> <input class="slider" id="rangeRotateCameraZ" onchange="rotateCameraA()" type="range" min="0.0175" max="3.124" step="0.001" value="0"> <input class="classTxtInput" id="txtRotateCameraZ" onkeyup="cameraAoverride()" type="text" value="-888"> <label title="Degrees" class="classLblData" id="lblRotateCameraZ">Altitude</label> <input class="slider" id="rangeRotateCameraD" onchange="rotateCameraA()" type="range" min="6" max="100" step="0.1" value="0"> <input class="classTxtInput" id="txtRotateCameraD" onkeyup="cameraAoverride()" type="text" value="-999"> <label title="AU" class="classLblData" id="lblRotateCameraD">Distance</label> <select title="Rotate with" class="classSelect" id="selectTargetObjectRF" onchange="changeRF()"><option value="0">Stationary</option><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <label class="classLblData" id="lblLonPlus">+</label> <input title="Phase shift" class="classTxtInput" id="txtLongitudeRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"> <input name="nameLongitude" id="radioTrueLongitude" onchange="changeRF()" type="radio" checked="checked"> <label title="True longitude" class="classLblData" id="lblTrueLongitude" for="radioTrueLongitude">TL</label> <input name="nameLongitude" id="radioMeanLongitude" onchange="changeRF()" type="radio"> <label title="Mean longitude" class="classLblData" id="lblMeanLongitude" for="radioMeanLongitude">ML</label> <input name="checkAxes" id="checkAxes" onclick="perspectiveTrails2ClsA(); perspectiveTrails2ClsB()" type="checkbox"> <label title="x, y axes" class="classLblData" id="lblAxes" for="checkAxes">Axes</label> <input name="checkStereoCA" id="checkStereoCA" onclick="stereo()" type="checkbox"> <label title="Stereo. Press Q for more options." class="classLblData" id="lblStereoCA" for="checkStereoCA">3d</label> <input name="checkKeplerCA" id="checkKeplerCA" onclick="perspectiveTrails2ClsA(); perspectiveTrails2ClsB(); checkPreTrailsA.checked = checkKeplerCA.checked; checkPreTrailsB.checked = checkKeplerCA.checked;" type="checkbox"> <label title="Superimpose Keplerian orbit" class="classLblData" id="lblKeplerCA" for="checkKeplerCA">Kepler</label> <input name="checkTrailsCA" id="checkTrailsCA" onclick="perspectiveTrailsClsA(); perspectiveTrailsClsB()" type="checkbox"> <label title="Create trails" class="classLblData" id="lblTrailsCA" for="checkTrailsCA">Trails</label> <input name="checkLabelsCA" id="checkLabelsCA" onclick="checkLabelsA.checked = checkLabelsCA.checked; checkLabelsB.checked = checkLabelsCA.checked" type="checkbox"> <label title="Labels" class="classLblData" id="lblLabelsCA" for="checkLabelsCA">Labels</label> </div> <div class="classControlDiv" id="divDistanceAndSpeedA" onmouseover="hideAllMenuButtons()" ui-draggable"=""> <label class="classControlTitle" id="lblDistanceAndSpeedATitle">Distance and speed</label> <label class="classControlTitle" id="lblCalendarLocalTitle">Local time</label> <select class="classSelect" id="selectTargetObjectDSa"></select> <select class="classSelect" id="selectTargetObjectDSa"></select> <label class="classLblData" id="lblDSaDistanceA"> <label class="classLblData" id="lblDSaSpeedA"> <label class="classLblData" id="lblDStangentialA"> <label class="classLblData" id="lblDSradialA"> </label></label></label></label></div> <div class="classControlDiv ui-draggable" id="divCalendarDate" style="left: 821px; top: 1px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCalendarLocalTitle">Local time</label> <span class="classLblData" id="spanCalendarDate">Sun Feb 11 2018 08:46:27 GMT-0500 (Eastern Standard Time)</span> <label class="classControlTitle" id="lblCalendarLocalTitle">Local time</label> </div> <div class="classControlDiv ui-draggable" id="divCalendarDateUTC" style="left: 570px; top: 1px; visibility: visible;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCalendarUTC">Coordinated Universal Time</label> <span class="classLblData" id="spanCalendarDateUTC">Sun Feb 11 2018 13:46:27 (UTC)</span> <input class="classBtnClose" id="btnCalendarDateUTCClose" onclick="hideMe('divCalendarDateUTC')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divJulianDate" style="left: 821px; top: 72px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblJulianDateTitle">Julian Day</label> <span class="classLblData" id="spanJulianDate">2458161.0739272567</span> <input class="classBtnClose" id="btnJulianDateClose" onclick="hideMe('divJulianDate')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divSaveAs" style="left: 624px; top: 128px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblSaveAsTitle">Save as</label> <input class="classBtnClose" id="btnSaveAsClose" onclick="hideMe('divSaveAs')" type="button" value="x"> <label class="classLblData" id="lblSaveAsFileName">Simulation name:</label> <input class="classTxtInput" id="txtSaveAsFileName" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <label class="classLblData" id="lblSaveAsKeywords">Keywords (optional)</label> <input class="classTxtInput" id="txtSaveAsKeywords" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <label class="classLblData" id="lblSaveAsDescription">Description (optional)</label> <textarea id="txtAreaSaveAsDescription" onkeydown="userTyping(true)" onkeyup="userTyping(false)">Tesla SpaceX </textarea> <label class="classLblData" id="lblSaveAsAuthor">Author (optional)</label> <input class="classTxtInput" id="txtSaveAsAuthor" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input id="checkSaveAsShare" onchange="if (checkSaveAsShare.checked) {checkSaveAsTempLink.checked = true}" type="checkbox"> <label class="classLblData" id="lblSaveAsShare" for="checkSaveAsShare">Share on orbitsimulator.com</label> <input id="checkSaveAsTempLink" onchange="if (checkSaveAsShare.checked) {checkSaveAsTempLink.checked = true}" type="checkbox" checked=""> <label class="classLblData" id="lblSaveAsTempLink" for="checkSaveAsShare">Create temporary link</label> <label class="classLblData" id="lblSaveAsAddress">Your simulation is here:</label> <span id="spanSimURL"></span> <label class="classLblData" id="lblSaveAsSourceCode">Source code:</label> <textarea id="txtAreaSaveAs" onkeydown="userTyping(true)" onkeyup="userTyping(false)">&lt;!DOCTYPE html&gt; &lt;html id ='htmlAll'&gt; &lt;head&gt; &lt;title&gt;SpaceX Roadster&lt;/title&gt; &lt;meta name = 'keywords' content = "Roadster 22018"&gt; &lt;meta name = 'description' content = "Tesla SpaceX "&gt; &lt;meta name = 'author' content = 'Tony Dunn, Robjohn53'&gt; &lt;meta http-equiv="content-type" content="text/html; charset = UTF-8"&gt; &lt;link href="http://orbitsimulator.com/gravitySimulatorCloud/jquery-ui.css" rel="stylesheet"&gt; &lt;script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"&gt;&lt;/script&gt;&lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery-1.9.1.js"&gt;&lt;/script&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery-ui.js"&gt;&lt;/script&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/jquery.ui.touch-punch.min2.js"&gt;&lt;/script&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/kbo.js"&gt; &lt;/script&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/synthetic.js"&gt; &lt;/script&gt; &lt;script id="scriptStars" src="http://orbitsimulator.com/gravitySimulatorCloud/noStars.js"&gt; &lt;/script&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/citiesLatLon.js"&gt; &lt;/script&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/jscolor.js"&gt; &lt;/script&gt; &lt;script&gt; btndescout = new Image;btndescover= new Image;btndescout.src = "http://orbitsimulator.com/gravity/articles/descorange.GIF";btndescover.src = "http://orbitsimulator.com/gravity/articles/descyellow.GIF"; btndownout = new Image;btndownover= new Image;btndownout.src = "http://orbitsimulator.com/gravity/articles/downorange.GIF";btndownover.src = "http://orbitsimulator.com/gravity/articles/downyellow.GIF"; btnsimuout = new Image;btnsimuover= new Image;btnsimuout.src = "http://orbitsimulator.com/gravity/articles/simuorange.GIF";btnsimuover.src = "http://orbitsimulator.com/gravity/articles/simuyellow.GIF"; btnmessout = new Image;btnmessover= new Image;btnmessout.src = "http://orbitsimulator.com/gravity/articles/messorange.GIF";btnmessover.src = "http://orbitsimulator.com/gravity/articles/messyellow.GIF"; btnscieout = new Image;btnscieover= new Image;btnscieout.src = "http://orbitsimulator.com/gravity/articles/scieorange.GIF";btnscieover.src = "http://orbitsimulator.com/gravity/articles/scieyellow.GIF"; btncontout = new Image;btncontover= new Image;btncontout.src = "http://orbitsimulator.com/gravity/articles/contorange.GIF";btncontover.src = "http://orbitsimulator.com/gravity/articles/contyellow.GIF"; btnlinkout = new Image;btnlinkover= new Image;btnlinkout.src = "http://orbitsimulator.com/gravity/articles/linkorange.GIF";btnlinkover.src = "http://orbitsimulator.com/gravity/articles/linkyellow.GIF"; &lt;/script&gt; &lt;style&gt; nav ul ul { display: none; } nav ul li:hover &gt; ul { display: block; } nav ul {z-index: 10; font-family: Tahoma, Geneva, sans-serif; font-size: 20px; background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 0px; border-radius: 0px; list-style: none; position: fixed; top: -20px; left: 0px; //display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li:hover label { color: #fff; } nav ul ul li:active label { color: #aaa; } nav ul li a { display: block; padding: 0px 10px; color: #757575; text-decoration: none; } nav ul li label { display: block; padding: 0px 0px; color: #757575; text-decoration: none; } nav ul li label { display: block; padding: 0px 10px; color: #757575; text-decoration: none; } nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; } nav ul ul li label { padding: 0px 10px; color: #fff; } nav ul ul li a:hover { background: #4b545f; } nav ul ul li label:hover { background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; } .slider { width: 200px; opacity: 0.8; //margin: 100px auto; } input[type="range"] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); // width: 100%; width: 200px; height: 20px; margin: 0; border: none; padding: 1px 2px; border-radius: 14px; background: #232528; box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42; -webkit-box-shadow: inset 0 1px 0 0 #0d0e0f, inset 0 -1px 0 0 #3a3d42; outline: none; /* no focus outline */ } input[type="range"]::-moz-range-track { border: inherit; background: transparent; } input[type="range"]::-ms-track { border: inherit; color: transparent; /* don't drawn vertical reference line */ background: transparent; } input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper { background: transparent; } input[type="range"]::-ms-tooltip { display: none; } /* thumb */ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 40px; height: 18px; border: none; border-radius: 12px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #529de1), color-stop(100%, #245e8f)); /* android &lt;= 2.2 */ background-image: -webkit-linear-gradient(top , #529de1 0, #245e8f 100%); /* older mobile safari and android &gt; 2.2 */; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } input[type="range"]::-moz-range-thumb { width: 40px; height: 18px; border: none; border-radius: 12px; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } input[type="range"]::-ms-thumb { width: 40px; height: 18px; border-radius: 12px; border: 0; background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */ } #divAds {position: absolute; top: 0px; left: 0px; width: 730px; height: 90px; z-index: 4; visibility: hidden} #divLogo {position: absolute; top: 91px; left: 0px; visibility: hidden} #imgLogo1 {position: absolute; top: 0px; left: 0px} #divNavigate {position: fixed; left: -200px; top: 400px; z-index: 4; visibility: hidden} #tableNavigate {background-color: transparent} #divMenuShow {position: fixed; z-index: 11; top: 0px; left: 0px; visibility: hidden; z-index: 10} #btnMenuShow {position: absolute; top: 0px; left: 3px; height: 25px; visibility: hidden} #divMenu {position: fixed; z-index: 10; top: 0px; left: 0px; visibility: hidden; z-index: 11} #btnMenuHide {position: absolute; top: 0px; left: 3px; height: 25px} #btnFileMenu {position: absolute; top: 0px; left: 40px; height: 25px} #btnSaveAsMenu {position: absolute; top: 25px; left: 45px; width: 150px; height: 25px; text-align: left} #btnScreenShotsMenu {position: absolute; top: 50px; left: 45px; height: 25px; width: 150px; text-align: left} #btnCollisionLogMenu {position: absolute; top: 75px; left: 45px; height: 25px; width: 150px; text-align: left} #btnObjectsMenu {position: absolute; top: 0px; left: 80px; height: 25px} #btnCreateObjectsMenu {position: absolute; top: 25px; left: 85px; height: 25px; width: 200px; text-align: left} #btnClonesMenu {position: absolute; top: 50px; left: 85px; height: 25px; width: 200px; text-align: left} #btnImportObjectsLiteMenu {position: absolute; top: 75px; left: 85px; height: 25px; width: 200px; text-align: left} //#btnImportObjectsMenu {position: absolute; top: 100px; left: 85px; height: 25px; width: 200px; text-align: left} #btnEditObjectsVectorsMenu{position: absolute; top: 100px; left: 85px; height: 25px; width: 200px; text-align: left} #btnEditObjectsElementsMenu{position: absolute; top: 125px; left: 85px; height: 25px; width: 200px; text-align: left} #btnVectorMenu {position: absolute; top: 150px; left: 85px; height: 25px; width: 200px; text-align: left} #btnDeleteObjectsMenu {position: absolute; top: 175px; left: 85px; height: 25px; width: 200px; text-align: left} #btnPreTrailsMenu {position: absolute; top: 200px; left: 85px; height: 25px; width: 200px; text-align: left} #btnTimeMenu {position: absolute; top: 0px; left: 150px; height: 25px} #btnCalendarDate {position: absolute; top: 25px; left: 155px; height: 25px; width: 170px; text-align: left} #btnCalendarDateUTC {position: absolute; top: 50px; left: 155px; height: 25px; width: 170px; text-align: left} #btnJulianDate {position: absolute; top: 75px; left: 155px; height: 25px; width: 170px; text-align: left} #btnTimeStepMenu {position: absolute; top: 100px; left: 155px; height: 25px; width: 170px; text-align: left} #btnSetDateAndTimeMenu {position: absolute; top: 125px; left: 155px; height: 25px; width: 170px; text-align: left} #btnDisplayMenu {position: absolute; top: 0px; left: 200px; height: 25px; visibility = 'visible'} #btnScreensMenu {position: absolute; top: 25px; left: 205px; height: 25px; width: 200px; text-align: left} #btnToFromAMenu {position: absolute; top: 50px; left: 205px; height: 25px; width: 200px; text-align: left} #btnToFromBMenu {position: absolute; top: 75px; left: 205px; height: 25px; width: 200px; text-align: left} #btnRotatingFrameMenu {position: absolute; top: 100px; left: 205px; height: 25px; width: 200px; text-align: left} #btnStereoMenu {position: absolute; top: 125px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCitiesAMenu {position: absolute; top: 150px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCitiesBMenu {position: absolute; top: 175px; left: 205px; height: 25px; width: 200px; text-align: left} #btnStarsMenu {position: absolute; top: 200px; left: 205px; height: 25px; width: 200px; text-align: left} #btnCameraAMenu {position: absolute; top: 225px; left: 205px; height: 25px; width: 200px; text-align: left} #btnLargePlayMenu {position: absolute; top: 250px; left: 205px; height: 25px; width: 200px; text-align: left} #btnPreferencesMenu {position: absolute; top: 0px; left: 270px; height: 25px} #btnScreensMenu {position: absolute; top: 25px; left: 205px; height: 25px; width: 200px; text-align: left} #btnAutopilotMenu {position: absolute; top: 0px; left: 375px; height: 25px} #btnAPsingleEventsMenu {position: absolute; top: 25px; left: 380px; height: 25px; width: 150px; text-align: left} #btnAPperIterationMenu {position: absolute; top: 50px; left: 380px; height: 25px; width: 150px; text-align: left} #btnAPperGraphicUpdateMenu{position: absolute; top: 75px; left: 380px; height: 25px; width: 150px; text-align: left} #btnHelpMenu {position: absolute; top: 0px; left: 455px; height: 25px} #btnSimulationDescriptionMenu {position: absolute; top: 25px; left: 460px; height: 25px; width: 150px; text-align: left} #btnQuickHelpMenu {position: absolute; top: 50px; left: 460px; height: 25px; width: 150px; text-align: left} #btnManualMenu {position: absolute; top: 75px; left: 460px; height: 25px; width: 150px; text-align: left} #btnAboutMenu {position: absolute; top: 100px; left: 460px; height: 25px; width: 150px; text-align: left} //#divPerspective {position: absolute; z-index: 1; top:1250px; left:0px; width:1250px; height:900px;} //#divPerspective {position: absolute; z-index: 1; top:1250px; left: 0px} #divPerspective {position: absolute; z-index: 1} #divTopDown {position: absolute; z-index: 1; top: 0px; left: 0px; width:1250px; height:900px;} #divRotateCameraA {top: 800px; left: 0px; height: 125px; width: 570px} #lblRotateCameraATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnRotateCameraAClose {position: absolute; left: 550px} #rangeRotateCameraA {position: absolute; top: 25px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraA {position: absolute; top: 25px; left: 455px; width: 45px} #lblRotateCameraA {position: absolute; top: 29px; left: 505px} #rangeRotateCameraZ {position: absolute; top: 50px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraZ {position: absolute; top: 50px; left: 455px; width: 45px} #lblRotateCameraZ {position: absolute; top: 54px; left: 505px} #rangeRotateCameraD {position: absolute; top: 75px; left: 0px; width: 450px; z-index: 2} #txtRotateCameraD {position: absolute; top: 75px; left: 455px; width: 45px} #lblRotateCameraD {position: absolute; top: 79px; left: 505px} #selectTargetObjectRF {position: absolute; top: 100px; left: 1px; max-width: 100px; z-index: 2;} #lblLonPlus {position: absolute; top: 104px; left: 107px} #txtLongitudeRF {position: absolute; top: 100px; left: 117px; width: 40px;} #radioTrueLongitude {position: absolute; top: 100px; left: 170px; z-index: 2;} #lblTrueLongitude {position: absolute; top: 104px; left: 192px; z-index: 2;} #radioMeanLongitude {position: absolute; top: 100px; left: 220px; z-index: 2;} #lblMeanLongitude {position: absolute; top: 104px; left: 242px; z-index: 2;} #checkAxes {position: absolute; top: 100px; left: 262px; z-index: 2;} #lblAxes {position: absolute; top: 104px; left: 282px; z-index: 2;} #checkStereoCA {position: absolute; top: 100px; left: 312px; z-index: 2;} #lblStereoCA {position: absolute; top: 104px; left: 332px; z-index: 2;} #checkKeplerCA {position: absolute; top: 100px; left: 357px; z-index: 2;} #lblKeplerCA {position: absolute; top: 104px; left: 377px; z-index: 2;} #checkTrailsCA {position: absolute; top: 100px; left: 427px; z-index: 2;} #lblTrailsCA {position: absolute; top: 104px; left: 447px; z-index: 2;} #checkLabelsCA {position: absolute; top: 100px; left: 497px; z-index: 2;} #lblLabelsCA {position: absolute; top: 104px; left: 517px; z-index: 2;} #divTimeStep {top: 30px; left: 260px; height: 54px;} #lblTimeStepTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnPause {position: absolute; top: 25px; left: 3px} #btnTimeStepPlus {position: absolute; top: 26px; left: 37px} #spanTimeStep {position: absolute; top: 25px; left: 64px; width: 80px} #btnTimeStepMinus {position: absolute; top: 26px; left: 180px} #btnTimeDirection {position: absolute; top: 25px; left: 210px} #btnTimeStepClose {position: absolute} #divDistanceAndSpeedA {top:120px; left: 0px; height: 70px; visibility: hidden} #lblDistanceAndSpeedATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #selectTargetObjectDSa {position: absolute; top: 45px; left: 1px; z-index: 2;} #selectReferenceObjectDSa {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblDSaDistanceA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDSaSpeedA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDStangentialA {position: absolute; top: 25px; left: 3px; width: 160px;} #lblDSradialA {position: absolute; top: 25px; left: 3px; width: 160px;} #divCalendarDate {top:120px; left: 0px; height: 70px; visibility: hidden} #lblCalendarLocalTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanCalendarDate{position: absolute; top: 30px; left: 3px;} #btnCalendarDateClose {position: absolute;} #divCalendarDateUTC {top:30px; left: 0px; height: 70px;} #lblCalendarUTC {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanCalendarDateUTC{position: absolute; top: 30px; left: 3px;} #btnCalendarDateUTCClose {position: absolute;} #divJulianDate {top: 200px; left: 0px; height: 54px; visibility: hidden} #lblJulianDateTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #spanJulianDate{position: absolute; top: 30px; left: 3px;} #btnJulianDateClose {position: absolute;} #divSetTime {top: 90px; left: 300px; height: 180px; visibility: hidden} #lblSetTimeTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #lblSetTimeDateAndTime {position: absolute; top: 25px; left: 3px; width: 160px;} #txtSetDateAndTime {position: absolute; top: 50px; left: 3px; width: 160px;} #btnSetTimeOK {position: absolute; top:130px; left: 3px; width: 50px;} #btnSetTimeClose{position: absolute;} #divEditObjectsVectors {top: 90px; left: 300px; height: 606px; visibility: hidden} #lblEditObjectsVectorsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnEditObjectsVectorsClose{position: absolute;} #lblSelectTargetObjectEOV {position: absolute; top: 30px; left: 1px} #selectTargetObjectEOV {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblSelectReferenceObjectEOV {position: absolute; top: 80px; left: 1px} #selectReferenceObjectEOV {position: absolute; top: 95px; left: 1px; z-index: 2;} #lblEOVSelectName {position: absolute; top: 125px; left: 1px} #txtEOVName {position: absolute; top: 140px; left: 1px} #lblEditObjectsVectorsColor {position: absolute; top: 180px; left: 1px; width: 60px} #txtEditObjectsVectorsColor {position: absolute; top: 195px; left: 1px; width: 60px} #lblEditObjectsVectorsShadow {position: absolute; top: 180px; left: 63px; width: 60px} #txtEditObjectsVectorsShadow {position: absolute; top: 195px; left: 63px; width: 60px} #lblEditObjectsVectorsLabel {position: absolute; top: 180px; left: 125px; width: 60px} #txtEditObjectsVectorsLabel {position: absolute; top: 195px; left: 125px; width: 60px} #lblEditObjectsVectorsTrail {position: absolute; top: 225px; left: 1px; width: 60px} #txtEditObjectsVectorsTrail {position: absolute; top: 240px; left: 1px; width: 60px} #lblEditObjectsVectorsSubZ {position: absolute; top: 225px; left: 63px; width: 60px} #txtEditObjectsVectorsSubZ {position: absolute; top: 240px; left: 63px; width: 60px} #lblEditObjectsVectorMass {position: absolute; top: 275px; left: 1px} #btnEditObjectsVectorMassUnits {position: absolute; top: 270px; left: 60px} #txtEditObjectsVectorsMass {position: absolute; top: 290px; left: 1px} #lblEditObjectsVectorDiameter {position: absolute; top: 325px; left: 1px} #btnEditObjectsVectorDiameterUnits {position: absolute; top: 320px; left: 60px} #txtEditObjectsVectorsDiameter {position: absolute; top: 340px; left: 1px} #lblEditObjectsVectorLocation {position: absolute; top: 385px; left: 1px; width: 120px} #btnEditObjectsVectorPositionUnits {position: absolute; top: 380px; left: 135px} #txtEditObjectsVectorsX {position: absolute; top: 400px; left: 1px} #txtEditObjectsVectorsY {position: absolute; top: 420px; left: 1px} #txtEditObjectsVectorsZ {position: absolute; top: 440px; left: 1px} #lblEditObjectsVectorVelocity {position: absolute; top: 485px; left: 1px; width: 120px} #btnEditObjectsVectorVelocityUnits {position: absolute; top: 480px; left: 135px} #txtEditObjectsVectorsVx {position: absolute; top: 500px; left: 1px} #txtEditObjectsVectorsVy {position: absolute; top: 520px; left: 1px} #txtEditObjectsVectorsVz {position: absolute; top: 540px; left: 1px} #btnEditObjectsVectorsApply {position: absolute; top: 580px; left: 1px} #btnEditObjectsVectorsDelete {position: absolute; top: 580px; left: 85px} #divEditObjectsElements {top: 90px; left: 300px; height: 606px; visibility: hidden} #lblEditObjectsElementsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnEditObjectsElementsClose{position: absolute;} #lblSelectTargetObjectEOE {position: absolute; top: 30px; left: 1px} #selectTargetObjectEOE {position: absolute; top: 45px; left: 1px; z-index: 2;} #lblSelectReferenceObjectEOE {position: absolute; top: 80px; left: 1px} #selectReferenceObjectEOE {position: absolute; top: 95px; left: 1px; z-index: 2;} #lblEOESelectName {position: absolute; top: 125px; left: 1px} #txtEOEName {position: absolute; top: 140px; left: 1px} #lblEditObjectsElementsColor {position: absolute; top: 180px; left: 1px; width: 60px} #txtEditObjectsElementsColor {position: absolute; top: 195px; left: 1px; width: 60px} #lblEditObjectsElementsShadow {position: absolute; top: 180px; left: 63px; width: 60px} #txtEditObjectsElementsShadow {position: absolute; top: 195px; left: 63px; width: 60px} #lblEditObjectsElementsLabel {position: absolute; top: 180px; left: 125px; width: 60px} #txtEditObjectsElementsLabel {position: absolute; top: 195px; left: 125px; width: 60px} #lblEditObjectsElementsTrail {position: absolute; top: 225px; left: 1px; width: 60px} #txtEditObjectsElementsTrail {position: absolute; top: 240px; left: 1px; width: 60px} #lblEditObjectsElementsSubZ {position: absolute; top: 225px; left: 63px; width: 60px} #txtEditObjectsElementsSubZ {position: absolute; top: 240px; left: 63px; width: 60px} #lblEditObjectsElementsMass {position: absolute; top: 275px; left: 1px} #btnEditObjectsElementsMassUnits {position: absolute; top: 270px; left: 60px} #txtEditObjectsElementsMass {position: absolute; top: 290px; left: 1px} #lblEditObjectsElementsDiameter {position: absolute; top: 325px; left: 1px} #btnEditObjectsElementsDiameterUnits {position: absolute; top: 320px; left: 60px} #txtEditObjectsElementsDiameter {position: absolute; top: 340px; left: 1px} #lblEditObjectsElementsLocation {position: absolute; top: 385px; left: 1px; width: 120px} #btnEditObjectsElementsPositionUnits {position: absolute; top: 400px; left: 156px} #txtEditObjectsElementsX {position: absolute; top: 400px; left: 1px; width: 150px} #txtEditObjectsElementsY {position: absolute; top: 420px; left: 1px; width: 150px} #txtEditObjectsElementsZ {position: absolute; top: 440px; left: 1px; width: 150px} #lblEditObjectsElementsVelocity {position: absolute; top: 485px; left: 1px; width: 120px} #txtEditObjectsElementsVx {position: absolute; top: 500px; left: 1px; width: 150px} #txtEditObjectsElementsVy {position: absolute; top: 520px; left: 1px; width: 150px} #txtEditObjectsElementsVz {position: absolute; top: 540px; left: 1px; width: 150px} #btnEditObjectsElementsApply {position: absolute; top: 580px; left: 1px} #btnEditObjectsElementsDelete {position: absolute; top: 580px; left: 85px} #divStars {top:30px; left: 260px; height: 360px; visibility: hidden;} #lblStarsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnStarsClose {position: absolute;} #lblSelectStars {position: absolute; top: 30px; left: 1px} #selectStars {position: absolute; top: 45px; left: 1 px; z-index: 2} #lblStarBrightness{position: absolute; top: 75px; left: 1px} #txtStarBrightness{position: absolute; top: 90px; left: 1px} #hrStars{position: absolute; top: 120px; width: 100%} #checkRaDec {position: absolute; top: 140px; left: 3px; z-index: 2} #lblRaDec {position: absolute; top: 143px; left: 24px; width: 90px; z-index: 2;} #lblGridBrightness {position: absolute; top: 163px; left:1px;} #txtGridBrightness {position: absolute; top: 178px; left: 1px} #lblRaSpacing {position: absolute; top: 208px; left: 1px} #txtRaSpacing {position: absolute; top: 223px; left: 1px} #lblDecSpacing {position: absolute; top: 253px; left: 1px} #txtDecSpacing {position: absolute; top: 268px; left: 1px} #lblGridColor {position: absolute; top: 298px; left: 1px} #txtGridColor {position: absolute; top: 313px; left: 1px} #divRotatingFrame {top:30px; left: 260px; height: 330px; visibility: hidden;} #lblRotatingFrameTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnRotatingFrameClose {position: absolute;} #lblTargetObjectRF {position: absolute; top: 20px; left: 0px; z-index: 2;} #lblReferenceObjectRF {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectReferenceObjectRF {position: absolute; top: 90px; left: 0px; z-index: 2;} #lblLongitudeRF {position: absolute; top: 120px; left: 0px; z-index: 2;} #lblAltitudeRF {position: absolute; top: 170px; left: 0px; z-index: 2;} #txtAltitudeRF {position: absolute; top: 190px; left: 3px; width: 160px;} #lblDistanceRF {position: absolute; top: 220px; left: 0px; z-index: 2;} #txtDistanceRF {position: absolute; top: 240px; left: 3px; width: 160px;} #checkRF {position: absolute; top: 270px; left: 3px; z-index: 2;} #divLargerPlayButton {position: fixed; top: 0px; left: 0px; visibility: hidden; z-index: 2} #btnLargerPlayButton{position: absolute; top: 300px; background-image:url('http://orbitsimulator.com/gravitySimulatorCloud/playButton.png'); z-index: 3;} #btnCreatePreTrails {position: absolute; top: 210px; left: 20px} #divCitiesA{top: 30px; left:500px; height: 200px; visibility: hidden} #lblCitiesTitleA {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCitiesCloseA {position: absolute} #selectCitiesA {position: absolute; top: 40px; left: 0px; z-index: 2} #lblLatitudeCitiesA {position: absolute; top: 85px; left: 0px; z-index: 2} #txtLatitudeCitiesA {position: absolute; top: 105px; left: 0px; z-index: 2} #lblLongitudeCitiesA {position: absolute; top: 140px; left: 0px; z-index: 2} #txtLongitudeCitiesA {position: absolute; top: 165px; left: 0px; z-index: 2} #divCitiesB{top: 30px; left:500px; height: 200px; visibility: hidden} #lblCitiesTitleB {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCitiesCloseB {position: absolute} #selectCitiesB {position: absolute; top: 40px; left: 0px; z-index: 2} #lblLatitudeCitiesB {position: absolute; top: 85px; left: 0px; z-index: 2} #txtLatitudeCitiesB {position: absolute; top: 105px; left: 0px; z-index: 2} #lblLongitudeCitiesB {position: absolute; top: 140px; left: 0px; z-index: 2} #txtLongitudeCitiesB {position: absolute; top: 165px; left: 0px; z-index: 2} #divToFromA {top:30px; left: 260px; height: 490px; visibility: hidden} #lblToFromATitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnToFromAClose {position: absolute;} #lblTargetObjectA {position: absolute; top: 20px; left: 0px; z-index: 2;} #selectTargetObjectA {position: absolute; top: 40px; left: 0px; z-index: 2;} #lblCameraObjectA {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectCameraObjectA {position: absolute; top: 90px; left: 0px; z-index: 2;} #spanBarycenterCheckBoxA {position: absolute; top: 120px; left: 0px; width: 90px; z-index: 2;} #checkBarycenterPerspectiveA {position: absolute; top: 120px; left: 100px; z-index: 2;} #lblMinimumObjectSizeA {position: absolute; top: 150px; left: 0px; z-index: 2;} #txtMinimumObjectSizeA {position: absolute; top: 170px; left: 0px; z-index: 2;} #lblTrailSizeA {position: absolute; top: 200px; left: 0px; z-index: 2;} #txtTrailSizeA {position: absolute; top: 220px; left: 0px; z-index: 2} #lblZoomA {position: absolute; top:246px; left: 0px; z-index:2} #pZoomInA {position: absolute; top: 270px; left: 0px; z-index:2} #txtFOVa {position: absolute; top:270px; left: 30px; z-index:2} #pZoomOutA {position: absolute; top: 270px; left: 180px; z-index:2} #checkStarsA {position: absolute; top: 310px; left: 0px; z-index: 2;} #lblStarsA {position: absolute; top: 310px; left: 20px; width: 90px; z-index: 2;} #checkStarsLabelsA {position: absolute; top: 335px; left: 0px; z-index: 2;} #lblStarsLabelsA {position: absolute; top: 335px; left: 20px; width: 90px; z-index: 2;} #checkKBOsA {position: absolute; top: 360px; left: 0px; z-index: 2;} #lblKBOsA {position: absolute; top: 360px; left: 20px; width: 90px; z-index: 2;} #checkPreTrailsA {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblPreTrailsA {position: absolute; top: 385px; left: 20px; width: 90px; z-index: 2;} #checkCrescentsA {position: absolute; top: 410px; left: 0px; z-index: 2;} #lblCrescentsA {position: absolute; top: 410px; left: 20px; width: 90px; z-index: 2;} #checkSunGraphicA {position: absolute; top: 435px; left: 0px; z-index: 2;} #lblSunGraphicA {position: absolute; top: 435px; left: 20px; width: 90px; z-index: 2;} #checkLabelsA {position: absolute; top: 460px; left: 0px;} #lblLabelsA {position: absolute; top: 460px; left: 20px} #txtFontA {position: absolute; top: 460px; left: 80px;} #divToFromB {top:330px; left: 260px; height: 294px; visibility: hidden;} #lblToFromBTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnToFromBClose {position: absolute;} #lblTargetObjectB{position: absolute; top: 20px; left: 0px; z-index: 2;} #selectTargetObjectB {position: absolute; top: 40px; left: 0px; z-index: 2;} #lblCameraObjectB {position: absolute; top: 70px; left: 0px; z-index: 2;} #selectCameraObjectB {position: absolute; top: 90px; left: 0px; z-index: 2;} #spanBarycenterCheckBoxB {position: absolute; top: 120px; left: 0px; width: 90px; z-index: 2;} #checkBarycenterPerspectiveB {position: absolute; top: 120px; left: 100px; z-index: 2;} #lblMinimumObjectSizeB {position: absolute; top: 150px; left: 0px; z-index: 2;} #txtMinimumObjectSizeB {position: absolute; top: 170px; left: 0px; z-index: 2;} #lblTrailSizeB {position: absolute; top: 200px; left: 0px; z-index: 2;} #txtTrailSizeB {position: absolute; top: 220px; left: 0px; z-index: 2} #lblZoomB {position: absolute; top:246px; left: 0px; z-index:2} #pZoomInB {position: absolute; top: 270px; left: 0px; z-index:2} #txtFOVb {position: absolute; top:270px; left: 30px; z-index:2} #pZoomOutB {position: absolute; top: 270px; left: 180px; z-index:2} #checkStarsB {position: absolute; top: 310px; left: 0px; z-index: 2;} #lblStarsB {position: absolute; top: 310px; left: 20px; width: 90px; z-index: 2;} #checkStarsLabelsB {position: absolute; top: 335px; left: 0px; z-index: 2;} #lblStarsLabelsB {position: absolute; top: 335px; left: 20px; width: 90px; z-index: 2;} #checkKBOsB {position: absolute; top: 360px; left: 0px; z-index: 2;} #lblKBOsB {position: absolute; top: 360px; left: 20px; width: 90px; z-index: 2;} #checkPreTrailsB {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblPreTrailsB {position: absolute; top: 385px; left: 20px; width: 90px; z-index: 2;} #checkCrescentsB {position: absolute; top: 410px; left: 0px; z-index: 2;} #lblCrescentsB {position: absolute; top: 410px; left: 20px; width: 90px; z-index: 2;} #checkSunGraphicB {position: absolute; top: 435px; left: 0px; z-index: 2;} #lblSunGraphicB {position: absolute; top: 435px; left: 20px; width: 90px; z-index: 2;} #checkLabelsB {position: absolute; top: 460px; left: 0px;} #lblLabelsB {position: absolute; top: 460px; left: 20px} #txtFontB {position: absolute; top: 460px; left: 80px;} #divScreenShotImage {top:200px; left: 600px; width: 300px; height: 200px; visibility: hidden;} #lblScreenShotImageTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnScreenShotImageClose {position: absolute; left: 275px; z-index: 2} #imgScreenShotImage {position: absolute; top: 0px; left: 0px; width: 298px; height: 198px} #divOutputFile {top:200px; left: 600px; width: 300px; height: 200px; visibility: hidden;} #checkCreateDataFile{} #lblSampleEvery{} #txtSampleEvery{} #lblMaxDataSamples{} #txtMaxDataSamples{} #checkDataSma{} #checkDataEcc{} #checkDataInc{} #checkDataNode{} #checkDataPeri{} #checkDataMa{} #checkDataRx{} #checkDataRy{} #checkDataRz{} #checkDataVx{} #checkDataVy{} #checkDataVz{} #selectDataObjects{} #divQuickHelp {top:200px; left: 600px; width: 200px; height: 300px; visibility: hidden} #lblQuickHelpTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnQuickHelpClose {position: absolute; left: 180px} #txtAreaQuickHelp {position: absolute; top: 20px; left: 1px; width: 198px; height: 298px} #divAPsingleEvents {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPsingleEventsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPsingleEventsClose {position: absolute; left: 380px} #txtAreaAPsingleEvents {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPsingleEventsUpdate {position: absolute; top: 340px; left: 1px} #divAPperIteration {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPperIterationTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPperIterationClose {position: absolute; left: 380px} #txtAreaAPperIteration {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPperIterationUpdate {position: absolute; top: 340px; left: 1px} #divAPperGraphicUpdate {top:200px; left: 600px; width: 400px; height: 370px; visibility: hidden;} #lblAPperGraphicUpdateTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnAPperGraphicUpdateClose {position: absolute; left: 380px} #txtAreaAPperGraphicUpdate {position: absolute; top: 20px; left: 1px; width: 398px; height: 300px} #btnAPperGraphicUpdateUpdate {position: absolute; top: 340px; left: 1px} #divScreenShots {top:200px; left: 600px; height: 560px; visibility: hidden;} #lblScreenShotsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnScreenShotsClose {position: absolute;} #btnTakeScreenShots {position: absolute; top: 28px; left: 0px;} #lblScreenShotsDimensions {position: absolute; top: 108px; left: 0px} #txtScreenShotDimensions {position: absolute; top: 128px; left: 0px} #checkScreenShotsCls{position: absolute; top:158px; left: 0px} #lblScreenShotsCls{position: absolute; top: 158px; left: 25px} #checkScreenShotsAforeground{position: absolute; top: 188px; left: 0px;} #lblscreenShotsAforeground{position: absolute; top: 188px; left: 25px;} #checkScreenShotsAbackground{position: absolute; top: 218px; left: 0px;} #lblscreenShotsAbackground{position: absolute; top: 218px; left: 25px;} #lblScreenShotsAposition {position: absolute; top: 248px; left: 0px} #txtScreenShotsAposition {position: absolute; top: 268px; left: 0px} #checkScreenShotsBforeground{position: absolute; top: 298px; left: 0px;} #lblscreenShotsBforeground{position: absolute; top: 298px; left: 25px;} #checkScreenShotsBbackground{position: absolute; top: 328px; left: 0px;} #lblscreenShotsBbackground{position: absolute; top: 328px; left: 25px;} #lblScreenShotsBposition {position: absolute; top: 358px; left: 0px} #txtScreenShotsBposition {position: absolute; top: 378px; left: 0px} #lblScreenShotData {position: absolute; top:408px; left: 0px} #divPreferences {top:20px; left: 100px; height: 360px; visibility: hidden} #lblPreferencesTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnPreferencesClose {position: absolute;} #lblDoEvents {position: absolute; top: 28px; left: 0px} #txtDoEvents {position: absolute; top: 48px; left: 0px} #lblSelectIntegrator {position: absolute; top: 85px; left: 0px;} #selectIntegrator {position: absolute; top: 105px; left: 0px; z-index: 2;} #lblStepsPerRadian {position: absolute; top: 135px; left: 0px;} #txtStepsPerRadian {position: absolute; top: 165px; left: 0px;} #lblEventsDuration {position: absolute; top: 200px; left: 0px} #txtEventsDuration {position: absolute; top: 220px; left: 0px} #lblOpacity {position: absolute; top: 255px; left: 0px} #txtOpacity {position: absolute; top: 270px; left: 0px} #checkMedia {position: absolute; top: 300px; left: 1px} #lblMedia {position: absolute; top: 300px; left: 20px} #checkRealTime {position: absolute; top: 330px; left: 1px} #lblRealTime {position: absolute; top: 330px; left: 20px} #divCollisionLog {top:20px; left: 100px; height: 75px; width: 580px; visibility: hidden} #lblCollisionLogTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnCollisionLogClose {position: absolute; left: 558px} #txtAreaCollisionLog {position: absolute; top: 20px; left: 1px; width: 578px; height: 54px;} #divSimulationDescription {top:20px; left: 150px; height: 75px; width: 580px; visibility: hidden} #lblSimulationDescriptionTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnSimulationDescriptionClose {position: absolute; left: 558px} #txtAreaSimulationDescription {position: absolute; top: 20px; left: 1px; width: 578px; height: 54px;} #divScreens {position: fixed; z-index: 2; top:200px; left: 600px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divEccentricity {position: absolute; z-index: 2; top:10px; left: 555px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divSMA {position: absolute; z-index: 2; top:60px; left: 555px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divVectors {top:30px; left: 350px; width: 170px; height: 420px; visibility: hidden;} #lblVectorsTitle{position: absolute; top: 0px; left: 0px; z-index: 2;} #btnVectorsClose {position: absolute; left: 150px} #selectvectorObj1A {position: absolute; top: 25px; left: 1px; z-index: 2} #selectvectorObj2A {position: absolute; top: 45px; left: 1px; z-index: 2} #btnPositionUnits {position: absolute; top: 75px; left: 1px; width: 150px} #txtObjx {position: absolute; top:95px; left: 1px} #txtObjy {position: absolute; top:115px; left: 1px} #txtObjz {position: absolute; top:135px; left: 1px} #btnVelocityUnits {position: absolute; top:165px; left: 1px; width: 150px} #txtObjvx {position: absolute; top:185px; left: 1px} #txtObjvy {position: absolute; top: 205px; left: 1px} #txtObjvz {position: absolute; top: 225px; left: 1px} #lblDistanceAndSpeed {position: absolute; top:255px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #txtDistance{position: absolute; top: 280px; left: 1px} #txtSpeed{position: absolute; top: 300px; left: 1px} #spanTangentialSpeedVectors {position: absolute; top: 330px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #lblTangentialSpeedVectors {position: absolute; top: 355px; left: 1px} #spanRadialVelocityVectors {position: absolute; top: 380px; left: 1px; color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif} #lblRadialVelocityVectors {position: absolute; top: 400px; left: 1px} #divFocusObject {position: fixed; z-index: 2; top:680px; left: 20px; width: 250px; height: 40px; opacity: 0.8; background-color: #111111; border: none; visibility: hidden;} #divCreateObjects {top:200px; left: 600px; width: 650px; height: 460px; visibility: hidden;} #lblCreateObjectsTitle{position: absolute; top: 0px; left: 0px; width: 650px; z-index: 2;} #btnCreateObjectsClose {position: absolute; left: 630px} #tblCreateObjects {position: absolute; left: 0px; top: 30px} #btnCreateObjects {position: absolute; left: 0px; top: 430px; z-index: 3;} #divClones {top: 200px; left:300px; height: 450px; width: 920px; visibility: hidden} #lblClonesTitle{position: absolute; top: 0px; left: 0px; z-index: 2;} #btnClonesClose {position: absolute; left: 900px} #lblClonesPaste {position: absolute; top: 30px; left: 0px;} #txtClonesPaste {position: absolute; top: 50px; left: 0px;} #btnClonesPaste {position: absolute; top: 75px; left: 0px;} #tableCloneElements {position: absolute; top: 105px; left: 0px;} #tableCloneCovarianceMatrix {position: absolute; top: 225px; left: 0px;} #btnCreateClones {position: absolute; top: 405px; left: 0px;} #divSaveAs {top:200px; left: 600px; height: 698px; visibility: hidden} #lblSaveAsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #lblSaveAsFileName {position: absolute; top: 25px; left: 0px; z-index: 2;} #txtSaveAsFileName {position: absolute; top: 45px; left: 0px; z-index: 2;} #lblSaveAsKeywords {position: absolute; top: 75px; left: 0px; z-index: 2;} #txtSaveAsKeywords {position: absolute; top: 95px; left: 0px; z-index: 2;} #lblSaveAsDescription {position: absolute; top: 125px; left: 0px; z-index: 2;} #txtAreaSaveAsDescription {position: absolute; top: 145px; left: 0px; width: 240px; height: 200px; z-index: 2;} #lblSaveAsAuthor {position: absolute; top: 365px; left: 0px; z-index: 2;} #txtSaveAsAuthor {position: absolute; top: 385px; left: 0px; z-index: 2;} #lblSaveAsTempLink {position: absolute; top: 415px; left: 20px; z-index: 2;} #checkSaveAsTempLink {position: absolute; top: 415px; left: 0px; z-index: 2;} #lblSaveAsShare {position: absolute; top: 435px; left: 20px; z-index: 2;} #checkSaveAsShare {position: absolute; top: 434px; left: 0px; z-index: 2;} #btnSaveAs {position: absolute; top: 465px; left: 0px; z-index: 2;} #lblSaveAsAddress {position: absolute; top: 495px; left: 0px; z-index: 2;} #spanSimURL {position: absolute; top: 515px; left: 0px; width: 245px; height: 60px z-index: 2;} //#btnSaveAsNavigateTo {position: absolute; top:515px; left: 0px; z-index: 3;} #lblSaveAsSourceCode {position: absolute; top: 595px; left: 0px; z-index: 2;} #txtAreaSaveAs {position: absolute; top:615px; left: 0px; width: 245px; height: 80px; z-index: 2;} #btnSaveAsClose {position: absolute} #divImportObjectsLite {top:210px; left: 600px; height: 110px; visibility: hidden} #lblImportObjectsLiteTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnImportObjectsLiteClose {position: absolute} #txtImportObjectsLite {position: absolute; top: 30px; left: 1px; width: 150px} #btnImportObjectsLite {position: absolute; top: 55px; left: 1px} #lblImportObjectsLite {position: absolute; top: 80px; left: 1px} #txtImportColor {position: absolute; top: 30px; left: 160px; width: 60px} #divImportObjects {top:210px; left: 600px; width: 355px; height: 560px; visibility: hidden} #lblImportObjectsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnImportObjectsClose {position: absolute; left: 334px} #checkDeleteExistingObjects{position: absolute; left: 1px; top: 35px} #lblDeleteExistingObjects {position: absolute; left: 25px; top: 28px; width: 100px;} #lblImportSetTimeDateAndTime {position: absolute; top: 30px; left: 130px; width: 165px;} #txtImportSetDateAndTime {position: absolute; top: 45px; left: 130px; width: 165px;} #btnImportNow {position: absolute; top: 45px; left:300px} #divImportButtons {position: absolute; top: 80px; left: 1px: height: 100px} #txtAreaObjects {position: absolute; width: 350px; height: 300px; top: 215px} #btnImportObjects{position: absolute; top: 530px} #divDeleteObjects {top:200px; left: 600px; height: 500px; visibility: hidden} #lblDeleteObjectsTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #btnDeleteObjectsClose {position: absolute} #divDeleteList{position: absolute; top: 20px; left: 0px; width: 100%; height: 440px; overflow: scroll} #btnDeleteList{position: absolute; top: 466px; left: 1px;} #btnDeleteExistingObjects{position: absolute; top: 466px; left: 125px} #divPreTrailObjectList {top:200px; left: 600px; height: 500px; visibility: hidden} #lblPreTrailObjectListTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #divPTOList{position: absolute; top: 20px; left: 0px; width: 100%; height: 440px; overflow: scroll} #btnPreTrailObject{position: absolute; top: 466px;} #btnPreTrailObjectListClose {position: absolute} .classControlDiv {position: fixed; width: 250px; border: 1px solid blue; background-color: rgba(0,0,255,0.1); z-index: 2;} .classControlTitle {width: 100%; background-color: rgba(0, 0, 200, 0.8); color: white; font-family: Tahoma, Geneva, sans-serif; z-index: 2;} //.classLblData {color: cyan; background-color: Transparent; z-index: 2; border: none; opacity: 0.8} .classLblData {color: cyan; background-color: Transparent; font-family: 'Lucida Console', Monaco, monospace; font-size: 12px; z-index: 2; border: none; opacity:0.8} //.classTxtInput {color: white; background-color: rgba(12, 12, 12, 0.1); z-index: 2; border: none; opacity: 0.8} .classTxtInput {color: white; background-color: black; z-index: 2; opacity: 0.8} .classSelect {color: black; background-color: #888; z-index: 2; border: none; opacity: 0.8} .classBtn {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classTxtColor {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classBtnSmall { z-index: 3; width: 20px; height: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } .classBtnPlay2 { //delete me height: 460px; width: 460px; background-image:url('http://orbitsimulator.com/gravitySimulatorCloud/playButton.png'); background-repeat:no-repeat; } .classBtnPlay { z-index: 3; width: 460px; height: 460px; background-repeat:no-repeat; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; background: transparent; opacity: 0.8; background-color: #000020; color: cyan; border-color: #3b8e92; } * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .classTable{color: cyan; background-color:#111111; opacity: 0.8} .classBtnUnit { width: 40px; color: cyan; background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; } .classMenuButton:hover {background: #383;} .classBtnClose { z-index: 3; width: 20px; height: 20px; left: 228px; top: 0px; -webkit-border-radius: 15px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent; opacity: 0.8; background-color: #000020; color: red; border-color: #928e3b;} .classMenuButton {color: cyan; background-color: black; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; font-size: 16px; font-family: Geneva, Tahoma, Verdana, sans-serif; opacity: 0.8; } #btnViewMenu { //position: absolute; //top: 3px; //left: 71px; } //#lblLabelsA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreens {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreenShots {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblScreenWidth {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #spanScreenWidth {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblPreferences {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDoEvents {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblEventsDuration {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblUpdateGraphics {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblMinimumObjectSize {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDivEccentricity {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblEccentricity {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblDivSMA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblSMA {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #lblFocusObject {color: cyan; font-family: Geneva, Tahoma, Verdana, sans-serif;} #canvasPixels { position: absolute; z-index: 1; top: 0px; left: 0px; background-color:#000000; } #foregroundLayer { position: absolute; z-index: 2; top: 0px; left: 0px; } #canvasPixelsPerspectiveA { position: absolute; z-index: 1; top: 0px; left: 0px; background-color:#000000; } #foregroundLayerPerspectiveA { position: absolute; z-index: 2; top: 0px; left: 0px; } #trailLayerPerspectiveA { position: absolute; z-index: 2; top: 0px; left: 0px; } #canvasPixelsPerspectiveB { position: absolute; z-index: 1; top: 0px; left: 5000px; background-color:#000000; } #foregroundLayerPerspectiveB { position: absolute; z-index: 2; top: 0px; left: 5000px; } #trailLayerPerspectiveB { position: absolute; z-index: 2; top: 0px; left: 5000px; } //delete this one after all uses have been transfered to classBtnClose .btnClose { position: absolute; top: 0px; width: 15px; height: 15px; background-color: red; font-size: 8px; font-weight: bold; visibility: hidden; } #btnEccentricityClose {left: 235px} #btnSMAClose {left: 235px} #divStereo {top: 660px; left: 4px; height: 165px; visibility: hidden} #lblStereoTitle {position: absolute; top: 0px; left: 0px; z-index: 2;} #checkStereo {position: absolute; top: 25px; left: 0px;} #lblStereo {position: absolute; top: 25px; left: 22px;} #radioCrosseye {position: absolute; top: 145px; left: 0px; } #lblRCrosseye {position: absolute; top: 145px; left: 22px; } #radioParallel {position: absolute; top: 125px; left: 0px;} #lblRParallel {position: absolute; top: 125px; left: 22px; } #txtBaseline {position: absolute; top: 65px; left: 0px; z-index: 2; } #lblBaseline {position: absolute; top: 85px; left: 0px; width:100px;} #btnStereoClose {position: absolute;} &lt;/style&gt; &lt;script src="http://orbitsimulator.com/gravitySimulatorCloud/noStarsDynamic.js" type="text/javascript"&gt;&lt;/script&gt;&lt;/head&gt; &lt;body style="cursor: auto;" bgcolor="#000000" onresize="sizeFrames()" data-twttr-rendered="true"&gt; &lt;center&gt; &lt;div id="divAds"&gt; &lt;/div&gt; &lt;/center&gt; &lt;div id="divMenuShow" style="visibility: visible;"&gt; &lt;input class="classBtn" id="btnMenuShow" onclick="menu()" type="button" value="...&gt;"&gt; &lt;/div&gt; &lt;div id="divMenu" style="visibility: visible;"&gt; &lt;input class="classMenuButton" id="btnFileMenu" onclick="fileMenu()" type="button" value="File "&gt; &lt;input class="classMenuButton" id="btnObjectsMenu" onclick="objectsMenu()" type="button" value="Objects "&gt; &lt;input class="classMenuButton" id="btnTimeMenu" onclick="timeMenu()" type="button" value="Time"&gt;&lt;br&gt; &lt;input class="classMenuButton" id="btnVectorMenu" style="visibility: hidden;" onclick="document.getElementById('divVectors').style.visibility='visible';" type="button" value="Vectors"&gt; &lt;input class="classMenuButton" id="btnCalendarDate" style="visibility: hidden;" onclick="document.getElementById('divCalendarDate').style.visibility='visible';" type="button" value="Calendar date (Local)"&gt; &lt;input class="classMenuButton" id="btnCalendarDateUTC" style="visibility: hidden;" onclick="document.getElementById('divCalendarDateUTC').style.visibility='visible';" type="button" value="Calendar date (UTC)"&gt; &lt;input class="classMenuButton" id="btnJulianDate" style="visibility: hidden;" onclick="document.getElementById('divJulianDate').style.visibility='visible';" type="button" value="Julian day"&gt; &lt;input class="classMenuButton" id="btnPreferencesMenu" onmouseover="hideAllMenuButtons()" onclick="preferencesMenu()" type="button" value="Preferences"&gt; &lt;input class="classMenuButton" id="btnTimeStepMenu" style="visibility: hidden;" onclick="&amp;#10;document.getElementById('divTimeStep').style.visibility='visible'" type="button" value="Time step"&gt; &lt;input class="classMenuButton" id="btnSetDateAndTimeMenu" style="visibility: hidden;" onclick="setCurrentTime(); document.getElementById('divSetTime').style.visibility='visible';" type="button" value="Set time &amp;amp; date"&gt; &lt;input class="classMenuButton" id="btnToFromAMenu" style="visibility: hidden;" onclick="document.getElementById('divToFromA').style.visibility='visible';" type="button" value="Frame A"&gt; &lt;input class="classMenuButton" id="btnToFromBMenu" style="visibility: hidden;" onclick="document.getElementById('divToFromB').style.visibility='visible';" type="button" value="Frame B"&gt; &lt;input class="classMenuButton" id="btnScreensMenu" style="visibility: hidden;" onclick="document.getElementById('divScreens').style.visibility='visible';" type="button" value="Screens"&gt; &lt;input class="classMenuButton" id="btnScreenShotsMenu" style="visibility: hidden;" onclick="document.getElementById('divScreenShots').style.visibility='visible';" type="button" value="Screen shots"&gt; &lt;input class="classMenuButton" id="btnCollisionLogMenu" style="visibility: hidden;" onclick="document.getElementById('divCollisionLog').style.visibility='visible';" type="button" value="Collision log"&gt; &lt;input class="classMenuButton" id="btnSimulationDescriptionMenu" style="visibility: hidden;" onclick="document.getElementById('divSimulationDescription').style.visibility='visible';" type="button" value="Description"&gt; &lt;input class="classMenuButton" id="btnQuickHelpMenu" style="visibility: hidden;" onclick="document.getElementById('divQuickHelp').style.visibility='visible';" type="button" value="Quick help"&gt; &lt;input class="classMenuButton" id="btnManualMenu" style="visibility: hidden;" onclick="window.open('http://orbitsimulator.com/gravitySimulatorCloud/gsimHelp.html')" type="button" value="Manual"&gt; &lt;input class="classMenuButton" id="btnAboutMenu" style="visibility: hidden;" onclick="window.open('http://orbitsimulator.com/gravitySimulatorCloud/gsimAbout.html')" type="button" value="About"&gt; &lt;input class="classMenuButton" id="btnEditObjectsVectorsMenu" style="visibility: hidden;" onclick="populateEditObjectsVectors(true); document.getElementById('divEditObjectsVectors').style.visibility='visible';" type="button" value="Edit objects (vectors)"&gt; &lt;input class="classMenuButton" id="btnEditObjectsElementsMenu" style="visibility: hidden;" onclick="populateEditObjectsElements(true); document.getElementById('divEditObjectsElements').style.visibility='visible';" type="button" value="Edit objects (elements)"&gt; &lt;input class="classMenuButton" id="btnSaveAsMenu" style="visibility: hidden;" onclick="document.getElementById('divSaveAs').style.visibility='visible';" type="button" value="Save as"&gt; &lt;input class="classMenuButton" id="btnDisplayMenu" onclick="displayMenu()" type="button" value="Display"&gt; &lt;input class="classMenuButton" id="btnRotatingFrameMenu" style="visibility: hidden;" onclick="document.getElementById('divRotatingFrame').style.visibility='visible';" type="button" value="Rotating frame"&gt; &lt;input class="classMenuButton" id="btnStarsMenu" style="visibility: hidden;" onclick="document.getElementById('divStars').style.visibility='visible';" type="button" value="Stars"&gt; &lt;input class="classMenuButton" id="btnCameraAMenu" style="visibility: hidden;" onclick="document.getElementById('divRotateCameraA').style.visibility='visible';" type="button" value="Camera A"&gt; &lt;input class="classMenuButton" id="btnStereoMenu" style="visibility: hidden;" onclick="document.getElementById('divStereo').style.visibility='visible';" type="button" value="Stereo"&gt; &lt;input class="classMenuButton" id="btnCitiesAMenu" style="visibility: hidden;" onclick="document.getElementById('divCitiesA').style.visibility='visible';" type="button" value="Cities A"&gt; &lt;input class="classMenuButton" id="btnCitiesBMenu" style="visibility: hidden;" onclick="document.getElementById('divCitiesB').style.visibility='visible';" type="button" value="Cities B"&gt; &lt;input class="classMenuButton" id="btnLargePlayMenu" style="visibility: hidden;" onclick="if (bPause == 1){pause()};centerPlayButton(); document.getElementById('divLargerPlayButton').style.visibility='visible';" type="button" value="Large play button"&gt; &lt;input class="classMenuButton" id="btnAutopilotMenu" onclick="autoPilotMenu()" type="button" value="Autopilot"&gt; &lt;input class="classMenuButton" id="btnAPsingleEventsMenu" style="visibility: hidden;" onclick="document.getElementById('divAPsingleEvents').style.visibility='visible';" type="button" value="Single events"&gt; &lt;input class="classMenuButton" id="btnAPperIterationMenu" style="visibility: hidden;" onclick="document.getElementById('divAPperIteration').style.visibility='visible';" type="button" value="per iteration"&gt; &lt;input class="classMenuButton" id="btnAPperGraphicUpdateMenu" style="visibility: hidden;" onclick="document.getElementById('divAPperGraphicUpdate').style.visibility='visible';" type="button" value="per graphic update"&gt; &lt;input class="classMenuButton" id="btnCreateObjectsMenu" style="visibility: hidden;" onclick="document.getElementById('divCreateObjects').style.visibility='visible';" type="button" value="Create objects"&gt; &lt;input class="classMenuButton" id="btnClonesMenu" style="visibility: hidden;" onclick="document.getElementById('divClones').style.visibility='visible'; document.getElementById('divClones').style.zIndex = '10'" type="button" value="Create object with clones"&gt; &lt;input class="classMenuButton" id="btnImportObjectsLiteMenu" style="visibility: hidden;" onclick="document.getElementById('divImportObjectsLite').style.visibility='visible'" type="button" value="Import object"&gt; &lt;input class="classMenuButton" id="btnImportObjectsMenu" style="visibility: hidden;" onclick="txtImportSetDateAndTime.value = UTC2(elapsedTime * 1000 + startDate); document.getElementById('divImportObjects').style.visibility='visible';" type="button" value="Import objects"&gt; &lt;input class="classMenuButton" id="btnDeleteObjectsMenu" style="visibility: hidden;" onclick="chooseDeletions(); document.getElementById('divDeleteObjects').style.visibility='visible';" type="button" value="Delete objects"&gt; &lt;input class="classMenuButton" id="btnPreTrailsMenu" style="visibility: hidden;" onclick="document.getElementById('divPreTrailObjectList').style.visibility='visible';" type="button" value="Pre trails"&gt; &lt;input class="classMenuButton" id="btnHelpMenu" onclick="helpMenu()" type="button" value="Help"&gt; &lt;input class="classBtn" id="btnMenuHide" onclick="menuHide()" type="button" value="&lt;..."&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divStereo" style="left: 252px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblStereoTitle"&gt;Stereo&lt;/label&gt; &lt;input id="checkStereo" onclick="stereo()" type="checkbox"&gt; &lt;label class="classLblData" id="lblStereo" for="checkStereo"&gt;Stereo&lt;/label&gt; &lt;input class="classTxtInput" id="txtBaseline" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeBaseline(); moveB()" type="text" value="1"&gt; &lt;label class="classLblData" id="lblBaseline"&gt;Baseline (deg)&lt;/label&gt; &lt;input name="radioStereo" id="radioCrosseye" onclick="moveB()" type="radio" checked="checked"&gt; &lt;label class="classLblData" id="lblRCrosseye" for="radioCrosseye"&gt;Crosseye&lt;/label&gt; &lt;input name="radioStereo" id="radioParallel" onclick="moveB()" type="radio"&gt; &lt;label class="classLblData" id="lblRParallel" for="radioParallel"&gt;Parallel&lt;/label&gt; &lt;input class="classBtnClose" id="btnStereoClose" onclick="hideMe('divStereo')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divSetTime" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblSetTimeTitle"&gt;Set time&lt;/label&gt; &lt;label class="classLblData" id="lblSetTimeDateAndTime"&gt;Date and Time (UTC)&lt;/label&gt; &lt;input class="classTxtInput" id="txtSetDateAndTime" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;input id="btnSetTimeOK" onclick="setDate(txtSetDateAndTime.value); updateInfo(); hideMe('divSetTime')" type="button" value="Apply"&gt; &lt;input class="classBtnClose" id="btnSetTimeClose" onclick="hideMe('divSetTime')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divEditObjectsVectors" style="left: 250px; top: 126px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblEditObjectsVectorsTitle"&gt;Edit objects -- state vectors&lt;/label&gt; &lt;input class="classBtnClose" id="btnEditObjectsVectorsClose" onclick="hideMe('divEditObjectsVectors')" type="button" value="x"&gt; &lt;label class="classLblData" id="lblSelectTargetObjectEOV"&gt;Object&lt;/label&gt; &lt;select class="classSelect" id="selectTargetObjectEOV" onchange="populateEditObjectsVectors(true)"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblSelectReferenceObjectEOV"&gt;Reference object&lt;/label&gt; &lt;select class="classSelect" id="selectReferenceObjectEOV" onchange="populateEditObjectsVectors(false)"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblEOVSelectName"&gt;Name&lt;/label&gt; &lt;input class="classTxtInput" id="txtEOVName" type="text"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorsColor"&gt;Color&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsVectorsColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorsShadow"&gt;Shadow&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsVectorsShadow" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorsLabel"&gt;Label&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsVectorsLabel" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorsTrail"&gt;Trail&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsVectorsTrail" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorsSubZ"&gt;Sub Z&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsVectorsSubZ" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorMass"&gt;Mass&lt;/label&gt; &lt;input title="Earth masses" class="classBtnUnit" id="btnEditObjectsVectorMassUnits" onclick="changeMassUnit('btnEditObjectsVectorMassUnits'); populateEditObjectsVectors(false)" type="button" value="(Em)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsMass"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorDiameter"&gt;Diameter&lt;/label&gt; &lt;input class="classBtnUnit" id="btnEditObjectsVectorDiameterUnits" onclick="changeLengthUnitSmall('btnEditObjectsVectorDiameterUnits'); populateEditObjectsVectors(false)" type="button" value="(km)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsDiameter"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorLocation"&gt;Location (&lt;i&gt;x,y,z&lt;/i&gt;)&lt;/label&gt; &lt;input class="classBtnUnit" id="btnEditObjectsVectorPositionUnits" onclick="changeLengthUnitLarge('btnEditObjectsVectorPositionUnits'); populateEditObjectsVectors(false)" type="button" value="(AU)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsX"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsY"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsZ"&gt; &lt;label class="classLblData" id="lblEditObjectsVectorVelocity"&gt;Velocity (&lt;i&gt;x,y,z&lt;/i&gt;)&lt;/label&gt; &lt;input class="classBtnUnit" id="btnEditObjectsVectorVelocityUnits" onclick="changeVelocityUnit('btnEditObjectsVectorVelocityUnits'); populateEditObjectsVectors(false)" type="button" value="(km/s)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsVx"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsVy"&gt; &lt;input class="classTxtInput" id="txtEditObjectsVectorsVz"&gt; &lt;input class="classBtn" id="btnEditObjectsVectorsApply" onclick="editObjectsVectorsApply(); populateEditObjectsElements(false)" type="button" value="Apply"&gt; &lt;input class="classBtn" id="btnEditObjectsVectorsDelete" type="button" value="Delete"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divEditObjectsElements" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblEditObjectsElementsTitle"&gt;Edit objects -- orbital elements&lt;/label&gt; &lt;input class="classBtnClose" id="btnEditObjectsElementsClose" onclick="hideMe('divEditObjectsElements')" type="button" value="x"&gt; &lt;label class="classLblData" id="lblSelectTargetObjectEOE"&gt;Object&lt;/label&gt; &lt;select class="classSelect" id="selectTargetObjectEOE" onchange="populateEditObjectsElements(true)"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblSelectReferenceObjectEOE"&gt;Reference object&lt;/label&gt; &lt;select class="classSelect" id="selectReferenceObjectEOE" onchange="populateEditObjectsElements(false)"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblEOESelectName"&gt;Name&lt;/label&gt; &lt;input class="classTxtInput" id="txtEOEName" type="text"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsColor"&gt;Color&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsElementsColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsShadow"&gt;Shadow&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsElementsShadow" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsLabel"&gt;Label&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsElementsLabel" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsTrail"&gt;Trail&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsElementsTrail" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsSubZ"&gt;Sub Z&lt;/label&gt; &lt;input class="color classTxtColor" id="txtEditObjectsElementsSubZ" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsMass"&gt;Mass&lt;/label&gt; &lt;input title="Earth masses" class="classBtnUnit" id="btnEditObjectsElementsMassUnits" onclick="changeMassUnit('btnEditObjectsElementsMassUnits'); populateEditObjectsElements(false)" type="button" value="(Em)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsMass"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsDiameter"&gt;Diameter&lt;/label&gt; &lt;input class="classBtnUnit" id="btnEditObjectsElementsDiameterUnits" onclick="changeLengthUnitSmall('btnEditObjectsElementsDiameterUnits'); populateEditObjectsElements(false)" type="button" value="(km)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsDiameter"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsLocation"&gt;&lt;i&gt;a, e, i&lt;/i&gt;&lt;/label&gt; &lt;input class="classBtnUnit" id="btnEditObjectsElementsPositionUnits" onclick="changeLengthUnitLarge('btnEditObjectsElementsPositionUnits'); populateEditObjectsElements(false)" type="button" value="(AU)"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsX"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsY"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsZ"&gt; &lt;label class="classLblData" id="lblEditObjectsElementsVelocity"&gt;&lt;i&gt;ω, Ω, MA&lt;/i&gt;&lt;/label&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsVx"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsVy"&gt; &lt;input class="classTxtInput" id="txtEditObjectsElementsVz"&gt; &lt;input class="classBtn" id="btnEditObjectsElementsApply" onclick="editObjectsElementsApply(); populateEditObjectsVectors(false)" type="button" value="Apply"&gt; &lt;input class="classBtn" id="btnEditObjectsElementsDelete" type="button" value="Delete"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divTimeStep" style="left: 570px; top: 72px; visibility: visible;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblTimeStepTitle"&gt;Time step&lt;/label&gt; &lt;input class="classBtn" id="btnPause" onclick="pause()" type="button" value="&gt;"&gt; &lt;input class="classBtnSmall" id="btnTimeStepPlus" onclick="timeStepPlus()" type="button" value="+"&gt; &lt;span class="classTxtInput" id="spanTimeStep"&gt;1024&lt;/span&gt; &lt;input class="classBtnSmall" id="btnTimeStepMinus" onclick="timeStepMinus()" type="button" value="-"&gt; &lt;input class="classBtnClose" id="btnTimeStepClose" onclick="hideMe('divTimeStep')" type="button" value="x"&gt; &lt;input class="classBtn" id="btnTimeDirection" onclick="changeTimeFlow()" type="button" value="&gt;&gt;"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divRotateCameraA" style="left: 0px; top: 1px; visibility: visible;"&gt; &lt;label class="classControlTitle" id="lblRotateCameraATitle"&gt;Camera A&lt;/label&gt; &lt;input class="classBtnClose" id="btnRotateCameraAClose" onclick="hideMe('divRotateCameraA')" type="button" value="x"&gt; &lt;input class="slider" id="rangeRotateCameraA" onchange="rotateCameraA()" type="range" min="0" max="6.2830" step="0.001" value="0"&gt; &lt;input class="classTxtInput" id="txtRotateCameraA" onkeyup="cameraAoverride()" type="text" value="-999"&gt; &lt;label title="Degrees" class="classLblData" id="lblRotateCameraA"&gt;Azimuth&lt;/label&gt; &lt;input class="slider" id="rangeRotateCameraZ" onchange="rotateCameraA()" type="range" min="0.0175" max="3.124" step="0.001" value="0"&gt; &lt;input class="classTxtInput" id="txtRotateCameraZ" onkeyup="cameraAoverride()" type="text" value="-888"&gt; &lt;label title="Degrees" class="classLblData" id="lblRotateCameraZ"&gt;Altitude&lt;/label&gt; &lt;input class="slider" id="rangeRotateCameraD" onchange="rotateCameraA()" type="range" min="6" max="100" step="0.1" value="0"&gt; &lt;input class="classTxtInput" id="txtRotateCameraD" onkeyup="cameraAoverride()" type="text" value="-999"&gt; &lt;label title="AU" class="classLblData" id="lblRotateCameraD"&gt;Distance&lt;/label&gt; &lt;select title="Rotate with" class="classSelect" id="selectTargetObjectRF" onchange="changeRF()"&gt;&lt;option value="0"&gt;Stationary&lt;/option&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblLonPlus"&gt;+&lt;/label&gt; &lt;input title="Phase shift" class="classTxtInput" id="txtLongitudeRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"&gt; &lt;input name="nameLongitude" id="radioTrueLongitude" onchange="changeRF()" type="radio" checked="checked"&gt; &lt;label title="True longitude" class="classLblData" id="lblTrueLongitude" for="radioTrueLongitude"&gt;TL&lt;/label&gt; &lt;input name="nameLongitude" id="radioMeanLongitude" onchange="changeRF()" type="radio"&gt; &lt;label title="Mean longitude" class="classLblData" id="lblMeanLongitude" for="radioMeanLongitude"&gt;ML&lt;/label&gt; &lt;input name="checkAxes" id="checkAxes" onclick="perspectiveTrails2ClsA(); perspectiveTrails2ClsB()" type="checkbox"&gt; &lt;label title="x, y axes" class="classLblData" id="lblAxes" for="checkAxes"&gt;Axes&lt;/label&gt; &lt;input name="checkStereoCA" id="checkStereoCA" onclick="stereo()" type="checkbox"&gt; &lt;label title="Stereo. Press Q for more options." class="classLblData" id="lblStereoCA" for="checkStereoCA"&gt;3d&lt;/label&gt; &lt;input name="checkKeplerCA" id="checkKeplerCA" onclick="perspectiveTrails2ClsA(); perspectiveTrails2ClsB(); checkPreTrailsA.checked = checkKeplerCA.checked; checkPreTrailsB.checked = checkKeplerCA.checked;" type="checkbox"&gt; &lt;label title="Superimpose Keplerian orbit" class="classLblData" id="lblKeplerCA" for="checkKeplerCA"&gt;Kepler&lt;/label&gt; &lt;input name="checkTrailsCA" id="checkTrailsCA" onclick="perspectiveTrailsClsA(); perspectiveTrailsClsB()" type="checkbox"&gt; &lt;label title="Create trails" class="classLblData" id="lblTrailsCA" for="checkTrailsCA"&gt;Trails&lt;/label&gt; &lt;input name="checkLabelsCA" id="checkLabelsCA" onclick="checkLabelsA.checked = checkLabelsCA.checked; checkLabelsB.checked = checkLabelsCA.checked" type="checkbox"&gt; &lt;label title="Labels" class="classLblData" id="lblLabelsCA" for="checkLabelsCA"&gt;Labels&lt;/label&gt; &lt;/div&gt; &lt;div class="classControlDiv" id="divDistanceAndSpeedA" onmouseover="hideAllMenuButtons()" ui-draggable"=""&gt; &lt;label class="classControlTitle" id="lblDistanceAndSpeedATitle"&gt;Distance and speed&lt;/label&gt; &lt;label class="classControlTitle" id="lblCalendarLocalTitle"&gt;Local time&lt;/label&gt; &lt;select class="classSelect" id="selectTargetObjectDSa"&gt;&lt;/select&gt; &lt;select class="classSelect" id="selectTargetObjectDSa"&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblDSaDistanceA"&gt; &lt;label class="classLblData" id="lblDSaSpeedA"&gt; &lt;label class="classLblData" id="lblDStangentialA"&gt; &lt;label class="classLblData" id="lblDSradialA"&gt; &lt;/label&gt;&lt;/label&gt;&lt;/label&gt;&lt;/label&gt;&lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divCalendarDate" style="left: 821px; top: 1px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblCalendarLocalTitle"&gt;Local time&lt;/label&gt; &lt;span class="classLblData" id="spanCalendarDate"&gt;Sun Feb 11 2018 08:46:27 GMT-0500 (Eastern Standard Time)&lt;/span&gt; &lt;label class="classControlTitle" id="lblCalendarLocalTitle"&gt;Local time&lt;/label&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divCalendarDateUTC" style="left: 570px; top: 1px; visibility: visible;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblCalendarUTC"&gt;Coordinated Universal Time&lt;/label&gt; &lt;span class="classLblData" id="spanCalendarDateUTC"&gt;Sun Feb 11 2018 13:46:27 (UTC)&lt;/span&gt; &lt;input class="classBtnClose" id="btnCalendarDateUTCClose" onclick="hideMe('divCalendarDateUTC')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divJulianDate" style="left: 821px; top: 72px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblJulianDateTitle"&gt;Julian Day&lt;/label&gt; &lt;span class="classLblData" id="spanJulianDate"&gt;2458161.0739272567&lt;/span&gt; &lt;input class="classBtnClose" id="btnJulianDateClose" onclick="hideMe('divJulianDate')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divSaveAs" style="left: 624px; top: 128px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblSaveAsTitle"&gt;Save as&lt;/label&gt; &lt;input class="classBtnClose" id="btnSaveAsClose" onclick="hideMe('divSaveAs')" type="button" value="x"&gt; &lt;label class="classLblData" id="lblSaveAsFileName"&gt;Simulation name:&lt;/label&gt; &lt;input class="classTxtInput" id="txtSaveAsFileName" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;label class="classLblData" id="lblSaveAsKeywords"&gt;Keywords (optional)&lt;/label&gt; &lt;input class="classTxtInput" id="txtSaveAsKeywords" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;label class="classLblData" id="lblSaveAsDescription"&gt;Description (optional)&lt;/label&gt; &lt;textarea id="txtAreaSaveAsDescription" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;Tesla SpaceX &lt;/textarea&gt; &lt;label class="classLblData" id="lblSaveAsAuthor"&gt;Author (optional)&lt;/label&gt; &lt;input class="classTxtInput" id="txtSaveAsAuthor" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;input id="checkSaveAsShare" onchange="if (checkSaveAsShare.checked) {checkSaveAsTempLink.checked = true}" type="checkbox"&gt; &lt;label class="classLblData" id="lblSaveAsShare" for="checkSaveAsShare"&gt;Share on orbitsimulator.com&lt;/label&gt; &lt;input id="checkSaveAsTempLink" onchange="if (checkSaveAsShare.checked) {checkSaveAsTempLink.checked = true}" type="checkbox" checked=""&gt; &lt;label class="classLblData" id="lblSaveAsTempLink" for="checkSaveAsShare"&gt;Create temporary link&lt;/label&gt; &lt;label class="classLblData" id="lblSaveAsAddress"&gt;Your simulation is here:&lt;/label&gt; &lt;span id="spanSimURL"&gt;&lt;/span&gt; &lt;label class="classLblData" id="lblSaveAsSourceCode"&gt;Source code:&lt;/label&gt; &lt;textarea id="txtAreaSaveAs" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;&lt;/textarea&gt; &lt;input id="btnSaveAs" onclick="mySaveAs()" type="button" value="Save"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divStars" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblStarsTitle"&gt;Stars&lt;/label&gt; &lt;input class="classBtnClose" id="btnStarsClose" onclick="hideMe('divStars')" type="button" value="x"&gt; &lt;label class="classLblData" id="lblSelectStars"&gt;Star catalog&lt;/label&gt; &lt;select class="classSelect" id="selectStars" onchange="loadStars()"&gt;&lt;option&gt;none&lt;/option&gt;&lt;option&gt;520&lt;/option&gt;&lt;option&gt;15K&lt;/option&gt;&lt;/select&gt; &lt;hr id="hrStars"&gt; &lt;input class="classTxtInput" id="checkRaDec" type="checkbox"&gt; &lt;label class="classLblData" id="lblRaDec" for="checkRaDec"&gt;RA / Dec&lt;/label&gt; &lt;label class="classLblData" id="lblStarBrightness"&gt;Star brightness&lt;/label&gt; &lt;input class="classTxtInput" id="txtStarBrightness" type="text" value="1"&gt; &lt;label class="classLblData" id="lblGridBrightness"&gt;Grid brightness&lt;/label&gt; &lt;input class="classTxtInput" id="txtGridBrightness" type="text" value="1"&gt; &lt;label class="classLblData" id="lblRaSpacing"&gt;RA spacing (min)&lt;/label&gt; &lt;input class="classTxtInput" id="txtRaSpacing" type="text" value="60"&gt; &lt;label class="classLblData" id="lblDecSpacing"&gt;Dec spacing (deg)&lt;/label&gt; &lt;input class="classTxtInput" id="txtDecSpacing" type="text" value="15"&gt; &lt;label class="classLblData" id="lblGridColor"&gt;Color&lt;/label&gt; &lt;input class="color classTxtColor" id="txtGridColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divRotatingFrame" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblRotatingFrameTitle"&gt;Rotating frame&lt;/label&gt; &lt;span class="classLblData" id="lblTargetObjectRF"&gt;Target object A&lt;/span&gt; &lt;span class="classLblData" id="lblReferenceObjectRF"&gt;Reference object A&lt;/span&gt; &lt;select class="classSelect" id="selectReferenceObjectRF" onchange="changeRF()"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;/select&gt; &lt;span class="classLblData" id="lblLongitudeRF"&gt;Longitude&lt;/span&gt; &lt;span class="classLblData" id="lblAltitudeRF"&gt;Altitude (AU)&lt;/span&gt; &lt;input id="txtAltitudeRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"&gt; &lt;span class="classLblData" id="lblDistanceRF"&gt;Distance (AU)&lt;/span&gt; &lt;input id="txtDistanceRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"&gt; &lt;input class="classTxtInput" id="checkRF" type="checkbox" value="Rotating frame"&gt; &lt;input class="classBtnClose" id="btnRotatingFrameClose" onclick="hideMe('divRotatingFrame')" type="button" value="x"&gt; &lt;/div&gt; &lt;div id="divLargerPlayButton" style="visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;input class="classBtnPlay" id="btnLargerPlayButton" style="left: 453px; top: 95px;" onclick="largePlayButtonPressed()" type="button"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divCitiesA" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblCitiesTitleA"&gt;Cities A&lt;/label&gt; &lt;input class="classBtnClose" id="btnCitiesCloseA" onclick="hideMe('divCitiesA')" type="button" value="x"&gt; &lt;select class="classSelect" id="selectCitiesA" onchange="changeCityA()"&gt;&lt;option value="1"&gt;Aberdeen, Scotland&lt;/option&gt;&lt;option value="2"&gt;Adelaide, Australia&lt;/option&gt;&lt;option value="3"&gt;Albany, N.Y.&lt;/option&gt;&lt;option value="4"&gt;Albuquerque, N.M.&lt;/option&gt;&lt;option value="5"&gt;Algiers, Algeria&lt;/option&gt;&lt;option value="6"&gt;Amarillo, Tex.&lt;/option&gt;&lt;option value="7"&gt;Amsterdam, Netherlands&lt;/option&gt;&lt;option value="8"&gt;Anchorage, Alaska&lt;/option&gt;&lt;option value="9"&gt;Ankara, Turkey&lt;/option&gt;&lt;option value="10"&gt;Asuncion, Paraguay&lt;/option&gt;&lt;option value="11"&gt;Athens, Greece&lt;/option&gt;&lt;option value="12"&gt;Atlanta, Ga.&lt;/option&gt;&lt;option value="13"&gt;Auckland, New Zealand&lt;/option&gt;&lt;option value="14"&gt;Austin, Tex.&lt;/option&gt;&lt;option value="15"&gt;Baker, Ore.&lt;/option&gt;&lt;option value="16"&gt;Baltimore, Md.&lt;/option&gt;&lt;option value="17"&gt;Bangkok, Thailand&lt;/option&gt;&lt;option value="18"&gt;Bangor, Maine&lt;/option&gt;&lt;option value="19"&gt;Barcelona, Spain&lt;/option&gt;&lt;option value="20"&gt;Barrow, Alaska&lt;/option&gt;&lt;option value="21"&gt;Beijing, China&lt;/option&gt;&lt;option value="22"&gt;Belem, Brazil&lt;/option&gt;&lt;option value="23"&gt;Belfast, Northern Ireland&lt;/option&gt;&lt;option value="24"&gt;Belgrade, Serbia&lt;/option&gt;&lt;option value="25"&gt;Berlin, Germany&lt;/option&gt;&lt;option value="26"&gt;Birmingham, Ala.&lt;/option&gt;&lt;option value="27"&gt;Birmingham, England&lt;/option&gt;&lt;option value="28"&gt;Bismarck, N.D.&lt;/option&gt;&lt;option value="29"&gt;Bogota, Colombia&lt;/option&gt;&lt;option value="30"&gt;Boise, Idaho&lt;/option&gt;&lt;option value="31"&gt;Bombay, India&lt;/option&gt;&lt;option value="32"&gt;Bordeaux, France&lt;/option&gt;&lt;option value="33"&gt;Boston, Mass.&lt;/option&gt;&lt;option value="34"&gt;Bremen, Germany&lt;/option&gt;&lt;option value="35"&gt;Brisbane, Australia&lt;/option&gt;&lt;option value="36"&gt;Bristol, England&lt;/option&gt;&lt;option value="37"&gt;Brussels, Belgium&lt;/option&gt;&lt;option value="38"&gt;Bucharest, Romania&lt;/option&gt;&lt;option value="39"&gt;Budapest, Hungary&lt;/option&gt;&lt;option value="40"&gt;Buenos Aires, Argentina&lt;/option&gt;&lt;option value="41"&gt;Buffalo, N.Y.&lt;/option&gt;&lt;option value="42"&gt;Cairo, Egypt&lt;/option&gt;&lt;option value="43"&gt;Calcutta, India&lt;/option&gt;&lt;option value="44"&gt;Calgary, Alba., Can.&lt;/option&gt;&lt;option value="45"&gt;Canton, China&lt;/option&gt;&lt;option value="46"&gt;Cape Town, South Africa&lt;/option&gt;&lt;option value="47"&gt;Caracas, Venezuela&lt;/option&gt;&lt;option value="48"&gt;Carbondale, Illinois&lt;/option&gt;&lt;option value="49"&gt;Carlsbad, N.M.&lt;/option&gt;&lt;option value="50"&gt;Cayenne, French Guiana&lt;/option&gt;&lt;option value="51"&gt;Charleston, S.C.&lt;/option&gt;&lt;option value="52"&gt;Charleston, W. Va.&lt;/option&gt;&lt;option value="53"&gt;Charlotte, N.C.&lt;/option&gt;&lt;option value="54"&gt;Casper, Wyo.&lt;/option&gt;&lt;option value="55"&gt;Cheyenne, Wyo.&lt;/option&gt;&lt;option value="56"&gt;Chebarlul Lake, Russia&lt;/option&gt;&lt;option value="57"&gt;Chicago, Ill.&lt;/option&gt;&lt;option value="58"&gt;Chico, Ca&lt;/option&gt;&lt;option value="59"&gt;Chihuahua, Mexico&lt;/option&gt;&lt;option value="60"&gt;Chongqing, China&lt;/option&gt;&lt;option value="61"&gt;Christchurch, New Zealand&lt;/option&gt;&lt;option value="62"&gt;Cincinnati, Ohio&lt;/option&gt;&lt;option value="63"&gt;Cleveland, Ohio&lt;/option&gt;&lt;option value="64"&gt;Columbia, S.C.&lt;/option&gt;&lt;option value="65"&gt;Columbus, Ohio&lt;/option&gt;&lt;option value="66"&gt;Copenhagen, Denmark&lt;/option&gt;&lt;option value="67"&gt;Cordoba, Argentina&lt;/option&gt;&lt;option value="68"&gt;Crescent City, California&lt;/option&gt;&lt;option value="69"&gt;Dakar, Senegal&lt;/option&gt;&lt;option value="70"&gt;Dallas, Tex.&lt;/option&gt;&lt;option value="71"&gt;Darwin, Australia&lt;/option&gt;&lt;option value="72"&gt;Denver, Colo.&lt;/option&gt;&lt;option value="73"&gt;Des Moines, Iowa&lt;/option&gt;&lt;option value="74"&gt;Detroit, Mich.&lt;/option&gt;&lt;option value="75"&gt;Djibouti, Djibouti&lt;/option&gt;&lt;option value="76"&gt;Dublin, Ireland&lt;/option&gt;&lt;option value="77"&gt;Dubuque, Iowa&lt;/option&gt;&lt;option value="78"&gt;Duluth, Minn.&lt;/option&gt;&lt;option value="79"&gt;Durban, South Africa&lt;/option&gt;&lt;option value="80"&gt;Eastport, Maine&lt;/option&gt;&lt;option value="81"&gt;Edinburgh, Scotland&lt;/option&gt;&lt;option value="82"&gt;Edmonton, Alb., Can.&lt;/option&gt;&lt;option value="83"&gt;El Centro, Calif.&lt;/option&gt;&lt;option value="84"&gt;El Paso, Tex.&lt;/option&gt;&lt;option value="85"&gt;Eugene, Ore.&lt;/option&gt;&lt;option value="86"&gt;Fairfax, CA&lt;/option&gt;&lt;option value="87"&gt;Fargo, N.D.&lt;/option&gt;&lt;option value="88"&gt;Flagstaff, Ariz.&lt;/option&gt;&lt;option value="89"&gt;Fort Worth, Tex.&lt;/option&gt;&lt;option value="90"&gt;Frankfurt, Germany&lt;/option&gt;&lt;option value="91"&gt;Fresno, Calif.&lt;/option&gt;&lt;option value="92"&gt;Georgetown, Guyana&lt;/option&gt;&lt;option value="93"&gt;Glasgow, Scotland&lt;/option&gt;&lt;option value="94"&gt;Grand Island, Neb&lt;/option&gt;&lt;option value="95"&gt;Grand Junction, Colo.&lt;/option&gt;&lt;option value="96"&gt;Grand Rapids, Mich.&lt;/option&gt;&lt;option value="97"&gt;Guatemala City, Guatemala&lt;/option&gt;&lt;option value="98"&gt;Guayaquil, Ecuador&lt;/option&gt;&lt;option value="99"&gt;Hamburg, Germany&lt;/option&gt;&lt;option value="100"&gt;Hammerfest, Norway&lt;/option&gt;&lt;option value="101"&gt;Havana, Cuba&lt;/option&gt;&lt;option value="102"&gt;Havre, Mont.&lt;/option&gt;&lt;option value="103"&gt;Helena, Mont.&lt;/option&gt;&lt;option value="104"&gt;Helsinki, Finland&lt;/option&gt;&lt;option value="105"&gt;Hobart, Tasmania&lt;/option&gt;&lt;option value="106"&gt;Hong Kong, China&lt;/option&gt;&lt;option value="107"&gt;Honolulu, Hawaii&lt;/option&gt;&lt;option value="108"&gt;Hopkinsville, Kentucky&lt;/option&gt;&lt;option value="109"&gt;Hot Springs, Ark.&lt;/option&gt;&lt;option value="110"&gt;Houston, Tex.&lt;/option&gt;&lt;option value="111"&gt;Idaho Falls, Idaho&lt;/option&gt;&lt;option value="112"&gt;Indianapolis, Ind.&lt;/option&gt;&lt;option value="113"&gt;Iquique, Chile&lt;/option&gt;&lt;option value="114"&gt;Irkutsk, Russia&lt;/option&gt;&lt;option value="115"&gt;Jackson, Miss.&lt;/option&gt;&lt;option value="116"&gt;Jacksonville, Fla.&lt;/option&gt;&lt;option value="117"&gt;Jakarta, Indonesia&lt;/option&gt;&lt;option value="118"&gt;Jefferson City, Missouri&lt;/option&gt;&lt;option value="119"&gt;Johannesburg, South Africa&lt;/option&gt;&lt;option value="120"&gt;Juneau, Alaska&lt;/option&gt;&lt;option value="121"&gt;Kansas City, Mo.&lt;/option&gt;&lt;option value="122"&gt;Key West, Fla.&lt;/option&gt;&lt;option value="123"&gt;Kingston, Jamaica&lt;/option&gt;&lt;option value="124"&gt;Kingston, Ont., Can.&lt;/option&gt;&lt;option value="125"&gt;Kinshasa, Congo&lt;/option&gt;&lt;option value="126"&gt;Klamath Falls, Ore.&lt;/option&gt;&lt;option value="127"&gt;Knoxville, Tenn.&lt;/option&gt;&lt;option value="128"&gt;Kuala Lumpur, Malaysia&lt;/option&gt;&lt;option value="129"&gt;La Paz, Bolivia&lt;/option&gt;&lt;option value="130"&gt;Las Vegas, Nev.&lt;/option&gt;&lt;option value="131"&gt;Leeds, England&lt;/option&gt;&lt;option value="132"&gt;Lewiston, Idaho&lt;/option&gt;&lt;option value="133"&gt;Lima, Peru&lt;/option&gt;&lt;option value="134"&gt;Lincoln, Neb.&lt;/option&gt;&lt;option value="135"&gt;Lisbon, Portugal&lt;/option&gt;&lt;option value="136"&gt;Litchfield Park, AZ&lt;/option&gt;&lt;option value="137"&gt;Liverpool, England&lt;/option&gt;&lt;option value="138"&gt;London, England&lt;/option&gt;&lt;option value="139"&gt;London, Ont., Can.&lt;/option&gt;&lt;option value="140"&gt;Long Beach, Calif.&lt;/option&gt;&lt;option value="141"&gt;Los Angeles, Calif.&lt;/option&gt;&lt;option value="142"&gt;Louisville, Ky.&lt;/option&gt;&lt;option value="143"&gt;Lyons, France&lt;/option&gt;&lt;option value="144"&gt;Madrid, Spain&lt;/option&gt;&lt;option value="145"&gt;Manchester, England&lt;/option&gt;&lt;option value="146"&gt;Manchester, N.H.&lt;/option&gt;&lt;option value="147"&gt;Manila, Philippines&lt;/option&gt;&lt;option value="148"&gt;Marseilles, France&lt;/option&gt;&lt;option value="149"&gt;Mazatlan, Mexico&lt;/option&gt;&lt;option value="150"&gt;Mecca, Saudi Arabia&lt;/option&gt;&lt;option value="151"&gt;Melbourne, Australia&lt;/option&gt;&lt;option value="152"&gt;Memphis, Tenn.&lt;/option&gt;&lt;option value="153"&gt;Mexico City, Mexico&lt;/option&gt;&lt;option value="154"&gt;Miami, Fla.&lt;/option&gt;&lt;option value="155"&gt;Milan, Italy&lt;/option&gt;&lt;option value="156"&gt;Milwaukee, Wis.&lt;/option&gt;&lt;option value="157"&gt;Minneapolis, Minn.&lt;/option&gt;&lt;option value="158"&gt;Mobile, Ala.&lt;/option&gt;&lt;option value="159"&gt;Montevideo, Uruguay&lt;/option&gt;&lt;option value="160"&gt;Montgomery, Ala.&lt;/option&gt;&lt;option value="161"&gt;Montpelier, Vt.&lt;/option&gt;&lt;option value="162"&gt;Montreal, Que., Can.&lt;/option&gt;&lt;option value="163"&gt;Moose Jaw, Sask., Can.&lt;/option&gt;&lt;option value="164"&gt;Moscow, Russia&lt;/option&gt;&lt;option value="165"&gt;Munich, Germany&lt;/option&gt;&lt;option value="166"&gt;Nagasaki, Japan&lt;/option&gt;&lt;option value="167"&gt;Nagoya, Japan&lt;/option&gt;&lt;option value="168"&gt;Nairobi, Kenya&lt;/option&gt;&lt;option value="169"&gt;Nanjing (Nanking), China&lt;/option&gt;&lt;option value="170"&gt;Naples, Italy&lt;/option&gt;&lt;option value="171"&gt;Nashville, Tenn.&lt;/option&gt;&lt;option value="172"&gt;Nelson, B.C., Can.&lt;/option&gt;&lt;option value="173"&gt;New Delhi, India&lt;/option&gt;&lt;option value="174"&gt;New Haven, Conn.&lt;/option&gt;&lt;option value="175"&gt;New Orleans, La.&lt;/option&gt;&lt;option value="176"&gt;New York, N.Y.&lt;/option&gt;&lt;option value="177"&gt;Newark, N.J.&lt;/option&gt;&lt;option value="178"&gt;Newcastle-on-Tyne, England&lt;/option&gt;&lt;option value="179"&gt;Nome, Alaska&lt;/option&gt;&lt;option value="180"&gt;Oakland, Calif.&lt;/option&gt;&lt;option value="181"&gt;Odessa, Ukraine&lt;/option&gt;&lt;option value="182"&gt;Oklahoma City, Okla.&lt;/option&gt;&lt;option value="183"&gt;Omaha, Neb.&lt;/option&gt;&lt;option value="184"&gt;Osaka, Japan&lt;/option&gt;&lt;option value="185"&gt;Oslo, Norway&lt;/option&gt;&lt;option value="186"&gt;Ottawa, Ont., Can.&lt;/option&gt;&lt;option value="187"&gt;Paducah, Kentucky&lt;/option&gt;&lt;option value="188"&gt;Panama City, Panama&lt;/option&gt;&lt;option value="189"&gt;Paramaribo, Suriname&lt;/option&gt;&lt;option value="190"&gt;Paris, France&lt;/option&gt;&lt;option value="191"&gt;Perth, Australia&lt;/option&gt;&lt;option value="192"&gt;Philadelphia, Pa.&lt;/option&gt;&lt;option value="193"&gt;Phoenix, Ariz.&lt;/option&gt;&lt;option value="194"&gt;Pierre, S.D.&lt;/option&gt;&lt;option value="195"&gt;Pittsburgh, Pa.&lt;/option&gt;&lt;option value="196"&gt;Plymouth, England&lt;/option&gt;&lt;option value="197"&gt;Port Moresby, Papua New Guinea&lt;/option&gt;&lt;option value="198"&gt;Portland, Maine&lt;/option&gt;&lt;option value="199"&gt;Portland, Ore.&lt;/option&gt;&lt;option value="200"&gt;Prague, Czech Republic&lt;/option&gt;&lt;option value="201"&gt;Providence, R.I.&lt;/option&gt;&lt;option value="202"&gt;Quebec, Que., Can.&lt;/option&gt;&lt;option value="203"&gt;Raleigh, N.C.&lt;/option&gt;&lt;option value="204"&gt;Rangoon, Myanmar&lt;/option&gt;&lt;option value="205"&gt;Redding, CA&lt;/option&gt;&lt;option value="206"&gt;Reno, Nev.&lt;/option&gt;&lt;option value="207"&gt;Reykjavik, Iceland&lt;/option&gt;&lt;option value="208"&gt;Richfield, Utah&lt;/option&gt;&lt;option value="209"&gt;Richmond, Va.&lt;/option&gt;&lt;option value="210"&gt;Rio de Janeiro, Brazil&lt;/option&gt;&lt;option value="211"&gt;Roanoke, Va.&lt;/option&gt;&lt;option value="212"&gt;Rome, Italy&lt;/option&gt;&lt;option value="213"&gt;Sacramento, Calif.&lt;/option&gt;&lt;option value="214"&gt;Salem, Oregon&lt;/option&gt;&lt;option value="215"&gt;Salt Lake City, Utah&lt;/option&gt;&lt;option value="216"&gt;Salvador, Brazil&lt;/option&gt;&lt;option value="217"&gt;San Antonio, Tex.&lt;/option&gt;&lt;option value="218"&gt;San Diego, Calif.&lt;/option&gt;&lt;option value="219"&gt;San Francisco, Calif.&lt;/option&gt;&lt;option value="220"&gt;San Jose, Calif.&lt;/option&gt;&lt;option value="221"&gt;San Juan, P.R.&lt;/option&gt;&lt;option value="222"&gt;Santa Fe, N.M.&lt;/option&gt;&lt;option value="223"&gt;Santiago, Chile&lt;/option&gt;&lt;option value="224"&gt;Sao Paulo, Brazil&lt;/option&gt;&lt;option value="225"&gt;Savannah, Ga.&lt;/option&gt;&lt;option value="226"&gt;Scottsbluff, Neb.&lt;/option&gt;&lt;option value="227"&gt;Seattle, Wash.&lt;/option&gt;&lt;option value="228"&gt;Shanghai, China&lt;/option&gt;&lt;option value="229"&gt;Shreveport, La.&lt;/option&gt;&lt;option value="230"&gt;Singapore, Singapore&lt;/option&gt;&lt;option value="231"&gt;Sioux Falls, S.D.&lt;/option&gt;&lt;option value="232"&gt;Sitka, Alaska&lt;/option&gt;&lt;option value="233"&gt;Sogod, Southern Leyte, Philippines&lt;/option&gt;&lt;option value="234"&gt;Sofia, Bulgaria&lt;/option&gt;&lt;option value="235"&gt;South Lake Tahoe, CA&lt;/option&gt;&lt;option value="236"&gt;Spokane, Wash.&lt;/option&gt;&lt;option value="237"&gt;Springfield, Ill.&lt;/option&gt;&lt;option value="238"&gt;Springfield, Mass.&lt;/option&gt;&lt;option value="239"&gt;Springfield, Mo.&lt;/option&gt;&lt;option value="240"&gt;St. John, N.B., Can.&lt;/option&gt;&lt;option value="241"&gt;St. Louis, Mo.&lt;/option&gt;&lt;option value="242"&gt;St. Petersburg, Russia&lt;/option&gt;&lt;option value="243"&gt;Stockholm, Sweden&lt;/option&gt;&lt;option value="244"&gt;Susanville Ranch Park, CA&lt;/option&gt;&lt;option value="245"&gt;Sydney, Australia&lt;/option&gt;&lt;option value="246"&gt;Syracuse, N.Y.&lt;/option&gt;&lt;option value="247"&gt;Tacloban, Philippines&lt;/option&gt;&lt;option value="248"&gt;Tampa, Fla.&lt;/option&gt;&lt;option value="249"&gt;Tananarive, Madagascar&lt;/option&gt;&lt;option value="250"&gt;Teheran, Iran&lt;/option&gt;&lt;option value="251"&gt;Tokyo, Japan&lt;/option&gt;&lt;option value="252"&gt;Toledo, Ohio&lt;/option&gt;&lt;option value="253"&gt;Toronto, Ont., Can.&lt;/option&gt;&lt;option value="254"&gt;Tripoli, Libya&lt;/option&gt;&lt;option value="255"&gt;Tulsa, Okla.&lt;/option&gt;&lt;option value="256"&gt;Vancouver, B.C., Can.&lt;/option&gt;&lt;option value="257"&gt;Venice, Italy&lt;/option&gt;&lt;option value="258"&gt;Veracruz, Mexico&lt;/option&gt;&lt;option value="259"&gt;Victoria, B.C., Can.&lt;/option&gt;&lt;option value="260"&gt;Vienna, Austria&lt;/option&gt;&lt;option value="261"&gt;Virginia Beach, Va.&lt;/option&gt;&lt;option value="262"&gt;Vladivostok, Russia&lt;/option&gt;&lt;option value="263"&gt;Warsaw, Poland&lt;/option&gt;&lt;option value="264"&gt;Washington, D.C.&lt;/option&gt;&lt;option value="265"&gt;Weed, CA&lt;/option&gt;&lt;option value="266"&gt;Wellington, New Zealand&lt;/option&gt;&lt;option value="267"&gt;Wichita, Kan.&lt;/option&gt;&lt;option value="268"&gt;Wilmington, N.C.&lt;/option&gt;&lt;option value="269"&gt;Winnipeg, Man., Can.&lt;/option&gt;&lt;option value="270"&gt;Yellowstone, Wyoming&lt;/option&gt;&lt;option value="271"&gt;Yuba City, CA&lt;/option&gt;&lt;option value="272"&gt;Zurich, Switzerland&lt;/option&gt;&lt;option value="273"&gt;Geocenter&lt;/option&gt;&lt;option value="274"&gt;Custom location&lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblLatitudeCitiesA"&gt;Latitude&lt;/label&gt; &lt;input class="classTxtInput" id="txtLatitudeCitiesA" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityA()" type="text" value="0"&gt; &lt;label class="classLblData" id="lblLongitudeCitiesA"&gt;Longitude&lt;/label&gt; &lt;input class="classTxtInput" id="txtLongitudeCitiesA" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityA()" type="text" value="0" ;=""&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divCitiesB" style="left: 969px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblCitiesTitleB"&gt;Cities B&lt;/label&gt; &lt;input class="classBtnClose" id="btnCitiesCloseB" onclick="hideMe('divCitiesB')" type="button" value="x"&gt; &lt;select class="classSelect" id="selectCitiesB" onchange="changeCityB()"&gt;&lt;option value="1"&gt;Aberdeen, Scotland&lt;/option&gt;&lt;option value="2"&gt;Adelaide, Australia&lt;/option&gt;&lt;option value="3"&gt;Albany, N.Y.&lt;/option&gt;&lt;option value="4"&gt;Albuquerque, N.M.&lt;/option&gt;&lt;option value="5"&gt;Algiers, Algeria&lt;/option&gt;&lt;option value="6"&gt;Amarillo, Tex.&lt;/option&gt;&lt;option value="7"&gt;Amsterdam, Netherlands&lt;/option&gt;&lt;option value="8"&gt;Anchorage, Alaska&lt;/option&gt;&lt;option value="9"&gt;Ankara, Turkey&lt;/option&gt;&lt;option value="10"&gt;Asuncion, Paraguay&lt;/option&gt;&lt;option value="11"&gt;Athens, Greece&lt;/option&gt;&lt;option value="12"&gt;Atlanta, Ga.&lt;/option&gt;&lt;option value="13"&gt;Auckland, New Zealand&lt;/option&gt;&lt;option value="14"&gt;Austin, Tex.&lt;/option&gt;&lt;option value="15"&gt;Baker, Ore.&lt;/option&gt;&lt;option value="16"&gt;Baltimore, Md.&lt;/option&gt;&lt;option value="17"&gt;Bangkok, Thailand&lt;/option&gt;&lt;option value="18"&gt;Bangor, Maine&lt;/option&gt;&lt;option value="19"&gt;Barcelona, Spain&lt;/option&gt;&lt;option value="20"&gt;Barrow, Alaska&lt;/option&gt;&lt;option value="21"&gt;Beijing, China&lt;/option&gt;&lt;option value="22"&gt;Belem, Brazil&lt;/option&gt;&lt;option value="23"&gt;Belfast, Northern Ireland&lt;/option&gt;&lt;option value="24"&gt;Belgrade, Serbia&lt;/option&gt;&lt;option value="25"&gt;Berlin, Germany&lt;/option&gt;&lt;option value="26"&gt;Birmingham, Ala.&lt;/option&gt;&lt;option value="27"&gt;Birmingham, England&lt;/option&gt;&lt;option value="28"&gt;Bismarck, N.D.&lt;/option&gt;&lt;option value="29"&gt;Bogota, Colombia&lt;/option&gt;&lt;option value="30"&gt;Boise, Idaho&lt;/option&gt;&lt;option value="31"&gt;Bombay, India&lt;/option&gt;&lt;option value="32"&gt;Bordeaux, France&lt;/option&gt;&lt;option value="33"&gt;Boston, Mass.&lt;/option&gt;&lt;option value="34"&gt;Bremen, Germany&lt;/option&gt;&lt;option value="35"&gt;Brisbane, Australia&lt;/option&gt;&lt;option value="36"&gt;Bristol, England&lt;/option&gt;&lt;option value="37"&gt;Brussels, Belgium&lt;/option&gt;&lt;option value="38"&gt;Bucharest, Romania&lt;/option&gt;&lt;option value="39"&gt;Budapest, Hungary&lt;/option&gt;&lt;option value="40"&gt;Buenos Aires, Argentina&lt;/option&gt;&lt;option value="41"&gt;Buffalo, N.Y.&lt;/option&gt;&lt;option value="42"&gt;Cairo, Egypt&lt;/option&gt;&lt;option value="43"&gt;Calcutta, India&lt;/option&gt;&lt;option value="44"&gt;Calgary, Alba., Can.&lt;/option&gt;&lt;option value="45"&gt;Canton, China&lt;/option&gt;&lt;option value="46"&gt;Cape Town, South Africa&lt;/option&gt;&lt;option value="47"&gt;Caracas, Venezuela&lt;/option&gt;&lt;option value="48"&gt;Carbondale, Illinois&lt;/option&gt;&lt;option value="49"&gt;Carlsbad, N.M.&lt;/option&gt;&lt;option value="50"&gt;Cayenne, French Guiana&lt;/option&gt;&lt;option value="51"&gt;Charleston, S.C.&lt;/option&gt;&lt;option value="52"&gt;Charleston, W. Va.&lt;/option&gt;&lt;option value="53"&gt;Charlotte, N.C.&lt;/option&gt;&lt;option value="54"&gt;Casper, Wyo.&lt;/option&gt;&lt;option value="55"&gt;Cheyenne, Wyo.&lt;/option&gt;&lt;option value="56"&gt;Chebarlul Lake, Russia&lt;/option&gt;&lt;option value="57"&gt;Chicago, Ill.&lt;/option&gt;&lt;option value="58"&gt;Chico, Ca&lt;/option&gt;&lt;option value="59"&gt;Chihuahua, Mexico&lt;/option&gt;&lt;option value="60"&gt;Chongqing, China&lt;/option&gt;&lt;option value="61"&gt;Christchurch, New Zealand&lt;/option&gt;&lt;option value="62"&gt;Cincinnati, Ohio&lt;/option&gt;&lt;option value="63"&gt;Cleveland, Ohio&lt;/option&gt;&lt;option value="64"&gt;Columbia, S.C.&lt;/option&gt;&lt;option value="65"&gt;Columbus, Ohio&lt;/option&gt;&lt;option value="66"&gt;Copenhagen, Denmark&lt;/option&gt;&lt;option value="67"&gt;Cordoba, Argentina&lt;/option&gt;&lt;option value="68"&gt;Crescent City, California&lt;/option&gt;&lt;option value="69"&gt;Dakar, Senegal&lt;/option&gt;&lt;option value="70"&gt;Dallas, Tex.&lt;/option&gt;&lt;option value="71"&gt;Darwin, Australia&lt;/option&gt;&lt;option value="72"&gt;Denver, Colo.&lt;/option&gt;&lt;option value="73"&gt;Des Moines, Iowa&lt;/option&gt;&lt;option value="74"&gt;Detroit, Mich.&lt;/option&gt;&lt;option value="75"&gt;Djibouti, Djibouti&lt;/option&gt;&lt;option value="76"&gt;Dublin, Ireland&lt;/option&gt;&lt;option value="77"&gt;Dubuque, Iowa&lt;/option&gt;&lt;option value="78"&gt;Duluth, Minn.&lt;/option&gt;&lt;option value="79"&gt;Durban, South Africa&lt;/option&gt;&lt;option value="80"&gt;Eastport, Maine&lt;/option&gt;&lt;option value="81"&gt;Edinburgh, Scotland&lt;/option&gt;&lt;option value="82"&gt;Edmonton, Alb., Can.&lt;/option&gt;&lt;option value="83"&gt;El Centro, Calif.&lt;/option&gt;&lt;option value="84"&gt;El Paso, Tex.&lt;/option&gt;&lt;option value="85"&gt;Eugene, Ore.&lt;/option&gt;&lt;option value="86"&gt;Fairfax, CA&lt;/option&gt;&lt;option value="87"&gt;Fargo, N.D.&lt;/option&gt;&lt;option value="88"&gt;Flagstaff, Ariz.&lt;/option&gt;&lt;option value="89"&gt;Fort Worth, Tex.&lt;/option&gt;&lt;option value="90"&gt;Frankfurt, Germany&lt;/option&gt;&lt;option value="91"&gt;Fresno, Calif.&lt;/option&gt;&lt;option value="92"&gt;Georgetown, Guyana&lt;/option&gt;&lt;option value="93"&gt;Glasgow, Scotland&lt;/option&gt;&lt;option value="94"&gt;Grand Island, Neb&lt;/option&gt;&lt;option value="95"&gt;Grand Junction, Colo.&lt;/option&gt;&lt;option value="96"&gt;Grand Rapids, Mich.&lt;/option&gt;&lt;option value="97"&gt;Guatemala City, Guatemala&lt;/option&gt;&lt;option value="98"&gt;Guayaquil, Ecuador&lt;/option&gt;&lt;option value="99"&gt;Hamburg, Germany&lt;/option&gt;&lt;option value="100"&gt;Hammerfest, Norway&lt;/option&gt;&lt;option value="101"&gt;Havana, Cuba&lt;/option&gt;&lt;option value="102"&gt;Havre, Mont.&lt;/option&gt;&lt;option value="103"&gt;Helena, Mont.&lt;/option&gt;&lt;option value="104"&gt;Helsinki, Finland&lt;/option&gt;&lt;option value="105"&gt;Hobart, Tasmania&lt;/option&gt;&lt;option value="106"&gt;Hong Kong, China&lt;/option&gt;&lt;option value="107"&gt;Honolulu, Hawaii&lt;/option&gt;&lt;option value="108"&gt;Hopkinsville, Kentucky&lt;/option&gt;&lt;option value="109"&gt;Hot Springs, Ark.&lt;/option&gt;&lt;option value="110"&gt;Houston, Tex.&lt;/option&gt;&lt;option value="111"&gt;Idaho Falls, Idaho&lt;/option&gt;&lt;option value="112"&gt;Indianapolis, Ind.&lt;/option&gt;&lt;option value="113"&gt;Iquique, Chile&lt;/option&gt;&lt;option value="114"&gt;Irkutsk, Russia&lt;/option&gt;&lt;option value="115"&gt;Jackson, Miss.&lt;/option&gt;&lt;option value="116"&gt;Jacksonville, Fla.&lt;/option&gt;&lt;option value="117"&gt;Jakarta, Indonesia&lt;/option&gt;&lt;option value="118"&gt;Jefferson City, Missouri&lt;/option&gt;&lt;option value="119"&gt;Johannesburg, South Africa&lt;/option&gt;&lt;option value="120"&gt;Juneau, Alaska&lt;/option&gt;&lt;option value="121"&gt;Kansas City, Mo.&lt;/option&gt;&lt;option value="122"&gt;Key West, Fla.&lt;/option&gt;&lt;option value="123"&gt;Kingston, Jamaica&lt;/option&gt;&lt;option value="124"&gt;Kingston, Ont., Can.&lt;/option&gt;&lt;option value="125"&gt;Kinshasa, Congo&lt;/option&gt;&lt;option value="126"&gt;Klamath Falls, Ore.&lt;/option&gt;&lt;option value="127"&gt;Knoxville, Tenn.&lt;/option&gt;&lt;option value="128"&gt;Kuala Lumpur, Malaysia&lt;/option&gt;&lt;option value="129"&gt;La Paz, Bolivia&lt;/option&gt;&lt;option value="130"&gt;Las Vegas, Nev.&lt;/option&gt;&lt;option value="131"&gt;Leeds, England&lt;/option&gt;&lt;option value="132"&gt;Lewiston, Idaho&lt;/option&gt;&lt;option value="133"&gt;Lima, Peru&lt;/option&gt;&lt;option value="134"&gt;Lincoln, Neb.&lt;/option&gt;&lt;option value="135"&gt;Lisbon, Portugal&lt;/option&gt;&lt;option value="136"&gt;Litchfield Park, AZ&lt;/option&gt;&lt;option value="137"&gt;Liverpool, England&lt;/option&gt;&lt;option value="138"&gt;London, England&lt;/option&gt;&lt;option value="139"&gt;London, Ont., Can.&lt;/option&gt;&lt;option value="140"&gt;Long Beach, Calif.&lt;/option&gt;&lt;option value="141"&gt;Los Angeles, Calif.&lt;/option&gt;&lt;option value="142"&gt;Louisville, Ky.&lt;/option&gt;&lt;option value="143"&gt;Lyons, France&lt;/option&gt;&lt;option value="144"&gt;Madrid, Spain&lt;/option&gt;&lt;option value="145"&gt;Manchester, England&lt;/option&gt;&lt;option value="146"&gt;Manchester, N.H.&lt;/option&gt;&lt;option value="147"&gt;Manila, Philippines&lt;/option&gt;&lt;option value="148"&gt;Marseilles, France&lt;/option&gt;&lt;option value="149"&gt;Mazatlan, Mexico&lt;/option&gt;&lt;option value="150"&gt;Mecca, Saudi Arabia&lt;/option&gt;&lt;option value="151"&gt;Melbourne, Australia&lt;/option&gt;&lt;option value="152"&gt;Memphis, Tenn.&lt;/option&gt;&lt;option value="153"&gt;Mexico City, Mexico&lt;/option&gt;&lt;option value="154"&gt;Miami, Fla.&lt;/option&gt;&lt;option value="155"&gt;Milan, Italy&lt;/option&gt;&lt;option value="156"&gt;Milwaukee, Wis.&lt;/option&gt;&lt;option value="157"&gt;Minneapolis, Minn.&lt;/option&gt;&lt;option value="158"&gt;Mobile, Ala.&lt;/option&gt;&lt;option value="159"&gt;Montevideo, Uruguay&lt;/option&gt;&lt;option value="160"&gt;Montgomery, Ala.&lt;/option&gt;&lt;option value="161"&gt;Montpelier, Vt.&lt;/option&gt;&lt;option value="162"&gt;Montreal, Que., Can.&lt;/option&gt;&lt;option value="163"&gt;Moose Jaw, Sask., Can.&lt;/option&gt;&lt;option value="164"&gt;Moscow, Russia&lt;/option&gt;&lt;option value="165"&gt;Munich, Germany&lt;/option&gt;&lt;option value="166"&gt;Nagasaki, Japan&lt;/option&gt;&lt;option value="167"&gt;Nagoya, Japan&lt;/option&gt;&lt;option value="168"&gt;Nairobi, Kenya&lt;/option&gt;&lt;option value="169"&gt;Nanjing (Nanking), China&lt;/option&gt;&lt;option value="170"&gt;Naples, Italy&lt;/option&gt;&lt;option value="171"&gt;Nashville, Tenn.&lt;/option&gt;&lt;option value="172"&gt;Nelson, B.C., Can.&lt;/option&gt;&lt;option value="173"&gt;New Delhi, India&lt;/option&gt;&lt;option value="174"&gt;New Haven, Conn.&lt;/option&gt;&lt;option value="175"&gt;New Orleans, La.&lt;/option&gt;&lt;option value="176"&gt;New York, N.Y.&lt;/option&gt;&lt;option value="177"&gt;Newark, N.J.&lt;/option&gt;&lt;option value="178"&gt;Newcastle-on-Tyne, England&lt;/option&gt;&lt;option value="179"&gt;Nome, Alaska&lt;/option&gt;&lt;option value="180"&gt;Oakland, Calif.&lt;/option&gt;&lt;option value="181"&gt;Odessa, Ukraine&lt;/option&gt;&lt;option value="182"&gt;Oklahoma City, Okla.&lt;/option&gt;&lt;option value="183"&gt;Omaha, Neb.&lt;/option&gt;&lt;option value="184"&gt;Osaka, Japan&lt;/option&gt;&lt;option value="185"&gt;Oslo, Norway&lt;/option&gt;&lt;option value="186"&gt;Ottawa, Ont., Can.&lt;/option&gt;&lt;option value="187"&gt;Paducah, Kentucky&lt;/option&gt;&lt;option value="188"&gt;Panama City, Panama&lt;/option&gt;&lt;option value="189"&gt;Paramaribo, Suriname&lt;/option&gt;&lt;option value="190"&gt;Paris, France&lt;/option&gt;&lt;option value="191"&gt;Perth, Australia&lt;/option&gt;&lt;option value="192"&gt;Philadelphia, Pa.&lt;/option&gt;&lt;option value="193"&gt;Phoenix, Ariz.&lt;/option&gt;&lt;option value="194"&gt;Pierre, S.D.&lt;/option&gt;&lt;option value="195"&gt;Pittsburgh, Pa.&lt;/option&gt;&lt;option value="196"&gt;Plymouth, England&lt;/option&gt;&lt;option value="197"&gt;Port Moresby, Papua New Guinea&lt;/option&gt;&lt;option value="198"&gt;Portland, Maine&lt;/option&gt;&lt;option value="199"&gt;Portland, Ore.&lt;/option&gt;&lt;option value="200"&gt;Prague, Czech Republic&lt;/option&gt;&lt;option value="201"&gt;Providence, R.I.&lt;/option&gt;&lt;option value="202"&gt;Quebec, Que., Can.&lt;/option&gt;&lt;option value="203"&gt;Raleigh, N.C.&lt;/option&gt;&lt;option value="204"&gt;Rangoon, Myanmar&lt;/option&gt;&lt;option value="205"&gt;Redding, CA&lt;/option&gt;&lt;option value="206"&gt;Reno, Nev.&lt;/option&gt;&lt;option value="207"&gt;Reykjavik, Iceland&lt;/option&gt;&lt;option value="208"&gt;Richfield, Utah&lt;/option&gt;&lt;option value="209"&gt;Richmond, Va.&lt;/option&gt;&lt;option value="210"&gt;Rio de Janeiro, Brazil&lt;/option&gt;&lt;option value="211"&gt;Roanoke, Va.&lt;/option&gt;&lt;option value="212"&gt;Rome, Italy&lt;/option&gt;&lt;option value="213"&gt;Sacramento, Calif.&lt;/option&gt;&lt;option value="214"&gt;Salem, Oregon&lt;/option&gt;&lt;option value="215"&gt;Salt Lake City, Utah&lt;/option&gt;&lt;option value="216"&gt;Salvador, Brazil&lt;/option&gt;&lt;option value="217"&gt;San Antonio, Tex.&lt;/option&gt;&lt;option value="218"&gt;San Diego, Calif.&lt;/option&gt;&lt;option value="219"&gt;San Francisco, Calif.&lt;/option&gt;&lt;option value="220"&gt;San Jose, Calif.&lt;/option&gt;&lt;option value="221"&gt;San Juan, P.R.&lt;/option&gt;&lt;option value="222"&gt;Santa Fe, N.M.&lt;/option&gt;&lt;option value="223"&gt;Santiago, Chile&lt;/option&gt;&lt;option value="224"&gt;Sao Paulo, Brazil&lt;/option&gt;&lt;option value="225"&gt;Savannah, Ga.&lt;/option&gt;&lt;option value="226"&gt;Scottsbluff, Neb.&lt;/option&gt;&lt;option value="227"&gt;Seattle, Wash.&lt;/option&gt;&lt;option value="228"&gt;Shanghai, China&lt;/option&gt;&lt;option value="229"&gt;Shreveport, La.&lt;/option&gt;&lt;option value="230"&gt;Singapore, Singapore&lt;/option&gt;&lt;option value="231"&gt;Sioux Falls, S.D.&lt;/option&gt;&lt;option value="232"&gt;Sitka, Alaska&lt;/option&gt;&lt;option value="233"&gt;Sogod, Southern Leyte, Philippines&lt;/option&gt;&lt;option value="234"&gt;Sofia, Bulgaria&lt;/option&gt;&lt;option value="235"&gt;South Lake Tahoe, CA&lt;/option&gt;&lt;option value="236"&gt;Spokane, Wash.&lt;/option&gt;&lt;option value="237"&gt;Springfield, Ill.&lt;/option&gt;&lt;option value="238"&gt;Springfield, Mass.&lt;/option&gt;&lt;option value="239"&gt;Springfield, Mo.&lt;/option&gt;&lt;option value="240"&gt;St. John, N.B., Can.&lt;/option&gt;&lt;option value="241"&gt;St. Louis, Mo.&lt;/option&gt;&lt;option value="242"&gt;St. Petersburg, Russia&lt;/option&gt;&lt;option value="243"&gt;Stockholm, Sweden&lt;/option&gt;&lt;option value="244"&gt;Susanville Ranch Park, CA&lt;/option&gt;&lt;option value="245"&gt;Sydney, Australia&lt;/option&gt;&lt;option value="246"&gt;Syracuse, N.Y.&lt;/option&gt;&lt;option value="247"&gt;Tacloban, Philippines&lt;/option&gt;&lt;option value="248"&gt;Tampa, Fla.&lt;/option&gt;&lt;option value="249"&gt;Tananarive, Madagascar&lt;/option&gt;&lt;option value="250"&gt;Teheran, Iran&lt;/option&gt;&lt;option value="251"&gt;Tokyo, Japan&lt;/option&gt;&lt;option value="252"&gt;Toledo, Ohio&lt;/option&gt;&lt;option value="253"&gt;Toronto, Ont., Can.&lt;/option&gt;&lt;option value="254"&gt;Tripoli, Libya&lt;/option&gt;&lt;option value="255"&gt;Tulsa, Okla.&lt;/option&gt;&lt;option value="256"&gt;Vancouver, B.C., Can.&lt;/option&gt;&lt;option value="257"&gt;Venice, Italy&lt;/option&gt;&lt;option value="258"&gt;Veracruz, Mexico&lt;/option&gt;&lt;option value="259"&gt;Victoria, B.C., Can.&lt;/option&gt;&lt;option value="260"&gt;Vienna, Austria&lt;/option&gt;&lt;option value="261"&gt;Virginia Beach, Va.&lt;/option&gt;&lt;option value="262"&gt;Vladivostok, Russia&lt;/option&gt;&lt;option value="263"&gt;Warsaw, Poland&lt;/option&gt;&lt;option value="264"&gt;Washington, D.C.&lt;/option&gt;&lt;option value="265"&gt;Weed, CA&lt;/option&gt;&lt;option value="266"&gt;Wellington, New Zealand&lt;/option&gt;&lt;option value="267"&gt;Wichita, Kan.&lt;/option&gt;&lt;option value="268"&gt;Wilmington, N.C.&lt;/option&gt;&lt;option value="269"&gt;Winnipeg, Man., Can.&lt;/option&gt;&lt;option value="270"&gt;Yellowstone, Wyoming&lt;/option&gt;&lt;option value="271"&gt;Yuba City, CA&lt;/option&gt;&lt;option value="272"&gt;Zurich, Switzerland&lt;/option&gt;&lt;option value="273"&gt;Geocenter&lt;/option&gt;&lt;option value="274"&gt;Custom location&lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblLatitudeCitiesB"&gt;Latitude&lt;/label&gt; &lt;input class="classTxtInput" id="txtLatitudeCitiesB" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityB()" type="text" value="0"&gt; &lt;label class="classLblData" id="lblLongitudeCitiesB"&gt;Longitude&lt;/label&gt; &lt;input class="classTxtInput" id="txtLongitudeCitiesB" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityB()" type="text" value="0" ;=""&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divToFromA" style="left: 0px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblToFromATitle"&gt;Frame A&lt;/label&gt; &lt;input class="classBtnClose" id="btnToFromAClose" onclick="hideMe('divToFromA')" type="button" value="x"&gt; &lt;span class="classLblData" id="lblTargetObjectA"&gt;Target object A&lt;/span&gt; &lt;select class="classSelect" id="selectTargetObjectA" onchange="changeTargetObjectA(); changeBarycenterA()"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;span class="classLblData" id="lblCameraObjectA"&gt;Camera object A&lt;/span&gt; &lt;select class="classSelect" id="selectCameraObjectA" onchange="changeCameraObjectA();"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;span class="classLblData" id="spanBarycenterCheckBoxA"&gt;Barycenter&lt;/span&gt; &lt;input class="classTxtInput" id="checkBarycenterPerspectiveA" onclick="changeBarycenterA();" type="checkbox" value="Barycenter"&gt; &lt;span class="classLblData" id="lblMinimumObjectSizeA"&gt;Minimum object size&lt;/span&gt; &lt;input class="classTxtInput" id="txtMinimumObjectSizeA" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeMinimumObjectSizeA()" type="text"&gt; &lt;span class="classLblData" id="lblTrailSizeA"&gt;Trail size&lt;/span&gt; &lt;input class="classTxtInput" id="txtTrailSizeA" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeTrailSizeA()" type="text"&gt; &lt;label class="classLblData" id="lblZoomA"&gt;Zoom&lt;/label&gt; &lt;input class="classBtnSmall" id="pZoomInA" onclick="pZoomInA()" type="button" value="+"&gt; &lt;input class="classTxtInput" id="txtFOVa" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;input class="classBtnSmall" id="pZoomOutA" onclick="pZoomOutA()" type="button" value="-"&gt; &lt;input class="classTxtInput" id="checkStarsA" type="checkbox"&gt; &lt;label class="classLblData" id="lblStarsA" for="checkStarsA"&gt;Stars&lt;/label&gt; &lt;input class="classTxtInput" id="checkStarsLabelsA" type="checkbox"&gt; &lt;label class="classLblData" id="lblStarsLabelsA" for="checkStarsLabelsA"&gt;Star labels&lt;/label&gt; &lt;input class="classTxtInput" id="checkKBOsA" type="checkbox"&gt; &lt;label class="classLblData" id="lblKBOsA" for="checkKBOsA"&gt;Static KBOs&lt;/label&gt; &lt;input class="classTxtInput" id="checkPreTrailsA" onclick="checkKeplerCA.checked = checkPreTrailsA.checked" type="checkbox"&gt; &lt;label class="classLblData" id="lblPreTrailsA" for="checkPreTrailsA"&gt;Pre trails&lt;/label&gt; &lt;input class="classTxtInput" id="checkCrescentsA" type="checkbox"&gt; &lt;label class="classLblData" id="lblCrescentsA" for="checkCrescentsA"&gt;Phases&lt;/label&gt; &lt;input class="classTxtInput" id="checkSunGraphicA" type="checkbox"&gt; &lt;label class="classLblData" id="lblSunGraphicA" for="checkSunGraphicA"&gt;Sun graphic&lt;/label&gt; &lt;input id="checkLabelsA" type="checkbox" value="Labels"&gt; &lt;label class="classLblData" id="lblLabelsA" for="checkLabelsA"&gt;Labels&lt;/label&gt; &lt;input class="classTxtInput" id="txtFontA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="bold 16px Arial"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divToFromB" style="left: 970px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblToFromBTitle"&gt;Frame B&lt;/label&gt; &lt;input class="classBtnClose" id="btnToFromBClose" onclick="hideMe('divToFromB')" type="button" value="x"&gt; &lt;span class="classLblData" id="lblTargetObjectB"&gt;Target object B&lt;/span&gt; &lt;select class="classSelect" id="selectTargetObjectB" onchange="changeTargetObjectB(); changeBarycenterB()"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;span class="classLblData" id="lblCameraObjectB"&gt;Camera object B&lt;/span&gt; &lt;select class="classSelect" id="selectCameraObjectB" onchange="changeCameraObjectB();"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;span class="classLblData" id="spanBarycenterCheckBoxB"&gt;Barycenter&lt;/span&gt; &lt;input class="classTxtInput" id="checkBarycenterPerspectiveB" onclick="changeBarycenterB();" type="checkbox" value="Barycenter"&gt; &lt;span class="classLblData" id="lblMinimumObjectSizeB"&gt;Minimum object size&lt;/span&gt; &lt;input class="classTxtInput" id="txtMinimumObjectSizeB" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeMinimumObjectSizeB()" type="text"&gt; &lt;span class="classLblData" id="lblTrailSizeB"&gt;Trail size&lt;/span&gt; &lt;input class="classTxtInput" id="txtTrailSizeB" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeTrailSizeB()" type="text"&gt; &lt;label class="classLblData" id="lblZoomB"&gt;Zoom&lt;/label&gt; &lt;input class="classBtnSmall" id="pZoomInB" onclick="pZoomInB()" type="button" value="+"&gt; &lt;input class="classTxtInput" id="txtFOVb" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;input class="classBtnSmall" id="pZoomOutB" onclick="pZoomOutB()" type="button" value="-"&gt; &lt;input class="classTxtInput" id="checkStarsB" type="checkbox"&gt; &lt;label class="classLblData" id="lblStarsB" for="checkStarsB"&gt;Stars&lt;/label&gt; &lt;input class="classTxtInput" id="checkStarsLabelsB" type="checkbox"&gt; &lt;label class="classLblData" id="lblStarsLabelsB" for="checkStarsLabelsB"&gt;Star labels&lt;/label&gt; &lt;input class="classTxtInput" id="checkKBOsB" type="checkbox"&gt; &lt;label class="classLblData" id="lblKBOsB" for="checkKBOsB"&gt;Static KBOs&lt;/label&gt; &lt;input class="classTxtInput" id="checkPreTrailsB" type="checkbox"&gt; &lt;label class="classLblData" id="lblPreTrailsB" for="checkPreTrailsB"&gt;Pre trails&lt;/label&gt; &lt;input class="classTxtInput" id="checkCrescentsB" type="checkbox"&gt; &lt;label class="classLblData" id="lblCrescentsB" for="checkCrescentsB"&gt;Phases&lt;/label&gt; &lt;input class="classTxtInput" id="checkSunGraphicB" type="checkbox"&gt; &lt;label class="classLblData" id="lblSunGraphicB" for="checkSunGraphicB"&gt;Sun graphic&lt;/label&gt; &lt;input id="checkLabelsB" type="checkbox" value="Labels"&gt; &lt;label class="classLblData" id="lblLabelsB" for="checkLabelsB"&gt;Labels&lt;/label&gt; &lt;input class="classTxtInput" id="txtFontB" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="bold 16px Arial"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divPreferences" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblPreferencesTitle"&gt;Preferences&lt;/label&gt; &lt;input class="classBtnClose" id="btnPreferencesClose" onclick="hideMe('divPreferences')" type="button" value="x"&gt; &lt;label class="classLblData" id="lblDoEvents"&gt;Do events&lt;/label&gt; &lt;input class="classTxtInput" id="txtDoEvents" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDoEvents()" type="text"&gt; &lt;label class="classLblData" id="lblSelectIntegrator"&gt;Integrator:&lt;/label&gt; &lt;select class="classSelect" id="selectIntegrator"&gt;&lt;option value="Euler"&gt;Euler-Cromer&lt;/option&gt;&lt;option value="RK4"&gt;RK4&lt;/option&gt; &lt;option value="RK4vtsc"&gt;RK4 variable time step with collisions&lt;/option&gt;&lt;option value="RK4vts"&gt;RK4 variable time step&lt;/option&gt;&lt;option value="RK4c"&gt;RK4 with collisions&lt;/option&gt;&lt;/select&gt; &lt;label class="classLblData" id="lblStepsPerRadian"&gt;Variable time step - steps per radian:&lt;/label&gt; &lt;input class="classTxtInput" id="txtStepsPerRadian" type="text" value="150"&gt; &lt;label class="classLblData" id="lblEventsDuration"&gt;Events duration&lt;/label&gt; &lt;input class="classTxtInput" id="txtEventsDuration" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeEventsDuration()" type="text"&gt; &lt;label class="classLblData" id="lblOpacity"&gt;Opacity&lt;/label&gt; &lt;input class="classTxtInput" id="txtOpacity" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeOpacity()" type="text"&gt; &lt;input id="checkMedia" onclick="addMedia()" type="checkbox"&gt; &lt;label class="classLblData" id="lblMedia" for="checkMedia"&gt;Media&lt;/label&gt; &lt;input id="checkRealTime" onclick="toggleRealTime()" type="checkbox"&gt; &lt;label class="classLblData" id="lblRealTime" for="checkRealTime"&gt;Real time&lt;/label&gt; &lt;/div&gt; &lt;div id="divLogo"&gt; &lt;a href="http://gravitysimulator.com"&gt;&lt;img id="imgLogo1" src="http://orbitsimulator.com/gravitySimulatorCloud/logo3.gif"&gt;&lt;/a&gt; &lt;/div&gt; &lt;div id="divNavigate"&gt; &lt;table id="tableNavigate"&gt; &lt;tbody&gt;&lt;tr&gt; &lt;td&gt;&lt;img src="http://orbitsimulator.com/gravity/articles/copyright.GIF"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt; &lt;iframe title="Twitter Follow Button" class="twitter-follow-button twitter-follow-button" id="twitter-widget-0" src="http://platform.twitter.com/widgets/follow_button.403b2a3ca10837290e034c22c8a16c06.en.html#_=1435713363184&amp;amp;dnt=false&amp;amp;id=twitter-widget-0&amp;amp;lang=en&amp;amp;screen_name=tony873004&amp;amp;show_count=false&amp;amp;show_screen_name=true&amp;amp;size=m" frameborder="0" scrolling="no" style="width: 134px; height: 20px; visibility: visible; position: static;" allowtransparency="true" data-twttr-rendered="true"&gt;&lt;/iframe&gt; &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');&lt;/script&gt; &lt;/td&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a onmouseover="document.btndesc.src = btndescover.src" onmouseout="document.btndesc.src = btndescout.src" href="http://orbitsimulator.com/gravity/articles/what.html"&gt; &lt;img name="btndesc" src="http://orbitsimulator.com/gravity/articles/descorange.GIF" border="0"&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a onmouseover="document.btndown.src = btndownover.src" onmouseout="document.btndown.src = btndownout.src" href="http://orbitsimulator.com/gravity/articles/download.html"&gt; &lt;img name="btndown" src="http://orbitsimulator.com/gravity/articles/downorange.GIF" border="0"&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a onmouseover="document.btnsimu.src = btnsimuover.src" onmouseout="document.btnsimu.src = btnsimuout.src" href="http://orbitsimulator.com/gravity/articles/simu.html"&gt; &lt;img name="btnsimu" src="http://orbitsimulator.com/gravity/articles/simuorange.GIF" border="0"&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a onmouseover="document.btnmess.src = btnmessover.src" onmouseout="document.btnmess.src = btnmessout.src" href="http://www.orbitsimulator.com/cgi-bin/yabb/YaBB.pl"&gt; &lt;img name="btnmess" src="http://orbitsimulator.com/gravity/articles/messorange.GIF" border="0"&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a onmouseover="document.btnlink.src = btnlinkover.src" onmouseout="document.btnlink.src = btnlinkout.src" href="http://orbitsimulator.com/gravity/articles/link.html"&gt; &lt;img name="btnlink" src="http://orbitsimulator.com/gravity/articles/linkorange.GIF" border="0"&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a onmouseover="document.btncont.src = btncontover.src" onmouseout="document.btncont.src = btncontout.src" href="http://orbitsimulator.com/gravity/articles/cont.html"&gt; &lt;img name="btncont" src="http://orbitsimulator.com/gravity/articles/contorange.GIF" border="0"&gt; &lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;form action="https://www.paypal.com/cgi-bin/webscr" method="post"&gt; &lt;input name="cmd" type="hidden" value="_s-xclick"&gt; &lt;input name="submit" type="image" alt="Make payments with PayPal - it's fast, free and secure!" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" border="0"&gt; &lt;input name="encrypted" type="hidden" value="-----BEGIN PKCS7-----MIIHPwYJKoZIhvcNAQcEoIIHMDCCBywCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYCLc/NY/XdfFAzDttbWKXzt5DjkEuvN2YRZa0H36w36xquEjZUAA/Nsc7vex3R+2qDKJwmVJoB46B/deoVWXwAafrxq+tImrT6dL/jNg9oHf/RneisPX1cUXEm5QczhjD+RaFW4zWtS8QHUXFJhHuy4G+MrNKAItphJvpcqX0TfSjELMAkGBSsOAwIaBQAwgbwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIxHNrs3ZRLUqAgZip6BnnFbE998OORKiFrEZPHjAavqnX/zbyJyNFom/ewDsSVIXBNQfSOILoRoNmPo7yNPHRfQUpWdqy2lFR6UgNkzVc+VnNo00Hd/v0QAyK2CHAYg0paLLLF3rj+XCQD1lXp2EKI2L/lG7VOmioDtu+UoLV3iNJ54b2hDpTUJznliYRXjNP33kPpD7U7C+L7zlhksClLjqd26CCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTA1MDMyNTE5MDczNlowIwYJKoZIhvcNAQkEMRYEFNSan1XUsliJxuSb5WIJTBzg/cbDMA0GCSqGSIb3DQEBAQUABIGAmHGHFBJrMgFP23tTNSFoGPUAGPJlGvHYjPis1hjxGFMH61+3veJn9niQJc1+GEwBAs/AYYE2rWdvNAZ6WzntKlWNcx+gYaeDnjzSlW+XBhg32dDDtP0G4z1U0EVBq/E01t+J799gkAiiolK19G8jW+zQIqZ2Gmn89sn1pqGCS8s=-----END PKCS7-----&amp;#13;"&gt; &lt;/form&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divCollisionLog" style="left: 1071px; top: 0px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblCollisionLogTitle"&gt;Collision log&lt;/label&gt; &lt;input class="classBtnClose" id="btnCollisionLogClose" onclick="hideMe('divCollisionLog')" type="button" value="x"&gt; &lt;textarea id="txtAreaCollisionLog" readonly="readonly"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divSimulationDescription" style="left: 1071px; top: 0px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblSimulationDescriptionTitle"&gt;Simulation description&lt;/label&gt; &lt;input class="classBtnClose" id="btnSimulationDescriptionClose" onclick="hideMe('divSimulationDescription')" type="button" value="x"&gt; &lt;textarea id="txtAreaSimulationDescription" readonly="readonly"&gt;Enter the name of any asteroid to see a simulation of its orbit.&lt;/textarea&gt; &lt;/div&gt; &lt;div class="ui-widget-content ui-draggable" id="divScreens" style="left: 251px; top: 128px; visibility: hidden;" onmouseover="document.getElementById('btnScreensClose').style.visibility='visible'" onmouseout="document.getElementById('btnScreensClose').style.visibility='hidden'"&gt; &lt;input class="btnClose" id="btnScreensClose" style="visibility: hidden;" onclick="document.getElementById('divScreens').style.visibility = 'hidden';&amp;#10; document.getElementById('btnScreensClose').style.visibility='hidden'" type="button" value="x"&gt; &lt;span id="lblScreens"&gt;Screens&lt;/span&gt;&lt;br&gt; &lt;table border="1"&gt; &lt;tbody&gt;&lt;tr&gt; &lt;td&gt;&lt;input id="checkTopDown" onclick="changeDisplayTopDown()" type="checkbox" ;=""&gt;&lt;label class="classTable" id="spanTable01" for="checkTopDown"&gt;Override&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable02"&gt;Top&lt;/span&gt;&lt;input id="txtTopDownTop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable03"&gt;Left&lt;/span&gt;&lt;input id="txtTopDownLeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable04"&gt;Height&lt;/span&gt;&lt;input id="txtTopDownHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable05"&gt;Width&lt;/span&gt;&lt;input id="txtTopDownWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable06"&gt;Perspective A&lt;/span&gt;&lt;input id="checkPerspectiveA" onclick="sizeFrames()" type="checkbox" ;=""&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable07"&gt;Top&lt;/span&gt;&lt;input id="txtPerspectiveATop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable08"&gt;Left&lt;/span&gt;&lt;input id="txtPerspectiveALeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable09"&gt;Height&lt;/span&gt;&lt;input id="txtPerspectiveAHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable10"&gt;Width&lt;/span&gt;&lt;input id="txtPerspectiveAWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable11"&gt;Perspective B&lt;/span&gt;&lt;input id="checkPerspectiveB" onclick="sizeFrames(); changeCanvasOutputSize()" type="checkbox"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable12"&gt;Top&lt;/span&gt;&lt;input id="txtPerspectiveBTop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable13"&gt;Left&lt;/span&gt;&lt;input id="txtPerspectiveBLeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable14"&gt;Height&lt;/span&gt;&lt;input id="txtPerspectiveBHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;td&gt;&lt;span class="classTable" id="spanTable15"&gt;Width&lt;/span&gt;&lt;input id="txtPerspectiveBWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divQuickHelp" style="left: 252px; top: 287px; visibility: hidden;" onresize="txtAreaQuickHelp.width = divQuickHelp.width"&gt; &lt;label class="classControlTitle" id="lblQuickHelpTitle"&gt;Quick help&lt;/label&gt; &lt;input class="classBtnClose" id="btnQuickHelpClose" onclick="hideMe('divQuickHelp')" type="button" value="x"&gt; &lt;textarea id="txtAreaQuickHelp" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divAPsingleEvents" style="left: 252px; top: 287px; visibility: hidden;"&gt; &lt;label class="classControlTitle" id="lblAPsingleEventsTitle"&gt;Autopilot single events&lt;/label&gt; &lt;input class="classBtnClose" id="btnAPsingleEventsClose" onclick="hideMe('divAPsingleEvents')" type="button" value="x"&gt; &lt;textarea id="txtAreaAPsingleEvents" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;&lt;/textarea&gt; &lt;input class="classBtn" id="btnAPsingleEventsUpdate" onclick="updateAPsingleEvents()" type="button" value="Update"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divAPperIteration" style="left: 652px; top: 287px; visibility: hidden;"&gt; &lt;label class="classControlTitle" id="lblAPperIterationTitle"&gt;Autopilot per iteration&lt;/label&gt; &lt;input class="classBtnClose" id="btnAPperIterationClose" onclick="hideMe('divAPperIteration')" type="button" value="x"&gt; &lt;textarea id="txtAreaAPperIteration" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;&lt;/textarea&gt; &lt;input class="classBtn" id="btnAPperIterationUpdate" onclick="updateAPperIteration()" type="button" value="Update"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divAPperGraphicUpdate" style="left: 1053px; top: 287px; visibility: hidden;"&gt; &lt;label class="classControlTitle" id="lblAPperGraphicUpdateTitle"&gt;Autopilot per graphic update&lt;/label&gt; &lt;input class="classBtnClose" id="btnAPperGraphicUpdateClose" onclick="hideMe('divAPperGraphicUpdate')" type="button" value="x"&gt; &lt;textarea id="txtAreaAPperGraphicUpdate" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;&lt;/textarea&gt; &lt;input class="classBtn" id="btnAPperGraphicUpdateUpdate" onclick="updateAPperGraphicUpdate()" type="button" value="Update"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divScreenShotImage" style="left: 97px; top: 282px; visibility: hidden;"&gt; &lt;label class="classControlTitle" id="lblScreenShotImageTitle"&gt;Screen shot&lt;/label&gt; &lt;input class="classBtnClose" id="btnScreenShotImageClose" onclick="hideMe('divScreenShotImage')" type="button" value="x"&gt; &lt;img id="imgScreenShotImage"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divScreenShots" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblScreenShotsTitle"&gt;Screen shots&lt;/label&gt; &lt;label class="classLblData" id="lblScreenShotsDimensions"&gt;Dimensions (&lt;i&gt;x&lt;/i&gt;, &lt;i&gt;y&lt;/i&gt;)&lt;/label&gt; &lt;input class="classTxtInput" id="txtScreenShotDimensions" onchange="changeCanvasOutputSizeOverride()" type="text"&gt; &lt;input id="btnTakeScreenShots" onclick="saveCanvasImage()" type="button" value="Take screen shot"&gt; &lt;input id="checkScreenShotsCls" type="checkbox"&gt; &lt;label class="classLblData" id="lblScreenShotsCls" for="checkScreenShotsCls"&gt;Clear screen after screen shot&lt;/label&gt; &lt;input id="checkScreenShotsAforeground" onchange="changeCanvasOutputSize()" type="checkbox"&gt; &lt;label class="classLblData" id="lblscreenShotsAforeground" for="checkscreenshotsaforeground"&gt;Frame A foreground&lt;/label&gt; &lt;input id="checkScreenShotsAbackground" onchange="changeCanvasOutputSize()" type="checkbox"&gt; &lt;label class="classLblData" id="lblscreenShotsAbackground" for="checkscreenshotsabackground"&gt;Frame A background&lt;/label&gt; &lt;label class="classLblData" id="lblScreenShotsAposition"&gt;Frame A position (&lt;i&gt;x&lt;/i&gt;, &lt;i&gt;y&lt;/i&gt;)&lt;/label&gt; &lt;input class="classTxtInput" id="txtScreenShotsAposition" type="text"&gt; &lt;input id="checkScreenShotsBforeground" onchange="changeCanvasOutputSize()" type="checkbox"&gt; &lt;label class="classLblData" id="lblscreenShotsBforeground" for="" 'checkscreenshotsbforeground'=""&gt;Frame B foreground&lt;/label&gt; &lt;input id="checkScreenShotsBbackground" onchange="changeCanvasOutputSize()" type="checkbox"&gt; &lt;label class="classLblData" id="lblscreenShotsBbackground" for="" 'checkscreenshotsbbackground'=""&gt;Frame B background&lt;/label&gt; &lt;label class="classLblData" id="lblScreenShotsBposition"&gt;Frame B position (&lt;i&gt;x&lt;/i&gt;, &lt;i&gt;y&lt;/i&gt;)&lt;/label&gt; &lt;input class="classTxtInput" id="txtScreenShotsBposition" type="text"&gt; &lt;label class="classLblData" id="lblScreenShotData"&gt;&lt;/label&gt; &lt;input class="classBtnClose" id="btnScreenShotsClose" onclick="hideMe('divScreenShots')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divVectors" style="left: 382px; top: 507px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblVectorsTitle"&gt;Vectors&lt;/label&gt; &lt;input class="classBtnClose" id="btnVectorsClose" onclick="hideMe('divVectors')" type="button" value="x"&gt; &lt;select class="classSelect" id="selectvectorObj1A" onchange="changeVectorObjects()" document.getelementbyid('selectvectorobj1a').style.visibility="hidden"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;option value="13"&gt;Camera A&lt;/option&gt;&lt;option value="14"&gt;Camera B&lt;/option&gt;&lt;/select&gt; &lt;select class="classSelect" id="selectvectorObj2A" onchange="changeVectorObjects()" document.getelementbyid('selectvectorobj2a').style.visibility="hidden"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;/select&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt; &lt;input class="classBtnUnit" id="btnPositionUnits" onclick="changePositionUnits()" type="button" value="Position x, y, z (km)"&gt; &lt;input class="classTxtInput" id="txtObjx" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"&gt; &lt;input class="classTxtInput" id="txtObjy" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"&gt; &lt;input class="classTxtInput" id="txtObjz" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"&gt; &lt;input class="classBtnUnit" id="btnVelocityUnits" onclick="changeVelocityUnits('btnVelocityUnits')" type="button" value="Velocity x, y, z (km/s)"&gt; &lt;input class="classTxtInput" id="txtObjvx" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"&gt; &lt;input class="classTxtInput" id="txtObjvy" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"&gt; &lt;input class="classTxtInput" id="txtObjvz" onkeydown="userTyping(true)" onkeyup="userTyping(false); " type="text" updatevectors()';=""&gt; &lt;span id="lblDistanceAndSpeed"&gt;Distance and speed&lt;/span&gt; &lt;input class="classLblData" id="txtDistance" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;input class="classLblData" id="txtSpeed" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"&gt; &lt;span id="spanTangentialSpeedVectors"&gt;Tangential speed&lt;/span&gt; &lt;span class="classLblData" id="lblTangentialSpeedVectors"&gt;NaN&lt;/span&gt; &lt;span id="spanRadialVelocityVectors"&gt;Radial velocity&lt;/span&gt; &lt;span class="classLblData" id="lblRadialVelocityVectors"&gt;NaN&lt;/span&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class="ui-widget-content ui-draggable" id="divEccentricity" onmouseover="document.getElementById('btnEccentricityClose').style.visibility='visible'" onmouseout="document.getElementById('btnEccentricityClose').style.visibility='hidden'"&gt; &lt;span id="lblDivEccentricity"&gt;Eccentricity&lt;/span&gt;&lt;br&gt; &lt;span id="lblEccentricity"&gt;0.2610044423007468&lt;/span&gt; &lt;input class="btnClose" id="btnEccentricityClose" onclick="document.getElementById('divEccentricity').style.visibility = 'hidden'; document.getElementById('btnEccentricityClose').style.visibility='hidden'" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="ui-widget-content ui-draggable" id="divSMA" onmouseover="document.getElementById('btnSMAClose').style.visibility='visible'" onmouseout="document.getElementById('btnSMAClose').style.visibility='hidden'"&gt; &lt;span id="lblDivSMA"&gt;Semi-major axis (AU)&lt;/span&gt;&lt;br&gt; &lt;span id="lblSMA"&gt;1.3343277621989557&lt;/span&gt; &lt;input class="btnClose" id="btnSMAClose" onclick="document.getElementById('divSMA').style.visibility = 'hidden'; document.getElementById('btnSMAClose').style.visibility='hidden'" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divImportObjectsLite" style="left: 375px; top: 303px; visibility: hidden;"&gt; &lt;label class="classControlTitle" id="lblImportObjectsLiteTitle"&gt;Import object&lt;/label&gt; &lt;input class="classBtnClose" id="btnImportObjectsLiteClose" onclick="hideMe('divImportObjectsLite')" type="button" value="x"&gt; &lt;input class="classTxtInput" id="txtImportObjectsLite" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" ;=""&gt; &lt;label class="classLblData" id="lblImportObjectsLite"&gt;Importing roadster -- SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/label&gt; &lt;input class="classBtn" id="btnImportObjectsLite" onclick="importAnObject()" type="button" value="Import"&gt; &lt;input class="color classTxtColor" id="txtImportColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divImportObjects" style="left: 375px; top: 303px; visibility: hidden;"&gt; &lt;label class="classControlTitle" id="lblImportObjectsTitle"&gt;Import objects&lt;/label&gt; &lt;input class="classBtnClose" id="btnImportObjectsClose" onclick="hideMe('divImportObjects')" type="button" value="x"&gt; &lt;input class="classTxtInput" id="checkDeleteExistingObjects" type="checkbox" checked="checked"&gt; &lt;label class="classLblData" id="lblDeleteExistingObjects" for="" 'checkdeleteexistingobjects'=""&gt;Delete existing objects&lt;/label&gt; &lt;label class="classLblData" id="lblImportSetTimeDateAndTime"&gt;Date and Time (UTC)&lt;/label&gt; &lt;input class="classTxtInput" id="txtImportSetDateAndTime" type="text"&gt; &lt;input class="classBtn" id="btnImportNow" onclick="setCurrentTime()" type="button" value="Now"&gt; &lt;div id="divImportButtons"&gt; &lt;input class="classBtn" id="btnPlanetsLuna" onclick="importPlanetsLuna()" type="button" value="Planets and Luna"&gt; &lt;input class="classBtn" id="btnPlanetsLunaPluto" onclick="importPlanetsLunaPluto()" type="button" value="Planets and Luna and Pluto"&gt; &lt;input class="classBtn" id="btnMajorKBOsTNOs" onclick="importKBOsTNOs()" type="button" value="Major KBOs and TNOs"&gt; &lt;input class="classBtn" id="btnMajorAsteroids" onclick="importMajorAsteroids()" type="button" value="Major asteroids"&gt; &lt;input class="classBtn" id="btnPhobosDeimos" onclick="importPhobosDeimos()" type="button" value="Phobos and Deimos"&gt; &lt;input class="classBtn" id="btnGalilianMoons" onclick="importGalilianMoons()" type="button" value="Galilian moons"&gt; &lt;input class="classBtn" id="btnJovianMoons" onclick="importJovianMoons()" type="button" value="Jovian moons"&gt; &lt;input class="classBtn" id="btnSaturianMoons" onclick="importSaturianMoons()" type="button" value="Saturn's moons"&gt; &lt;input class="classBtn" id="btnUranianMoons" onclick="importUranianMoons()" type="button" value="Uranus' moons"&gt; &lt;input class="classBtn" id="btnNeptuneMoons" onclick="importNeptuneMoons()" type="button" value="Neptune's moons"&gt; &lt;input class="classBtn" id="btnPlutoMoons" onclick="importPlutoMoons()" type="button" value="Pluto's moons"&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt; &lt;textarea id="txtAreaObjects" onkeydown="userTyping(true)" onkeyup="userTyping(false)"&gt;&lt;/textarea&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt; &lt;input class="classBtn" id="btnImportObjects" onclick="importObjects()" type="button" value="Import"&gt; &lt;/p&gt;&lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divDeleteObjects" style="left: 697px; top: 164px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblDeleteObjectsTitle"&gt;Delete objects&lt;/label&gt; &lt;div id="divDeleteList"&gt;&lt;input id="checkDEL1" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL1" for="checkDEL1"&gt;Sun&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL2" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL2" for="checkDEL2"&gt;Mercury (199)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL3" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL3" for="checkDEL3"&gt;Venus (299)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL4" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL4" for="checkDEL4"&gt;Earth (399)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL5" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL5" for="checkDEL5"&gt;Mars Barycenter (4)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL6" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL6" for="checkDEL6"&gt;Jupiter Barycenter (5)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL7" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL7" for="checkDEL7"&gt;Saturn Barycenter (6)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL8" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL8" for="checkDEL8"&gt;Uranus Barycenter (7)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL9" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL9" for="checkDEL9"&gt;Neptune Barycenter (8)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL10" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL10" for="checkDEL10"&gt;Pluto Barycenter (9)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL11" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL11" for="checkDEL11"&gt;Moon (301)&lt;/label&gt;&lt;br&gt;&lt;input id="checkDEL12" type="checkbox"&gt;&lt;label class="classLblData" id="lblDEL12" for="checkDEL12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/label&gt;&lt;br&gt;&lt;/div&gt; &lt;input class="classBtn" id="btnDeleteList" onclick="deleteObjects()" type="button" value="Delete selected"&gt; &lt;input class="classBtn" id="btnDeleteExistingObjects" onclick="deleteAll()" type="button" value="Delete all"&gt; &lt;input class="classBtnClose" id="btnDeleteObjectsClose" onclick="hideMe('divDeleteObjects')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divPreTrailObjectList" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblPreTrailObjectListTitle"&gt;Generate Pre trails&lt;/label&gt; &lt;div id="divPTOList"&gt;&lt;input id="checkPT1" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT1" for="checkPT1"&gt;Sun&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT2" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT2" for="checkPT2"&gt;Mercury (199)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT3" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT3" for="checkPT3"&gt;Venus (299)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT4" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT4" for="checkPT4"&gt;Earth (399)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT5" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT5" for="checkPT5"&gt;Mars Barycenter (4)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT6" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT6" for="checkPT6"&gt;Jupiter Barycenter (5)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT7" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT7" for="checkPT7"&gt;Saturn Barycenter (6)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT8" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT8" for="checkPT8"&gt;Uranus Barycenter (7)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT9" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT9" for="checkPT9"&gt;Neptune Barycenter (8)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT10" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT10" for="checkPT10"&gt;Pluto Barycenter (9)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT11" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT11" for="checkPT11"&gt;Moon (301)&lt;/label&gt;&lt;br&gt;&lt;input id="checkPT12" type="checkbox"&gt;&lt;label class="classLblData" id="lblPT12" for="checkPT12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/label&gt;&lt;br&gt;&lt;/div&gt; &lt;input class="classBtn" id="btnPreTrailObject" onclick="createPreTrails()" type="button" value="Generate"&gt; &lt;input class="classBtnClose" id="btnPreTrailObjectListClose" onclick="hideMe('divPreTrailObjectList')" type="button" value="x"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divClones" style="left: 251px; top: 127px; visibility: hidden; z-index: 10;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblClonesTitle"&gt;Create object with clones&lt;/label&gt; &lt;input class="classBtnClose" id="btnClonesClose" onclick="hideMe('divClones')" type="button" value="x"&gt; &lt;label class="classLblData" id="lblClonesPaste"&gt;Paste source code here&lt;/label&gt; &lt;input class="classTxtInput" id="txtClonesPaste" type="text"&gt; &lt;input class="classBtn" id="btnClonesPaste" onclick="populateCovarianceMatrix()" type="button" value="Populate covariance matrix"&gt; &lt;table class="classLblData" id="tableCloneElements" border="1"&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;(JD, n)&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtJD" type="text" value="2455365.5" td="" )&lt;=""&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtNclones" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;label class="classLblData" id="lblClonedObjectName"&gt;2007 WD5&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;(e, q, tp)&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtnEcc" type="text" value=".1264166503745047"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtnq" type="text" value="2.755053229767674"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtnTp" type="text" value="2455525.258613222718"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;(node, peri, i)&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtnNode" type="text" value="124.3122969912694"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtnPeri" type="text" value="286.9360372037381"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtnInc" type="text" value="27.39981009912621"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt; &lt;!-- pre-populate with 2006 AA at Epoch 2455365.5 (2010-Jun-18.0)--&gt; &lt;table class="classLblData" id="tableCloneCovarianceMatrix"&gt; &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;e&lt;/td&gt;&lt;td&gt;q&lt;/td&gt;&lt;td&gt;tp&lt;/td&gt;&lt;td&gt;node&lt;/td&gt;&lt;td&gt;peri&lt;/td&gt;&lt;td&gt;i&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov11" type="text" value="1.256493863742578E-14"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov12" type="text" value="-3.737499676885835E-14"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov13" type="text" value="2.492967729016577E-12"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov14" type="text" value="-8.232821912270769E-15"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov15" type="text" value="-1.050649910011074E-13"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov16" type="text" value="-2.888856910680375E-14"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;q &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov21" type="text" value="-3.737499676885835E-14"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov22" type="text" value="1.184105292855541E-13"&gt;&lt;/td&gt;&lt;td&gt; &lt;input class="classTxtInput" id="txtCov23" type="text" value="1.08665669987453E-11"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov24" type="text" value="3.826745839277628E-14"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov25" type="text" value="3.440271904983499E-12"&gt;&lt;/td&gt; &lt;td&gt;&lt;input class="classTxtInput" id="txtCov26" type="text" value="9.955185933555504E-14"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;tp &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov31" type="text" value="2.492967729016577E-12"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov32" type="text" value="1.08665669987453E-11"&gt;&lt;/td&gt;&lt;td&gt; &lt;input class="classTxtInput" id="txtCov33" type="text" value="1.286267586657627E-7"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov34" type="text" value="6.423207666821493E-11"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov35" type="text" value="2.287005522814516E-8"&gt;&lt;/td&gt; &lt;td&gt;&lt;input class="classTxtInput" id="txtCov36" type="text" value="4.776368038655077E-12"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;node&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov41" type="text" value="-8.232821912270769E-15"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov42" type="text" value="3.826745839277628E-14"&gt;&lt;/td&gt;&lt;td&gt; &lt;input class="classTxtInput" id="txtCov43" type="text" value="6.423207666821493E-11"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov44" type="text" value="5.448612714195269E-10"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov45" type="text" value="-4.691034007504948E-10"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov46" type="text" value="2.775940320101119E-11"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;peri&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov51" type="text" value="-1.050649910011074E-13"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov52" type="text" value="3.440271904983499E-12"&gt;&lt;/td&gt;&lt;td&gt; &lt;input class="classTxtInput" id="txtCov53" type="text" value="2.287005522814516E-8"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov54" type="text" value="-4.691034007504948E-10"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov55" type="text" value="4.590982230201347E-9"&gt;&lt;/td&gt; &lt;td&gt;&lt;input class="classTxtInput" id="txtCov56" type="text" value="-2.053773610023171E-11"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;i &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov61" type="text" value="-2.888856910680375E-14"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov62" type="text" value="9.955185933555504E-14"&gt;&lt;/td&gt;&lt;td&gt; &lt;input class="classTxtInput" id="txtCov63" type="text" value="4.776368038655077E-12"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov64" type="text" value="2.775940320101119E-11"&gt; &lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov65" type="text" value="-2.053773610023171E-11"&gt;&lt;/td&gt;&lt;td&gt;&lt;input class="classTxtInput" id="txtCov66" type="text" value="1.70215905699744E-10"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt; &lt;input class="classBtn" id="btnCreateClones" onclick="createObjectWithClones()" type="button" value="Create"&gt; &lt;/div&gt; &lt;div class="classControlDiv ui-draggable" id="divCreateObjects" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"&gt; &lt;label class="classControlTitle" id="lblCreateObjectsTitle"&gt;Create objects&lt;/label&gt; &lt;input class="classBtnClose" id="btnCreateObjectsClose" onclick="hideMe('divCreateObjects')" type="button" value="x"&gt; &lt;table id="tblCreateObjects" style="color: cyan;" border="1"&gt; &lt;tbody&gt;&lt;tr&gt; &lt;td&gt;____Number_of_objects&lt;/td&gt; &lt;td style="text-align: right;"&gt; &lt;input id="txtNumberOfObjectsCreated" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="1"&gt; &lt;/td&gt;&lt;td style="text-align: right;"&gt;Reference_object&lt;/td&gt; &lt;td&gt; &lt;select id="selectCreateReferenceObject"&gt;&lt;option value="1"&gt;Sun&lt;/option&gt;&lt;option value="2"&gt;Mercury (199)&lt;/option&gt;&lt;option value="3"&gt;Venus (299)&lt;/option&gt;&lt;option value="4"&gt;Earth (399)&lt;/option&gt;&lt;option value="5"&gt;Mars Barycenter (4)&lt;/option&gt;&lt;option value="6"&gt;Jupiter Barycenter (5)&lt;/option&gt;&lt;option value="7"&gt;Saturn Barycenter (6)&lt;/option&gt;&lt;option value="8"&gt;Uranus Barycenter (7)&lt;/option&gt;&lt;option value="9"&gt;Neptune Barycenter (8)&lt;/option&gt;&lt;option value="10"&gt;Pluto Barycenter (9)&lt;/option&gt;&lt;option value="11"&gt;Moon (301)&lt;/option&gt;&lt;option value="12"&gt;SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) &lt;/option&gt;&lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt;Name&lt;/td&gt; &lt;td&gt; &lt;input id="txtCreateName" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="object"&gt;&lt;br&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt; Red (0-255)&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateRed" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="128"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnRedPlusMinus" onclick="changeDistribution('btnRedPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateRedDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt; Green (0-255)&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateGreen" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="128"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnGreenPlusMinus" onclick="changeDistribution('btnGreenPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateGreenDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt; Blue (0-255)&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateBlue" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="255"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnBluePlusMinus" onclick="changeDistribution('btnBluePlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateBlueDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt; Radius &lt;input class="classBtnUnit" id="btnRadiusUnit" onclick="changeLengthUnitSmall('btnRadiusUnit')" type="button" value="(km)"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateRadius" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0" td="" &lt;=""&gt; &lt;/td&gt;&lt;td&gt;&lt;input id="btnRadiusPlusMinus" onclick="changeDistribution('btnRadiusPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateRadiusDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt; Mass &lt;input class="classBtnUnit" id="btnMassUnit" onclick="changeMassUnit('btnMassUnit')" type="button" value="(kg)"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateMass" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnMassPlusMinus" onclick="changeDistribution('btnMassPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtCreateMassDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt; Semi-major axis &lt;input class="classBtnUnit" id="btnSMAUnit" onclick="changeLengthUnitLarge('btnSMAUnit')" type="button" value="(km)"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtSMA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="1"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnSMAPlusMinus" onclick="changeDistribution('btnSMAPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtSMADistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt;Eccentricity&lt;/td&gt; &lt;td&gt;&lt;input id="txtEccentricity" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnEccentricityPlusMinus" onclick="changeDistribution('btnEccentricityPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtEccentricityDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt;Inclination (deg)&lt;/td&gt; &lt;td&gt;&lt;input id="txtInclination" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnInclinationPlusMinus" onclick="changeDistribution('btnInclinationPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtInclinationDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt;Longitude(deg)&lt;/td&gt; &lt;td&gt;&lt;input id="txtLongitude" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnLongitudePlusMinus" onclick="changeDistribution('btnLongitudePlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtLongitudeDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt;Periapsis(deg)&lt;/td&gt; &lt;td&gt;&lt;input id="txtPeriapsis" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnPeriapsisPlusMinus" onclick="changeDistribution('btnPeriapsisPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtPeriapsisDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="text-align: right;"&gt;MA (deg)&lt;/td&gt; &lt;td&gt;&lt;input id="txtMA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="btnMAPlusMinus" onclick="changeDistribution('btnMAPlusMinus')" type="button" value="+/- %"&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="txtMADistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt; &lt;input class="classBtn" id="btnCreateObjects" onclick="createObjects()" type="button" value="Create"&gt; &lt;/div&gt; &lt;div id="divTopDown" style="visibility: hidden;"&gt; &lt;canvas width="1800" height="1200" id="canvasPixels" style="background: black;"&gt;&lt;/canvas&gt; &lt;canvas width="1800" height="1200" id="foregroundLayer"&gt;&lt;/canvas&gt; &lt;/div&gt; &lt;div id="divPerspective" style="top: 0px;" onmouseover="hideAllMenuButtons()"&gt; &lt;canvas width="1366" height="650" id="canvasPixelsPerspectiveA" style="left: 0px; top: 0px;"&gt;&lt;/canvas&gt; &lt;canvas width="1366" height="650" id="foregroundLayerPerspectiveA" style="left: 0px; top: 0px;"&gt;&lt;/canvas&gt; &lt;canvas width="1366" height="650" id="trailLayerPerspectiveA" style="left: 0px; top: 0px;"&gt;&lt;/canvas&gt; &lt;canvas width="0" height="0" id="canvasPixelsPerspectiveB" style="left: 961px; top: 0px;"&gt;&lt;/canvas&gt; &lt;canvas width="0" height="0" id="foregroundLayerPerspectiveB" style="left: 961px; top: 0px;"&gt;&lt;/canvas&gt; &lt;canvas width="0" height="0" id="trailLayerPerspectiveB" style="left: 961px; top: 0px;"&gt;&lt;/canvas&gt; &lt;canvas width="0" height="0" id="canvasOutput" &lt;="" canvas=""&gt; &lt;/canvas&gt;&lt;/div&gt; &lt;script&gt; var version = '20150605'; function KeyPress(e) { var evtobj = window.event ? event : e if (evtobj.keyCode == 76 &amp;&amp; !keyDown) {checkLabelsA.checked = !checkLabelsA.checked; checkLabelsB.checked = !checkLabelsB.checked} if (evtobj.keyCode == 77 &amp;&amp; !keyDown) {menu()} if (evtobj.keyCode == 80 &amp;&amp; !keyDown) {pause()} if (evtobj.keyCode == 67 &amp;&amp; !keyDown) {perspectiveTrailsClsA(); perspectiveTrailsClsB(); perspectiveTrails2ClsA(); perspectiveTrails2ClsB()} if (evtobj.keyCode == 65 &amp;&amp; !keyDown) {document.getElementById('divToFromA').style.visibility = 'visible'} if (evtobj.keyCode == 66 &amp;&amp; !keyDown) {document.getElementById('divToFromB').style.visibility = 'visible'} if (evtobj.keyCode == 82 &amp;&amp; !keyDown) {checkRaDec.checked = true} if (evtobj.keyCode == 61 &amp;&amp; !keyDown) {pZoomInA(); pZoomInB()} if (evtobj.keyCode == 45 &amp;&amp; !keyDown) {pZoomOutA(); pZoomOutB()} if (evtobj.keyCode == 173 &amp;&amp; !keyDown) {pZoomOutA(); pZoomOutB()} if (evtobj.keyCode == 74 &amp;&amp; !keyDown) {document.getElementById('divJulianDate').style.visibility = 'visible'} if (evtobj.keyCode == 73 &amp;&amp; !keyDown) {document.getElementById('divImportObjectsLite').style.visibility = 'visible'} if (evtobj.keyCode == 69 &amp;&amp; !keyDown) {document.getElementById('divEditObjectsVectors').style.visibility = 'visible'} if (evtobj.keyCode == 81 &amp;&amp; !keyDown) {document.getElementById('divStereo').style.visibility = 'visible'} } document.onkeydown = KeyPress; var citiesLatA = 0, citiesLonA = 0, citiesLatB = 0, citiesLonB = 0, aLpha = 0, dElta = 0, dCore = 0, eqR = 6378000, polR = 6356000, ePsilon = Math.PI * (23 + 26/60 + 21.448 / 3600) / 180; var nPreTrails = 0; document.getElementById('selectCitiesA').options.length = 0; document.getElementById('selectCitiesB').options.length = 0; var selCitiesA = document.getElementById('selectCitiesA'); var selCitiesB = document.getElementById('selectCitiesB'); for (k = 1; k &lt;= cities; k++) { selCitiesA.options[selCitiesA.options.length] = new Option(cityName[k], k); selCitiesB.options[selCitiesB.options.length] = new Option(cityName[k], k); } cityLat[k] = 0; cityLon[k] = 0; //geocenter selCitiesA.options[selCitiesA.options.length] = new Option("Geocenter", k); selCitiesB.options[selCitiesB.options.length] = new Option("Geocenter", k); selCitiesA.options[selCitiesA.options.length] = new Option("Custom location", k + 1); selCitiesB.options[selCitiesB.options.length] = new Option("Custom location", k + 1); selCitiesA.value = k; selCitiesB.value = k; $(function() { $("#divCitiesA").draggable(); $("#divCitiesB").draggable(); $("#divStereo").draggable(); $("#divSetTime").draggable(); $("#divEditObjectsVectors").draggable(); $("#divEditObjectsElements").draggable(); $("#divTimeStep").draggable(); $("#divScreens").draggable(); $("#divScreenShots").draggable(); $("#divAPsingleEvents").draggable(); $("#divAPperIteration").draggable(); $("#divAPperGraphicUpdate").draggable(); $("#divScreenShotImage").draggable(); $("#divCalendarDate").draggable(); $("#divCalendarDateUTC").draggable(); $("#divJulianDate").draggable(); $( "#divFocusObject" ).draggable(); $( "#divToFromA" ).draggable(); $( "#divToFromB" ).draggable(); $( "#divEccentricity" ).draggable(); $( "#divSMA" ).draggable(); $( "#divPreferences" ).draggable(); $( "#divCollisionLog" ).draggable(); $( "#divSimulationDescription" ).draggable(); $( "#divVectors" ).draggable(); $( "#divCreateObjects" ).draggable(); $( "#divClones" ).draggable(); $( "#divImportObjectsLite" ).draggable(); $( "#divImportObjects" ).draggable(); $( "#divPreTrailObjectList" ).draggable(); $( "#divDeleteObjects" ).draggable(); $( "#divRotatingFrame" ).draggable(); $( "#divStars" ).draggable(); $( "#divSaveAs" ).draggable(); $( "#divRotateCameraA" ).draggable(); $( "#divQuickHelp" ).draggable(); }); var additionalMass = 0; var stealth = false; var timeStepPause; var rangeAv, rangeZv, rangeDv; var intervalRealTime; var APnv1 = 0, APnv2 = 0, APnv3 = 0, APnv4 = 0; var APperIterationCode = '', APperGraphicUpdateCode = ''; var masslessIndex = 0; var navigateTo = ''; var objReferenceNumber = []; var a, E, lan, W, TL, MA, v; // discontinue using these. Use next line instead. var oeSMA, oeEcc, oeInc, oeLAN, oePeri, oeMA var hiZ = 2; var keyDown = false; var beenHere = 0, resumeStep = 1; screenShots = 0; var h, screenSize = 1000 * 149597870691, plotX, plotY, plotCounter = 0, updateGraphics = 1; var sScaleA, sScaleB; var screenSize2 = 800000000000,plotCounter2 = 0, updateGraphics2 = 10, plot2X, plot2y; var canvas2Width, center2X, center2Y; var canvas2Height, center2X, center2Y; var minimumObjectSize, trailSize; var minimumObjectSizeA, minimumObjectSizeB, trailSizeA, trailSizeB; var nextScreenShot = 0; var solImage = new Image(); solImage.src = 'http://orbitsimulator.com/gravitySimulatorCloud/sol-3.png'; //var solImage = new Image(); solImage.src = 'http://orbitsimulator.com/gravitySimulatorCloud/happySun.png'; //The following line are variables for dynamic time step determination var tsTime = 0, stepsPerRadian = 0, tsV = 0, tsVx = 0, tsVy = 0, tsVz = 0, tsobjMin1 = 0, tsobjMin2 = 0, preferencesStepsPerRadian = 150; integrator = 'RK4'; var collisions = 0, collisionObjectA = [], collisionObjectB = [], collisionLog = ''; var plotOrderA = new Array(), plotOrderB = new Array(), plotDistance = new Array(); var lastXa = new Array(), lastYa = new Array(); var lastXb = new Array(), lastYb = new Array(); var objx = new Array(), objy = new Array(), objz = new Array(); var objvx = new Array(), objvy = new Array(), objvz = new Array(); var objMass = new Array(), objName = new Array(); var objColorRed = new Array(), objColorGreen = new Array(), objColorBlue = new Array(); var objShadowRed = new Array(), objShadowGreen = new Array(), objShadowBlue = new Array(); var objLabelRed = new Array(), objLabelGreen = new Array(), objLabelBlue = new Array(); var objTrailRed = new Array(), objTrailGreen = new Array(), objTrailBlue = new Array(); var objSubZRed = new Array(), objSubZGreen = new Array(), objSubZBlue = new Array(); objColor = new Array(); objColorHex = new Array(); var objReferenceObject = new Array(), objDiameter = new Array(); var systemElements = new Array(), numberOfSystemElements = 0; var systemElementsA = new Array(),numberOfSystemElementsA = 0; var systemElementsB = new Array(),numberOfSystemElementsB = 0; var objPreTrail = new Array(); var A = [], B = [], na = []; var n = 6; var cov = [], chol = [], dev = [], dev0 = []; cov[1] = []; cov[2] = []; cov[3] = []; cov[4] = []; cov[5] = []; cov[6] = []; chol[1] = []; chol[2] = []; chol[3] = []; chol[4] = []; chol[5] = []; chol[6] = []; A[1] = []; A[2] = []; A[3] = []; A[4] = []; A[5] = []; A[6] = []; B[1] = []; B[2] = []; B[3] = []; B[4] = []; B[5] = []; B[6] = []; var trail = []; var preTrailRed = [], preTrailGreen = [], preTrailBlue = []; var preTrailSubZRed = [], preTrailSubZGreen = [], preTrailSubZBlue = []; var vectorObj1A = 29, vectorObj2A = 1; var AU = 149597870691, km = 1000, LY = 9.4605284E+15, meter = 1; var vectorPositionUnits = km, vectorVelocityUnits = km; var longRF = 0, altRF = 0, distanceRF = 0, focusRF = 0, referenceRF = 0; var G = 398600432896939; var a1x = new Array(), a1y = new Array(), a1z = new Array(); var a2x = new Array(), a2y = new Array(), a2z = new Array(); var a3x = new Array(), a3y = new Array(), a3z = new Array(); var a4x = new Array(), a4y = new Array(), a4z = new Array(); var v1x = new Array(), v1y = new Array(), v1z = new Array(); var v2x = new Array(), v2y = new Array(), v2z = new Array(); var v3x = new Array(), v3y = new Array(), v3z = new Array(); var v4x = new Array(), v4y = new Array(), v4z = new Array(); var p2x = new Array(), p2y = new Array(), p2z = new Array(); var p3x = new Array(), p3y = new Array(), p3z = new Array(); var p4x = new Array(), p4y = new Array(), p4z = new Array(); var halfstep, timeStep; var ddx, ddy, ddz; var vvx, vvy, vvz; var k, j; var a1, a2, a3, a4; var deltavx, deltavy, deltavz; var deltapx, deltapy, deltapz; var Mu, Mu2; var dx, dy, dz, D; var objects; //var cameraAx = 0.001 * LY, cameraAy = 0.001 * LY, cameraAz = 1 * LY; //var cameraAvx = 0, cameraAvy = 0, cameraAvz = 0; //var cameraBx = 1 * LY, cameraBy = 0.001 * LY, cameraBz = 0 * LY; //var cameraBvx = 0, cameraBvy = 0, cameraBvz = 0; var cameraAx, cameraAy, cameraAz, cameraBx, cameraBy, cameraBz; var cameraAvx, cameraAvy, cameraAvz, cameraBvx, cameraBvy, cameraBvz; var focusObject = 1, focusX = objx[focusObject], focusY = objy[focusObject]; var fromObjA, toObjA; var fromObjB, toObjB; var targetObjectEOV, referenceObjectEOV, targetObjectEOE, referenceObjectEOE; var bPause = 0, play; var iteration, iterationsPerVisit, iterations, elapsedTime; //iterations per visit is do events var timerInterval, gOpacity; var startDate, julianStartDate, julianDate; var currentDate = new Date(), currentUTCdate = new Date(); var hiZ = 3; var autoPilotTime = [], autoPilotCommand = [], nAutoPilot; var stereoX1 = 0, stereoY1 = 0, stereoX2 = 0, stereoY2 = 0; var inSMA, inEcc, inInc, inNode, inPeri, inMA, inPrimaryMass, inMass, inRadius; var canvas = document.getElementById ('canvasPixels'); var foregroundCanvas = document.getElementById ('foregroundLayer'); var context = canvas.getContext('2d'); var pContextA = canvasPixelsPerspectiveA.getContext('2d'); var pfContextA = foregroundLayerPerspectiveA.getContext('2d'); var ptContextA = trailLayerPerspectiveA.getContext('2d'); var pContextB = canvasPixelsPerspectiveB.getContext('2d'); var pfContextB = foregroundLayerPerspectiveB.getContext('2d'); var ptContextB = trailLayerPerspectiveB.getContext('2d'); var foregroundContext = foregroundLayer.getContext("2d"); var canvasOutputContext = canvasOutput.getContext("2d"); foregroundContext.globalAlpha=0.7; var canvasWidth = canvas.width; var canvasHeight = canvas.height; var pCanvasHeightA = canvasPixelsPerspectiveA.height; var pCanvasWidthA = canvasPixelsPerspectiveA.width; var pCanvasHeightB = canvasPixelsPerspectiveB.height; var pCanvasWidthB = canvasPixelsPerspectiveB.width; var canvasForegroundWidth = foregroundCanvas.width; var canvasForegroundHeight = foregroundCanvas.height; var centerX = canvasWidth / 2; var centerY = canvasHeight / 2; document.getElementById("canvasPixels").style.background = 'black'; pZoomInA(); pZoomOutA(); pZoomInB(); pZoomOutB(); initializeObjects(); initializeStuff(); initializeDivs(); //initializeAutoPilot(); //loadStars(); for (k = 1; k &lt;= objects; k++) { lastXa[k] = -999; lastYa[k] = -999; lastXb[k] = -999; lastYb[k] = -999; } txtImportSetDateAndTime.value = UTC2(elapsedTime * 1000 + startDate) sizeFrames(); for (k = 1; k &lt;= objects; k++) { objReferenceNumber[k] = 1; refN = 1; while (objReferenceObject[k] != objName[refN] &amp;&amp; refN &lt; objects) { refN++; } if (objReferenceObject[k] == objName[refN]) { objReferenceNumber[k] = refN; } } // next k for (k = objects + 1; k &lt;= objects + 2; k++) { // cameraA &amp; B objReferenceObject[k] = 'Sun'; objReferenceNumber[k] = 1; objMass[k] = 0; objDiameter[k] = 0; objColorRed[k] = 0; objColorGreen[k] = 0; objColorBlue[k] = 0; objShadowRed[k] = 0; objShadowGreen[k] = 0; objShadowBlue[k] = 0; objLabelRed[k] = 0; objLabelGreen[k] = 0; objLabelBlue[k] = 0; objTrailRed[k] = 0; objTrailGreen[k] = 0; objTrailBlue[k] = 0; objSubZRed[k] = 0; objSubZGreen[k] = 0; objSubZBlue[k] = 0; } //if (!checkRealTime.checked &amp;&amp; bPause == 1) { // play(); //} play(); if (checkRealTime.checked) { var d = new Date(); var n = d.getTime() / 1000; advanceTo(n); iterationsPerVisit = 1; timeStep = 1; intervalRealTime = setInterval(realTime, 500); } txtAreaCollisionLog.value = ''; focusObject = 1, focusX = objx[focusObject], focusY = objy[focusObject]; //spanTimeStep.innerHTML = timeStepPause; updateInfo(); changeBarycenterA(); changeBarycenterB(); populateSelectBoxes(); changeRF(); var saveAsD = new Date(); var saveAsDs = saveAsD.getTime().toString() + "_"; var qrStr = window.location.search; var queryArray = qrStr.split(','); if (queryArray.length &gt;= 3) { queryArray[1] = queryArray[1].replace('%20', ''); queryArray[2] = queryArray[2].replace('%20', ''); } var screenShotDelay = parseFloat(queryArray[1]); if (isNaN(screenShotDelay)) {screenShotDelay = 0} var maxScreenShots = parseFloat(queryArray[2]); if (isNaN(maxScreenShots)) {maxScreenShots = -1} var screenShotsTaken = 0; //var starID = new Array(), starRA = new Array(), starDec = new Array(), starMag = new Array(), starSpec = new Array(), starColor = new Array(), starX = new Array(), starY = new Array(), starZ = new Array(), numberOfStars = 0, starsIndex = '', sI = '-1', tagHead= document.getElementsByTagName('head')[0]; var starID = new Array(), starHIP = new Array(), starProper = new Array(), starRA = new Array(), starDec = new Array(), starMag = new Array(), starSpec = new Array(), starColor = new Array(), starX = new Array(), starY = new Array(), starZ = new Array(), starVx = new Array(), starVy = new Array(), starVz = new Array(), starAmag = new Array(), numberOfStars = 0, starsIndex = '', sI = '-1', tagHead= document.getElementsByTagName('head')[0]; includeStars(); populatePreTrailList(); createPreTrails(); txtRotateCameraA.value = parseInt(180 * rangeRotateCameraA.value / Math.PI).toString(); txtRotateCameraZ.value = parseInt(180 * rangeRotateCameraZ.value / Math.PI).toString(); txtRotateCameraD.value = parseInt(180 * rangeRotateCameraD.value / Math.PI).toString(); rangeAv = rangeRotateCameraA.value; rangeZv = rangeRotateCameraZ.value; rangeDv = rangeRotateCameraD.value; plotPerspectiveA(); plotPerspectiveB(); function initializeDivs() { centerPlayButton(); bPause = 0; timeStep = 9e-29; timerInterval = 5; timeStepPause = 1024; checkMedia.checked = false; checkTopDown.checked = false; checkPerspectiveA.checked = true; checkPerspectiveB.checked = false; fromObjA = 13; toObjA = 1; fromObjB = 13; toObjB = 1; targetObjectEOV = 3; referenceObjectEOV = 1; targetObjectEOE = 4; referenceObjectEOE = 1; focusRF = 0; referenceRF = 1; checkBarycenterPerspectiveA.checked = false; checkBarycenterPerspectiveB.checked = false; checkRealTime.checked = false; sI =-1; checkLabelsA.checked = false; checkLabelsB.checked = false; checkStereo.checked = false; checkStereoCA.checked = false; checkStarsA.checked = true; checkStarsB.checked = false; checkStarsLabelsA.checked = false; checkKBOsA.checked = false; checkKBOsB.checked = false; checkPreTrailsA.checked = true; checkPreTrailsB.checked = false; checkCrescentsA.checked = true; checkCrescentsB.checked = true; checkSunGraphicA.checked = true; checkSunGraphicB.checked = true; checkRF.checked = false; checkKeplerCA.checked = true; checkTrailsCA.checked = false; checkLabelsCA.checked = false; checkAxes.checked = true; gOpacity = 1; txtOpacity.value = '1'; changeOpacity(); iterationsPerVisit = 100; elapsedTime = 82140312.31500005; iterations = 24667427; txtDoEvents.value = '100'; startDate = 1436216475000; julianStartDate = 212302976475; sScaleA = 16000; sScaleB = 131072000; txtFOVa.value = '16000'; txtFOVb.value = '131072000'; minimumObjectSizeA = 5; trailSizeA = 2; minimumObjectSizeB = 5; trailSizeB = 2; txtMinimumObjectSizeA.value = '5'; txtMinimumObjectSizeB.value = '5'; txtTrailSizeA.value = '2'; txtTrailSizeB.value = '2'; txtFontA.value = 'bold 16px Arial'; txtFontB.value = 'bold 16px Arial'; rangeRotateCameraA.value = '5.246'; rangeRotateCameraZ.value = '1.1425'; rangeRotateCameraD.value = '49.8'; apItext = ""; for (k = 1; k <= 1000; k++) { apItext = apItext.replace('~', String.fromCharCode(10)); apItext = apItext.replace('`', String.fromCharCode(34)); } txtAreaQuickHelp.value = apItext; apItext = ""; for (k = 1; k <= 1000; k++) { apItext = apItext.replace('~', String.fromCharCode(10)); apItext = apItext.replace('`', String.fromCharCode(34)); } txtAreaAPsingleEvents.value = apItext; updateAPsingleEvents(); apItext = ""; for (k = 1; k <= 1000; k++) { apItext = apItext.replace('~', String.fromCharCode(10)); apItext = apItext.replace('`', String.fromCharCode(34)); } txtAreaAPperIteration.value = apItext; updateAPperIteration(); apItext = ""; for (k = 1; k <= 1000; k++) { apItext = apItext.replace('~', String.fromCharCode(10)); apItext = apItext.replace('`', String.fromCharCode(34)); } txtAreaAPperGraphicUpdate.value = apItext; updateAPperGraphicUpdate(); citiesLatA = 0; citiesLonA = 0; citiesLatB = 0; citiesLonB = 0; txtLatitudeCitiesA.value = '0'; txtLongitudeCitiesA.value = '0'; selectCitiesA.value = 265; txtLatitudeCitiesB.value = '0'; txtLongitudeCitiesB.value = '0'; selectCitiesB.value = 265; selectvectorObj1A.selectedIndex = -1; selectvectorObj2A.selectedIndex = 0; vectorObj1A = 0; vectorObj2A = 1; selectStars.selectedIndex = 0; txtStarBrightness.value = '1'; txtGridBrightness.value = '1'; txtRaSpacing.value = '60'; txtDecSpacing.value = '15'; txtGridColor.value = 'FFFFFF'; checkRaDec.checked = false; selectTargetObjectEOV.selectedIndex = 2; radioCrosseye.checked = true; radioTrueLongitude.checked = true; txtBaseline.value = '3'; txtLongitudeRF.value = '0'; txtAltitudeRF.value = '1000'; txtDistanceRF.value = '4000'; integrator = 'RK4'; selectIntegrator.value = 'RK4'; txtStepsPerRadian.value = '150'; } function initializeObjects() { objects = 12; objName[1] = 'Sun'; objReferenceObject[1] = ''; objx[1] = 0; objy[1] = 0; objz[1] = 0; objvx[1] = 0; objvy[1] = 0; objvz[1] = 0; objMass[1] = 332946.050894783; objDiameter[1] = 1392000000; objColorRed[1] = 255; objColorGreen[1] = 255; objColorBlue[1] = 0; objShadowRed[1] = 0; objShadowGreen[1] = 0; objShadowBlue[1] = 0; objLabelRed[1] = 255; objLabelGreen[1] = 255; objLabelBlue[1] = 0; objTrailRed[1] = 255; objTrailGreen[1] = 255; objTrailBlue[1] = 0; objSubZRed[1] = 127; objSubZGreen[1] = 127; objSubZBlue[1] = 0; objPreTrail[1] = false; objName[2] = 'Mercury (199)'; objReferenceObject[2] = 'Sun'; objx[2] = 7998682767.280327; objy[2] = -58155895925.45595; objz[2] = -5485949436.425575; objvx[2] = 44071.76723310381; objvy[2] = 16215.398398568902; objvz[2] = -2718.1771677005745; objMass[2] = 0.0552744433489479; objDiameter[2] = 4880000; objColorRed[2] = 223; objColorGreen[2] = 223; objColorBlue[2] = 223; objShadowRed[2] = 7; objShadowGreen[2] = 7; objShadowBlue[2] = 7; objLabelRed[2] = 223; objLabelGreen[2] = 223; objLabelBlue[2] = 223; objTrailRed[2] = 223; objTrailGreen[2] = 223; objTrailBlue[2] = 223; objSubZRed[2] = 74; objSubZGreen[2] = 74; objSubZBlue[2] = 74; objPreTrail[2] = true; objName[3] = 'Venus (299)'; objReferenceObject[3] = 'Sun'; objx[3] = 99431241588.4412; objy[3] = -56203837316.26502; objz[3] = -6508793154.804514; objvx[3] = 16977.99745278004; objvy[3] = 28447.46892372299; objvz[3] = -589.4943316213362; objMass[3] = 0.815010558277565; objDiameter[3] = 12104000; objColorRed[3] = 255; objColorGreen[3] = 255; objColorBlue[3] = 255; objShadowRed[3] = 8; objShadowGreen[3] = 8; objShadowBlue[3] = 8; objLabelRed[3] = 255; objLabelGreen[3] = 255; objLabelBlue[3] = 255; objTrailRed[3] = 255; objTrailGreen[3] = 255; objTrailBlue[3] = 255; objSubZRed[3] = 85; objSubZGreen[3] = 85; objSubZBlue[3] = 85; objPreTrail[3] = true; objName[4] = 'Earth (399)'; objReferenceObject[4] = 'Sun'; objx[4] = -100754117582.11737; objy[4] = 105037561499.44551; objz[4] = -3699315.447005703; objvx[4] = -21653.837108232877; objvy[4] = -21657.22063193535; objvz[4] = 1.6107689961826656; objMass[4] = 1; objDiameter[4] = 12742000; objColorRed[4] = 0; objColorGreen[4] = 0; objColorBlue[4] = 255; objShadowRed[4] = 0; objShadowGreen[4] = 0; objShadowBlue[4] = 8; objLabelRed[4] = 0; objLabelGreen[4] = 0; objLabelBlue[4] = 255; objTrailRed[4] = 0; objTrailGreen[4] = 0; objTrailBlue[4] = 255; objSubZRed[4] = 0; objSubZGreen[4] = 0; objSubZBlue[4] = 85; objPreTrail[4] = true; objName[5] = 'Mars Barycenter (4)'; objReferenceObject[5] = 'Sun'; objx[5] = -213756545483.10916; objy[5] = -116710844630.8103; objz[5] = 2800357393.3914423; objvx[5] = 12469.333612909977; objvy[5] = -18797.159336826902; objvz[5] = -699.897495266832; objMass[5] = 0.107496574990426; objDiameter[5] = 6780000; objColorRed[5] = 255; objColorGreen[5] = 128; objColorBlue[5] = 0; objShadowRed[5] = 8; objShadowGreen[5] = 4; objShadowBlue[5] = 0; objLabelRed[5] = 255; objLabelGreen[5] = 128; objLabelBlue[5] = 0; objTrailRed[5] = 255; objTrailGreen[5] = 128; objTrailBlue[5] = 0; objSubZRed[5] = 85; objSubZGreen[5] = 42; objSubZBlue[5] = 0; objPreTrail[5] = true; objName[6] = 'Jupiter Barycenter (5)'; objReferenceObject[6] = 'Sun'; objx[6] = -611680723180.2251; objy[6] = -536671993685.2086; objz[6] = 15915756767.174505; objvx[6] = 8436.665605285034; objvy[6] = -9196.369032875427; objvz[6] = -150.58961798590224; objMass[6] = 317.81406500757; objDiameter[6] = 142984000; objColorRed[6] = 255; objColorGreen[6] = 128; objColorBlue[6] = 255; objShadowRed[6] = 8; objShadowGreen[6] = 4; objShadowBlue[6] = 8; objLabelRed[6] = 255; objLabelGreen[6] = 128; objLabelBlue[6] = 255; objTrailRed[6] = 255; objTrailGreen[6] = 128; objTrailBlue[6] = 255; objSubZRed[6] = 85; objSubZGreen[6] = 42; objSubZBlue[6] = 85; objPreTrail[6] = true; objName[7] = 'Saturn Barycenter (6)'; objReferenceObject[7] = 'Sun'; objx[7] = 39331780351.381675; objy[7] = -1505832602487.2387; objz[7] = 24607728667.861442; objvx[7] = 9131.432374238867; objvy[7] = 205.53482025652426; objvz[7] = -367.00071369581923; objMass[7] = 95.1605171215507; objDiameter[7] = 120536000; objColorRed[7] = 255; objColorGreen[7] = 255; objColorBlue[7] = 128; objShadowRed[7] = 8; objShadowGreen[7] = 8; objShadowBlue[7] = 4; objLabelRed[7] = 255; objLabelGreen[7] = 255; objLabelBlue[7] = 128; objTrailRed[7] = 255; objTrailGreen[7] = 255; objTrailBlue[7] = 128; objSubZRed[7] = 85; objSubZGreen[7] = 85; objSubZBlue[7] = 42; objPreTrail[7] = true; objName[8] = 'Uranus Barycenter (7)'; objReferenceObject[8] = 'Sun'; objx[8] = 2639927318888.0024; objy[8] = 1375516233672.552; objz[8] = -29074324909.2199; objvx[8] = -3185.1645728198732; objvy[8] = 5713.703848062554; objvz[8] = 62.39969773725623; objMass[8] = 14.5336322606698; objDiameter[8] = 51118000; objColorRed[8] = 0; objColorGreen[8] = 255; objColorBlue[8] = 128; objShadowRed[8] = 0; objShadowGreen[8] = 8; objShadowBlue[8] = 4; objLabelRed[8] = 0; objLabelGreen[8] = 255; objLabelBlue[8] = 128; objTrailRed[8] = 0; objTrailGreen[8] = 255; objTrailBlue[8] = 128; objSubZRed[8] = 0; objSubZGreen[8] = 85; objSubZBlue[8] = 42; objPreTrail[8] = true; objName[9] = 'Neptune Barycenter (8)'; objReferenceObject[9] = 'Sun'; objx[9] = 4295991279465.186; objy[9] = -1267444786498.1777; objz[9] = -72912608222.60806; objvx[9] = 1512.363612962655; objvy[9] = 5237.151253584876; objvz[9] = -142.88256012678607; objMass[9] = 17.1470981129495; objDiameter[9] = 49532000; objColorRed[9] = 0; objColorGreen[9] = 128; objColorBlue[9] = 255; objShadowRed[9] = 0; objShadowGreen[9] = 4; objShadowBlue[9] = 8; objLabelRed[9] = 0; objLabelGreen[9] = 128; objLabelBlue[9] = 255; objTrailRed[9] = 0; objTrailGreen[9] = 128; objTrailBlue[9] = 255; objSubZRed[9] = 0; objSubZGreen[9] = 42; objSubZBlue[9] = 85; objPreTrail[9] = true; objName[10] = 'Pluto Barycenter (9)'; objReferenceObject[10] = 'Sun'; objx[10] = 1631077358853.3386; objy[10] = -4739012563550.818; objz[10] = 35146810169.664955; objvx[10] = 5266.767099746508; objvy[10] = 621.0734561172422; objvz[10] = -1587.999625872032; objMass[10] = 0.0021879269362848103; objDiameter[10] = 2390000; objColorRed[10] = 255; objColorGreen[10] = 0; objColorBlue[10] = 64; objShadowRed[10] = 8; objShadowGreen[10] = 0; objShadowBlue[10] = 2; objLabelRed[10] = 255; objLabelGreen[10] = 0; objLabelBlue[10] = 64; objTrailRed[10] = 255; objTrailGreen[10] = 0; objTrailBlue[10] = 64; objSubZRed[10] = 85; objSubZGreen[10] = 0; objSubZBlue[10] = 21; objPreTrail[10] = true; objName[11] = 'Moon (301)'; objReferenceObject[11] = 'Sun'; objx[11] = -100340737966.14265; objy[11] = 104677740857.02807; objz[11] = -31517790.92331069; objvx[11] = -21320.209275611058; objvy[11] = -20993.52681390001; objvz[11] = -47.72878667048713; objMass[11] = 0.01230037; objDiameter[11] = 3475060; objColorRed[11] = 255; objColorGreen[11] = 255; objColorBlue[11] = 255; objShadowRed[11] = 8; objShadowGreen[11] = 8; objShadowBlue[11] = 8; objLabelRed[11] = 255; objLabelGreen[11] = 255; objLabelBlue[11] = 255; objTrailRed[11] = 255; objTrailGreen[11] = 255; objTrailBlue[11] = 255; objSubZRed[11] = 85; objSubZGreen[11] = 85; objSubZBlue[11] = 85; objPreTrail[11] = false; objName[12] = 'SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5}Center body name: Sun (10)'; objReferenceObject[12] = 'Sun'; objx[12] = -118187869096.8923; objy[12] = 88812372273.23388; objz[12] = -279352443.68742775; objvx[12] = -20995.52305672415; objvy[12] = -26254.534831989327; objvz[12] = -642.9393894892125; objMass[12] = 0; objDiameter[12] = 0; objColorRed[12] = 255; objColorGreen[12] = 255; objColorBlue[12] = 255; objShadowRed[12] = 8; objShadowGreen[12] = 8; objShadowBlue[12] = 8; objLabelRed[12] = 255; objLabelGreen[12] = 255; objLabelBlue[12] = 255; objTrailRed[12] = 255; objTrailGreen[12] = 255; objTrailBlue[12] = 255; objSubZRed[12] = 85; objSubZGreen[12] = 85; objSubZBlue[12] = 85; objPreTrail[12] = true; objName[13] = 'Camera A'; objReferenceObject[13] = 'Sun'; objx[13] = 10643493919201.447; objy[13] = -18016063533265.49; objz[13] = 9553606043633.96; objvx[13] = 5.455101328377038; objvy[13] = -1.28564111138416; objvz[13] = -0.12061205250223956; objName[14] = 'Camera B'; objReferenceObject[14] = 'Sun'; objx[14] = 10643493919201.447; objy[14] = -18016063533265.49; objz[14] = 9553606043633.96; objvx[14] = -26974.964598609145; objvy[14] = 5574.175319080721; objvz[14] = 1123.1677393647842; cameraAx = 10643493919201.447; cameraAy = -18016063533265.49; cameraAz = 9553606043633.96; cameraAvx = 5.455101328377038; cameraAvy = -1.28564111138416; cameraAvz = -0.12061205250223956; cameraBx = 10643493919201.447; cameraBy = -18016063533265.49; cameraBz = 9553606043633.96; cameraBvx = -26974.964598609145; cameraBvy = 5574.175319080721; cameraBvz = 1123.1677393647842; selectTargetObjectEOV.selectedIndex = 2; } function initializeStuff() { updateCameras(); //populatePreTrailList(); //createPreTrails(); minimumObjectSize = 2; trailSize = 0.5; var description = htmlAll.innerHTML; var pos0 = description.indexOf('description') + 22; var posf = description.indexOf("&gt;", pos0); description = description.substr(pos0, posf - pos0 - 1); txtAreaSimulationDescription.value = description; } // end function initializeStuff() // beginning gsimFunctions.js function advanceTo(d){ var tempTimeStep = timeStep; var tempDE = parseFloat(txtDoEvents.value); var sim = elapsedTime + startDate / 1000; var delta = d - sim; timeStep = 128; iterationsPerVisit = 1000; var atSteps = Math.floor(delta / (timeStep * iterationsPerVisit)); for (var k = 1; k &lt; atSteps; k++) { play(); } iterationsPerVisit = parseFloat(txtDoEvents.value); timeStep = tempTimeStep; } // end function advanceTo(d) function advanceToOld(d){ var tempTimeStep = timeStep; var tempDE = parseFloat(txtDoEvents.value); var sim = elapsedTime + startDate / 1000; var delta = d - sim; timeStep = 128; iterationsPerVisit = 1000; var atSteps = Math.floor(delta / (timeStep * iterationsPerVisit)); for (var k = 1; k &lt; atSteps; k++) { play(); } timeStep = 16; iterationsPerVisit = 100; sim = elapsedTime + startDate / 1000; delta = d - sim; atSteps = Math.floor(delta / (timeStep * iterationsPerVisit)); for (k = 1; k &lt;= atSteps; k++) { play(); } timeStep = 16; iterationsPerVisit = 10; sim = elapsedTime + startDate / 1000; delta = d - sim; atSteps = Math.floor(delta / (timeStep * iterationsPerVisit)); for (k = 1; k &lt;= atSteps; k++) { play(); } timeStep = 8; iterationsPerVisit = 10; sim = elapsedTime + startDate / 1000; delta = d - sim; atSteps = Math.floor(delta / (timeStep * iterationsPerVisit)); for (k = 1; k &lt;= atSteps; k++) { play(); } timeStep = 1; iterationsPerVisit = 1; sim = elapsedTime + startDate / 1000; delta = d - sim; atSteps = Math.floor(delta / (timeStep * iterationsPerVisit)); for (k = 1; k &lt;= atSteps; k++) { play(); } iterationsPerVisit = parseFloat(txtDoEvents.value); timeStep = tempTimeStep; } // end function advanceTo(d) function realTime() { var n = new Date(); var d = n.getTime() / 1000; var sim = elapsedTime + startDate / 1000; var delta = d - sim; //while (delta &gt; 0) { // play(); //d = n.getTime() / 1000; //sim = elapsedTime + startDate / 1000; //delta = d - sim; //} } // end function realTime() function toggleRealTime() { clearInterval(intervalRealTime); } function menu() { if (getComputedStyle(document.getElementById('divMenu')).visibility == 'visible') { document.getElementById('divMenu').style.visibility = 'hidden'; hideAllMenuButtons(); } else { document.getElementById('divMenu').style.visibility = 'visible'; document.getElementById('btnVectorMenu').style.visibility = 'hidden'; document.getElementById('btnCalendarDate').style.visibility = 'hidden'; document.getElementById('btnCalendarDate').style.visibility = 'hidden'; document.getElementById('btnCalendarDateUTC').style.visibility = 'hidden'; document.getElementById('btnJulianDate').style.visibility = 'hidden'; document.getElementById('btnTimeStepMenu').style.visibility = 'hidden'; document.getElementById('btnSetDateAndTimeMenu').style.visibility = 'visible'; hideAllMenuButtons(); } } // end function menu() function fileMenu() { hideAllMenuButtons(); document.getElementById('btnSaveAsMenu').style.visibility = 'visible'; document.getElementById('btnScreenShotsMenu').style.visibility = 'visible'; document.getElementById('btnCollisionLogMenu').style.visibility = 'visible'; } // end function fileMenu() function objectsMenu() { hideAllMenuButtons(); document.getElementById('btnCreateObjectsMenu').style.visibility = 'visible'; document.getElementById('btnClonesMenu').style.visibility = 'visible'; document.getElementById('btnImportObjectsLiteMenu').style.visibility = 'visible'; //document.getElementById('btnImportObjectsMenu').style.visibility = 'visible'; document.getElementById('btnEditObjectsVectorsMenu').style.visibility = 'visible'; document.getElementById('btnEditObjectsElementsMenu').style.visibility = 'visible'; document.getElementById('btnVectorMenu').style.visibility = 'visible'; document.getElementById('btnDeleteObjectsMenu').style.visibility = 'visible'; document.getElementById('btnPreTrailsMenu').style.visibility = 'visible'; } // end function objectsMenu() function timeMenu() { hideAllMenuButtons(); document.getElementById('btnCalendarDate').style.visibility = 'visible'; document.getElementById('btnCalendarDateUTC').style.visibility = 'visible'; document.getElementById('btnJulianDate').style.visibility = 'visible'; document.getElementById('btnTimeStepMenu').style.visibility = 'visible'; document.getElementById('btnSetDateAndTimeMenu').style.visibility = 'visible'; } // end function timeMenu() function displayMenu() { hideAllMenuButtons(); document.getElementById('btnScreensMenu').style.visibility = 'visible'; document.getElementById('btnToFromAMenu').style.visibility = 'visible'; document.getElementById('btnToFromBMenu').style.visibility = 'visible'; document.getElementById('btnRotatingFrameMenu').style.visibility = 'visible'; document.getElementById('btnStereoMenu').style.visibility = 'visible'; document.getElementById('btnCitiesAMenu').style.visibility = 'visible'; document.getElementById('btnCitiesBMenu').style.visibility = 'visible'; document.getElementById('btnLargePlayMenu').style.visibility = 'visible'; document.getElementById('btnStarsMenu').style.visibility = 'visible'; document.getElementById('btnCameraAMenu').style.visibility = 'visible'; } // end function displayMenu() function preferencesMenu() { hideAllMenuButtons(); document.getElementById('divPreferences').style.visibility='visible'; } // end function preferencesMenu() function autoPilotMenu() { hideAllMenuButtons(); document.getElementById('btnAPsingleEventsMenu').style.visibility = 'visible'; document.getElementById('btnAPperIterationMenu').style.visibility = 'visible'; document.getElementById('btnAPperGraphicUpdateMenu').style.visibility = 'visible'; //document.getElementById('divAPsingleEvents').style.visibility='visible'; } // end function autoPilotMenu() function helpMenu() { hideAllMenuButtons(); document.getElementById('btnSimulationDescriptionMenu').style.visibility='visible'; document.getElementById('btnQuickHelpMenu').style.visibility='visible'; document.getElementById('btnManualMenu').style.visibility='visible'; document.getElementById('btnAboutMenu').style.visibility='visible'; } // end function helpMenu() function menuHide() { menu(); } // end function menuHide() function hideAllMenuButtons() { document.getElementById('btnVectorMenu').style.visibility = 'hidden'; document.getElementById('btnCalendarDate').style.visibility = 'hidden'; document.getElementById('btnCalendarDateUTC').style.visibility = 'hidden'; document.getElementById('btnJulianDate').style.visibility = 'hidden'; document.getElementById('btnTimeStepMenu').style.visibility = 'hidden'; document.getElementById('btnSetDateAndTimeMenu').style.visibility = 'hidden'; document.getElementById('btnScreenShotsMenu').style.visibility = 'hidden'; document.getElementById('btnSaveAsMenu').style.visibility = 'hidden'; document.getElementById('btnToFromAMenu').style.visibility = 'hidden'; document.getElementById('btnToFromBMenu').style.visibility = 'hidden'; document.getElementById('btnScreensMenu').style.visibility = 'hidden'; document.getElementById('btnCreateObjectsMenu').style.visibility = 'hidden'; document.getElementById('btnClonesMenu').style.visibility = 'hidden'; document.getElementById('btnImportObjectsLiteMenu').style.visibility = 'hidden'; document.getElementById('btnImportObjectsMenu').style.visibility = 'hidden'; document.getElementById('btnRotatingFrameMenu').style.visibility = 'hidden'; document.getElementById('btnStereoMenu').style.visibility = 'hidden'; document.getElementById('btnCitiesAMenu').style.visibility = 'hidden'; document.getElementById('btnCitiesBMenu').style.visibility = 'hidden'; document.getElementById('btnLargePlayMenu').style.visibility = 'hidden'; document.getElementById('btnDeleteObjectsMenu').style.visibility = 'hidden'; document.getElementById('btnPreTrailsMenu').style.visibility = 'hidden'; document.getElementById('btnCollisionLogMenu').style.visibility = 'hidden'; document.getElementById('btnSimulationDescriptionMenu').style.visibility = 'hidden'; document.getElementById('btnQuickHelpMenu').style.visibility = 'hidden'; document.getElementById('btnManualMenu').style.visibility = 'hidden'; document.getElementById('btnAboutMenu').style.visibility = 'hidden'; document.getElementById('btnEditObjectsVectorsMenu').style.visibility = 'hidden'; document.getElementById('btnEditObjectsElementsMenu').style.visibility = 'hidden'; document.getElementById('btnStarsMenu').style.visibility = 'hidden'; document.getElementById('btnCameraAMenu').style.visibility = 'hidden'; document.getElementById('btnAPsingleEventsMenu').style.visibility = 'hidden'; document.getElementById('btnAPperIterationMenu').style.visibility = 'hidden'; document.getElementById('btnAPperGraphicUpdateMenu').style.visibility = 'hidden'; } // end function hideAllMenuButtons() function userTyping(arg) { keyDown = arg; } // end function userTyping(arg) function changeCanvasOutputSize() { if ((checkScreenShotsAforeground.checked || checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBforeground.checked || checkScreenShotsBbackground.checked)) { canvasOutput.width = canvasPixelsPerspectiveA.width + canvasPixelsPerspectiveB.width; canvasOutput.height = Math.max(canvasPixelsPerspectiveA.height, canvasPixelsPerspectiveB.height); canvasOutputCls(); } else if (checkScreenShotsAforeground.checked || checkScreenShotsAbackground.checked) { canvasOutput.width = canvasPixelsPerspectiveA.width; canvasOutput.height = canvasPixelsPerspectiveA.height; canvasOutputCls(); } else if (checkScreenShotsBforeground.checked || checkScreenShotsBbackground.checked) { canvasOutput.width = canvasPixelsPerspectiveB.width; canvasOutput.height = canvasPixelsPerspectiveB.height; canvasOutputCls(); } txtScreenShotDimensions.value = canvasOutput.width.toString() + ', ' + canvasOutput.height.toString(); txtScreenShotsAposition.value = '0, 0'; txtScreenShotsBposition.value = (canvasPixelsPerspectiveA.width + 1).toString() + ', 0'; } // end function changeCanvasOutputSize() function changeCanvasOutputSizeOverride() { var d = txtScreenShotDimensions.value; d = d.replace('(', ''); d = d.replace(')', ''); var hw = d.split(','); var w = parseFloat(hw[0]); var h = parseFloat(hw[1]); canvasOutput.width = w; canvasOutput.height = h; } // end function changeCanvasOutputSizeOverride() function saveCanvas(fname) { changeCanvasOutputSize(); canvasOutputCls(); var d = txtScreenShotsAposition.value; d = d.replace('(', ''); d = d.replace(')', ''); var hw = d.split(','); var wA = parseFloat(hw[0]); var hA = parseFloat(hw[1]); d = txtScreenShotsBposition.value; d = d.replace('(', ''); d = d.replace(')', ''); hw = d.split(','); var wB = parseFloat(hw[0]); var hB = parseFloat(hw[1]); if (checkScreenShotsAforeground.checked ) { canvasOutputContext.drawImage(foregroundLayerPerspectiveA, wA, hA) } if (checkScreenShotsAbackground.checked ) { canvasOutputContext.drawImage(canvasPixelsPerspectiveA, wA, hA) } if ((checkScreenShotsAforeground.checked || checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBforeground.checked || checkScreenShotsBbackground.checked)) { if (checkScreenShotsBbackground.checked) { canvasOutputContext.drawImage(foregroundLayerPerspectiveB, wB, hB) } if (checkScreenShotsBforeground.checked) { canvasOutputContext.drawImage(canvasPixelsPerspectiveB, wB, hB) } } if ((!checkScreenShotsAforeground.checked &amp;&amp; !checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBforeground.checked)) { canvasOutputContext.drawImage(foregroundLayerPerspectiveB, wB, hB) } if ((!checkScreenShotsAforeground.checked &amp;&amp; !checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBbackground.checked)) { canvasOutputContext.drawImage(canvasPixelsPerspectiveB, wB, hB) } if (checkScreenShotsCls.checked) { if (checkScreenShotsAforeground.checked) { perspectiveClsA() } if (checkScreenShotsAbackground.checked) { perspectiveTrailsClsA() } if (checkScreenShotsBforeground.checked) { perspectiveClsB() } if (checkScreenShotsBbackground.checked) { perspectiveTrailsClsB() } } var canvasData = canvasOutput.toDataURL("image/jpg"); var sName = fname + String.fromCharCode(17); canvasData = sName + canvasData; var ajax = new XMLHttpRequest(); ajax.open("POST",'http://orbitsimulator.com/gravitySimulatorCloud/saveCanvasImage.php',false); ajax.setRequestHeader('Content-Type', 'application/upload'); ajax.send(canvasData); } // functionsaveCanvas() function saveCanvasImage() { changeCanvasOutputSize(); canvasOutputCls(); var d = txtScreenShotsAposition.value; d = d.replace('(', ''); d = d.replace(')', ''); var hw = d.split(','); var wA = parseFloat(hw[0]); var hA = parseFloat(hw[1]); d = txtScreenShotsBposition.value; d = d.replace('(', ''); d = d.replace(')', ''); hw = d.split(','); var wB = parseFloat(hw[0]); var hB = parseFloat(hw[1]); if (checkScreenShotsAforeground.checked ) { canvasOutputContext.drawImage(foregroundLayerPerspectiveA, wA, hA) } if (checkScreenShotsAbackground.checked ) { canvasOutputContext.drawImage(canvasPixelsPerspectiveA, wA, hA) } if ((checkScreenShotsAforeground.checked || checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBforeground.checked || checkScreenShotsBbackground.checked)) { if (checkScreenShotsBbackground.checked) { canvasOutputContext.drawImage(foregroundLayerPerspectiveB, wB, hB) } if (checkScreenShotsBforeground.checked) { canvasOutputContext.drawImage(canvasPixelsPerspectiveB, wB, hB) } } if ((!checkScreenShotsAforeground.checked &amp;&amp; !checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBforeground.checked)) { canvasOutputContext.drawImage(foregroundLayerPerspectiveB, wB, hB) } if ((!checkScreenShotsAforeground.checked &amp;&amp; !checkScreenShotsAbackground.checked) &amp;&amp; (checkScreenShotsBbackground.checked)) { canvasOutputContext.drawImage(canvasPixelsPerspectiveB, wB, hB) } if (checkScreenShotsCls.checked) { if (checkScreenShotsAforeground.checked) { perspectiveClsA() } if (checkScreenShotsAbackground.checked) { perspectiveTrailsClsA() } if (checkScreenShotsBforeground.checked) { perspectiveClsB() } if (checkScreenShotsBbackground.checked) { perspectiveTrailsClsB() } } //tony imgScreenShotImage.src = canvasOutput.toDataURL("image/png"); document.getElementById('divScreenShotImage').style.visibility = 'visible'; //var canvasData = canvasOutput.toDataURL("image/jpg"); //var sName = fname + String.fromCharCode(17); //canvasData = sName + canvasData; //var ajax = new XMLHttpRequest(); //ajax.open("POST",'http://orbitsimulator.com/gravitySimulatorCloud/saveCanvasImage.php',false); //ajax.setRequestHeader('Content-Type', 'application/upload'); //ajax.send(canvasData); //var canvas = document.getElementById("canvasOutput"), ctx = canvas.getContext("2d"); // draw to canvas... //canvas.toBlob(function(blob) { // saveAs(blob, txtScreenShotsFileName + ".png"); //}); } // functionsaveCanvas() function saveCanvasForeground(fname) { // is this one used? var canvasData = foregroundLayerPerspectiveA.toDataURL("image/jpg"); var sName = fname + String.fromCharCode(17); canvasData = sName + canvasData; var ajax = new XMLHttpRequest(); ajax.open("POST",'http://orbitsimulator.com/gravitySimulatorCloud/saveCanvasImage.php',false); ajax.setRequestHeader('Content-Type', 'application/upload'); ajax.send(canvasData); } // end function saveCanvasForeground() function roundNumber(unroundedNumber, decimalPlaces) { var roundedNumber = Math.round(unroundedNumber * Math.pow(10, decimalPlaces) ) / Math.pow(10, decimalPlaces); return roundedNumber; } // end function roundNumber() function changeRF() { focusRF = parseInt(selectTargetObjectRF.value); referenceRF = parseInt(selectReferenceObjectRF.value); longRF = Number(txtLongitudeRF.value); altRF = Number(txtAltitudeRF.value); distanceRF = Number(txtDistanceRF.value); perspectiveClsA(); perspectiveTrailsClsA(); perspectiveClsB(); perspectiveTrailsClsB(); } // end function changeRF() function changeDoEvents() { iterationsPerVisit = parseFloat(txtDoEvents.value); } // end function changeDoEvents() function changeEventsDuration() { timerInterval = txtEventsDuration.value; } // end function changeEventsDuration() function changeOpacity() { gOpacity = parseFloat(txtOpacity.value); pfContextA.globalAlpha = gOpacity; } // end function changeOpacity() function sizeFrames() { var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],x=w.innerWidth||e.clientWidth||g.clientWidth,y=w.innerHeight||e.clientHeight||g.clientHeight; //document.getElementById('divPerspectiveA').style.height = y.toString() + 'px'; //document.getElementById('divPerspectiveA').style.width = x.toString() + 'px'; //divPerspectiveA.height = y; //divPerspectiveA.width = x; if (checkMedia.checked) { y = y - 156; } if (checkPerspectiveA.checked &amp;&amp; !checkPerspectiveB.checked) { canvasPixelsPerspectiveA.width = x; foregroundLayerPerspectiveA.width = x; trailLayerPerspectiveA.width = x; canvasPixelsPerspectiveA.height = y; foregroundLayerPerspectiveA.height = y; trailLayerPerspectiveA.height = y; pCanvasWidthA = x; pCanvasHeightA = y; txtPerspectiveAWidth.value = x.toString(); txtPerspectiveAHeight.value = y.toString(); canvasPixelsPerspectiveB.width = 0; foregroundLayerPerspectiveB.width = 0; trailLayerPerspectiveB.width = 0; canvasPixelsPerspectiveB.height = 0; foregroundLayerPerspectiveB.height = 0; trailLayerPerspectiveB.height = 0; pCanvasWidthB = 0; pCanvasHeightB = 0; txtPerspectiveBWidth.value = '0'; txtPerspectiveBHeight.value = '0'; } else if (checkPerspectiveB.checked &amp;&amp; !checkPerspectiveA.checked) { canvasPixelsPerspectiveB.width = x; foregroundLayerPerspectiveB.width = x; trailLayerPerspectiveB.width = x; canvasPixelsPerspectiveB.height = y; canvasPixelsPerspectiveB.left = 0; foregroundLayerPerspectiveB.left = 0; trailLayerPerspectiveB.left = 0; foregroundLayerPerspectiveB.height = y; trailLayerPerspectiveB.height = y; pCanvasWidthB = x; pCanvasHeightB = y; txtPerspectiveBWidth.value = x.toString(); txtPerspectiveBHeight.value = y.toString(); txtPerspectiveBLeft.value = '0'; canvasPixelsPerspectiveZ.width = 0; foregroundLayerPerspectiveA.width = 0; trailLayerPerspectiveA.width = 0; canvasPixelsPerspectiveA.height = 0; foregroundLayerPerspectiveA.height = 0; trailLayerPerspectiveA.height = 0; pCanvasWidthA = 0; pCanvasHeightA = 0; txtPerspectiveAWidth.value = '0'; txtPerspectiveAHeight.value = '0'; } else if (checkPerspectiveA.checked &amp;&amp; checkPerspectiveB.checked) { canvasPixelsPerspectiveA.width = x / 2; foregroundLayerPerspectiveA.width = x / 2; trailLayerPerspectiveA.width = x / 2; canvasPixelsPerspectiveA.height = y; foregroundLayerPerspectiveA.height = y; trailLayerPerspectiveA.height = y; pCanvasWidthA = x / 2; pCanvasHeightA = y; txtPerspectiveAWidth.value = (x / 2).toString(); txtPerspectiveAHeight.value = y.toString(); canvasPixelsPerspectiveB.width = x / 2; foregroundLayerPerspectiveB.width = x / 2; trailLayerPerspectiveB.width = x / 2; canvasPixelsPerspectiveB.height = y; foregroundLayerPerspectiveB.height = y; trailLayerPerspectiveB.height = y; canvasPixelsPerspectiveB.left = x / 2 + 1; foregroundLayerPerspectiveB.left = x / 2 + 1; trailLayerPerspectiveB.left = x / 2 + 1; pCanvasWidthB = x / 2; pCanvasHeightB = y; txtPerspectiveBWidth.value = (x / 2).toString(); txtPerspectiveBLeft.value = (x / 2 + 1).toString(); txtPerspectiveBHeight.value = y.toString(); } changeDisplayPerspective(); changeCanvasOutputSize(); perspectiveTrailsClsA(); perspectiveTrailsClsB(); perspectiveTrails2ClsA(); perspectiveTrails2ClsB(); } // end function sizeFrames() function centerPlayButton() { var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],x=w.innerWidth||e.clientWidth||g.clientWidth,y=w.innerHeight||e.clientHeight||g.clientHeight; document.getElementById('btnLargerPlayButton').style.left = (x / 2 - 460 / 2).toString() + "px"; document.getElementById('btnLargerPlayButton').style.top = (y / 2 - 460 / 2).toString() + "px"; } // end function centerPlayButton() function largePlayButtonPressed() { document.getElementById('divLargerPlayButton').style.visibility = 'hidden'; bPause = 1; btnPause.value = '||'; play(); } // end function largePlayButtonPressed function pause() { if (bPause &gt; 0) { timeStepPause = timeStep; timeStep = 9e-29; bPause = 0; btnPause.value = '&gt;'; } else { timeStep = timeStepPause; bPause = 1; btnPause.value = '||'; document.getElementById('divLargerPlayButton').style.visibility = 'hidden'; play(); } // End if } // End function pause() function populateEditObjectsVectors(changeRef) { var targetObj = selectTargetObjectEOV.selectedIndex + 1; if (changeRef) { selectReferenceObjectEOV.selectedIndex = objReferenceNumber[targetObj] - 1; } var peovColor = 'rgb(' + objColorRed[targetObj].toString() + ', ' + objColorGreen[targetObj].toString() + ', ' + objColorBlue[targetObj].toString() +')'; var peovHEX = toHex(objColorRed[targetObj]) + toHex(objColorGreen[targetObj]) + toHex(objColorBlue[targetObj]); var avgColor = (objColorRed[targetObj] + objColorGreen[targetObj] + objColorBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsVectorsColor').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsVectorsColor').style.color = peovText; document.getElementById('txtEditObjectsVectorsColor').value = peovHEX; var peovColor = 'rgb(' + objShadowRed[targetObj].toString() + ', ' + objShadowGreen[targetObj].toString() + ', ' + objShadowBlue[targetObj].toString() +')'; var peovHEX = toHex(objShadowRed[targetObj]) + toHex(objShadowGreen[targetObj]) + toHex(objShadowBlue[targetObj]); var avgColor = (objShadowRed[targetObj] + objShadowGreen[targetObj] + objShadowBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsVectorsShadow').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsVectorsShadow').style.color = peovText; document.getElementById('txtEditObjectsVectorsShadow').value = peovHEX; var peovColor = 'rgb(' + objLabelRed[targetObj].toString() + ', ' + objLabelGreen[targetObj].toString() + ', ' + objLabelBlue[targetObj].toString() +')'; var peovHEX = toHex(objLabelRed[targetObj]) + toHex(objLabelGreen[targetObj]) + toHex(objLabelBlue[targetObj]); var avgColor = (objLabelRed[targetObj] + objLabelGreen[targetObj] + objLabelBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsVectorsLabel').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsVectorsLabel').style.color = peovText; document.getElementById('txtEditObjectsVectorsLabel').value = peovHEX; var peovColor = 'rgb(' + objTrailRed[targetObj].toString() + ', ' + objTrailGreen[targetObj].toString() + ', ' + objTrailBlue[targetObj].toString() +')'; var peovHEX = toHex(objTrailRed[targetObj]) + toHex(objTrailGreen[targetObj]) + toHex(objTrailBlue[targetObj]); var avgColor = (objTrailRed[targetObj] + objTrailGreen[targetObj] + objTrailBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsVectorsTrail').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsVectorsTrail').style.color = peovText; document.getElementById('txtEditObjectsVectorsTrail').value = peovHEX; var peovColor = 'rgb(' + objSubZRed[targetObj].toString() + ', ' + objSubZGreen[targetObj].toString() + ', ' + objSubZBlue[targetObj].toString() +')'; var peovHEX = toHex(objSubZRed[targetObj]) + toHex(objSubZGreen[targetObj]) + toHex(objSubZBlue[targetObj]); var avgColor = (objSubZRed[targetObj] + objSubZGreen[targetObj] + objSubZBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsVectorsSubZ').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsVectorsSubZ').style.color = peovText; document.getElementById('txtEditObjectsVectorsSubZ').value = peovHEX; eovmMass = objMass[targetObj]; switch (btnEditObjectsVectorMassUnits.value) { case "(kg)": eovmMass = eovmMass * 5.97369125232006E+24; break; case "(Em)": eovmMass = eovmMass * 1; break; case "(Jm)": eovmMass = eovmMass / 317.81406500757; break; case "(Sm)": eovmMass = eovmMass / 332946.050894783; } // end switch txtEditObjectsVectorsMass.value = eovmMass; eovmDiameter = objDiameter[targetObj]; if (btnEditObjectsVectorDiameterUnits.value == '(km)') {eovmDiameter = eovmDiameter / 1000} txtEditObjectsVectorsDiameter.value = eovmDiameter; var referenceObj = selectReferenceObjectEOV.selectedIndex + 1; eovmMult = 1; switch (btnEditObjectsVectorPositionUnits.value) { case "(m)": break; case "(km)": eovmMult = 0.001; break; case "(AU)": eovmMult = 6.6845871226706E-12; break; case "(LY)": eovmMult = 1.05702341108135E-16; } // end switch txtEditObjectsVectorsX.value = (objx[targetObj] - objx[referenceObj]) * eovmMult; txtEditObjectsVectorsY.value = (objy[targetObj] - objy[referenceObj]) * eovmMult; txtEditObjectsVectorsZ.value = (objz[targetObj] - objz[referenceObj]) * eovmMult; eovmMult = 1; if (btnEditObjectsVectorVelocityUnits.value == '(km/s)') {eovmMult = 0.001} txtEditObjectsVectorsVx.value = (objvx[targetObj] - objvx[referenceObj]) * eovmMult; txtEditObjectsVectorsVy.value = (objvy[targetObj] - objvy[referenceObj]) * eovmMult; txtEditObjectsVectorsVz.value = (objvz[targetObj] - objvz[referenceObj]) * eovmMult; } // function populateEditObjectsVectors() function editObjectsVectorsApply() { var targetObj = selectTargetObjectEOV.selectedIndex + 1; var referenceObj = selectReferenceObjectEOV.selectedIndex + 1; objReferenceNumber[targetObj] = referenceObj; objReferenceObject[targetObj] = objName[referenceObj]; objColorRed[targetObj] = parseInt(txtEditObjectsVectorsColor.value.substr(0, 2), 16); objColorGreen[targetObj] = parseInt(txtEditObjectsVectorsColor.value.substr(2, 2), 16); objColorBlue[targetObj] = parseInt(txtEditObjectsVectorsColor.value.substr(4, 2), 16); objShadowRed[targetObj] = parseInt(txtEditObjectsVectorsShadow.value.substr(0, 2), 16); objShadowGreen[targetObj] = parseInt(txtEditObjectsVectorsShadow.value.substr(2, 2), 16); objShadowBlue[targetObj] = parseInt(txtEditObjectsVectorsShadow.value.substr(4, 2), 16); objLabelRed[targetObj] = parseInt(txtEditObjectsVectorsLabel.value.substr(0, 2), 16); objLabelGreen[targetObj] = parseInt(txtEditObjectsVectorsLabel.value.substr(2, 2), 16); objLabelBlue[targetObj] = parseInt(txtEditObjectsVectorsLabel.value.substr(4, 2), 16); objTrailRed[targetObj] = parseInt(txtEditObjectsVectorsTrail.value.substr(0, 2), 16); objTrailGreen[targetObj] = parseInt(txtEditObjectsVectorsTrail.value.substr(2, 2), 16); objTrailBlue[targetObj] = parseInt(txtEditObjectsVectorsTrail.value.substr(4, 2), 16); objSubZRed[targetObj] = parseInt(txtEditObjectsVectorsSubZ.value.substr(0, 2), 16); objSubZGreen[targetObj] = parseInt(txtEditObjectsVectorsSubZ.value.substr(2, 2), 16); objSubZBlue[targetObj] = parseInt(txtEditObjectsVectorsSubZ.value.substr(4, 2), 16); var Mass = parseFloat(txtEditObjectsVectorsMass.value); switch (btnEditObjectsVectorMassUnits.value) { case "(Em)": break; case "(Jm)": Mass = Mass * 317.81406500757; break; case "(Sm)": Mass = Mass * 332946.050894783; break; case "(kg)": Mass = Mass / 1000; } objMass[targetObj] = Mass; var Diameter = parseFloat(txtEditObjectsVectorsDiameter.value); if (btnEditObjectsVectorDiameterUnits.value == '(km)') {Diameter = Diameter * 1000} objDiameter[targetObj] = Diameter; var eovaMult = 1; switch (btnEditObjectsVectorPositionUnits.value) { case "(m)": break; case "(km)": eovaMult = 1000; break; case "(AU)": eovaMult = 149597870691; break; case "(LY)": eovaMult = 9.4605284E+15; } // end switch objx[targetObj] = (parseFloat(txtEditObjectsVectorsX.value) * eovaMult + objx[referenceObj]); objy[targetObj] = (parseFloat(txtEditObjectsVectorsY.value) * eovaMult + objy[referenceObj]) ; objz[targetObj] = (parseFloat(txtEditObjectsVectorsZ.value) * eovaMult + objz[referenceObj]) ; eovaMult = 1; if (btnEditObjectsVectorVelocityUnits.value == '(km/s)') {eovaMult = 1000} objvx[targetObj] = (parseFloat(txtEditObjectsVectorsVx.value) * eovaMult + objvx[referenceObj]); objvy[targetObj] = (parseFloat(txtEditObjectsVectorsVy.value) * eovaMult + objvy[referenceObj]); objvz[targetObj] = (parseFloat(txtEditObjectsVectorsVz.value) * eovaMult + objvz[referenceObj]); } // end function editObjectsVectorsApply() { function populateEditObjectsElements(changeRef) { var targetObj = selectTargetObjectEOE.selectedIndex + 1; if (changeRef) { selectReferenceObjectEOE.selectedIndex = objReferenceNumber[targetObj] - 1; } var peovColor = 'rgb(' + objColorRed[targetObj].toString() + ', ' + objColorGreen[targetObj].toString() + ', ' + objColorBlue[targetObj].toString() +')'; var peovHEX = toHex(objColorRed[targetObj]) + toHex(objColorGreen[targetObj]) + toHex(objColorBlue[targetObj]); var avgColor = (objColorRed[targetObj] + objColorGreen[targetObj] + objColorBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsElementsColor').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsElementsColor').style.color = peovText; document.getElementById('txtEditObjectsElementsColor').value = peovHEX; var peovColor = 'rgb(' + objShadowRed[targetObj].toString() + ', ' + objShadowGreen[targetObj].toString() + ', ' + objShadowBlue[targetObj].toString() +')'; var peovHEX = toHex(objShadowRed[targetObj]) + toHex(objShadowGreen[targetObj]) + toHex(objShadowBlue[targetObj]); var avgColor = (objShadowRed[targetObj] + objShadowGreen[targetObj] + objShadowBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsElementsShadow').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsElementsShadow').style.color = peovText; document.getElementById('txtEditObjectsElementsShadow').value = peovHEX; var peovColor = 'rgb(' + objLabelRed[targetObj].toString() + ', ' + objLabelGreen[targetObj].toString() + ', ' + objLabelBlue[targetObj].toString() +')'; var peovHEX = toHex(objLabelRed[targetObj]) + toHex(objLabelGreen[targetObj]) + toHex(objLabelBlue[targetObj]); var avgColor = (objLabelRed[targetObj] + objLabelGreen[targetObj] + objLabelBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsElementsLabel').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsElementsLabel').style.color = peovText; document.getElementById('txtEditObjectsElementsLabel').value = peovHEX; var peovColor = 'rgb(' + objTrailRed[targetObj].toString() + ', ' + objTrailGreen[targetObj].toString() + ', ' + objTrailBlue[targetObj].toString() +')'; var peovHEX = toHex(objTrailRed[targetObj]) + toHex(objTrailGreen[targetObj]) + toHex(objTrailBlue[targetObj]); var avgColor = (objTrailRed[targetObj] + objTrailGreen[targetObj] + objTrailBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsElementsTrail').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsElementsTrail').style.color = peovText; document.getElementById('txtEditObjectsElementsTrail').value = peovHEX; var peovColor = 'rgb(' + objSubZRed[targetObj].toString() + ', ' + objSubZGreen[targetObj].toString() + ', ' + objSubZBlue[targetObj].toString() +')'; var peovHEX = toHex(objSubZRed[targetObj]) + toHex(objSubZGreen[targetObj]) + toHex(objSubZBlue[targetObj]); var avgColor = (objSubZRed[targetObj] + objSubZGreen[targetObj] + objSubZBlue[targetObj]) / 3; if (avgColor &lt; 128) { var peovText = 'rgb(255, 255, 255)'; } else { var peovText = 'rgb(0, 0, 0)'; } document.getElementById('txtEditObjectsElementsSubZ').style.backgroundColor = peovColor; document.getElementById('txtEditObjectsElementsSubZ').style.color = peovText; document.getElementById('txtEditObjectsElementsSubZ').value = peovHEX; eovmMass = objMass[targetObj]; switch (btnEditObjectsElementsMassUnits.value) { case "(kg)": eovmMass = eovmMass * 5.97369125232006E+24; break; case "(Em)": eovmMass = eovmMass * 1; break; case "(Jm)": eovmMass = eovmMass / 317.81406500757; break; case "(Sm)": eovmMass = eovmMass / 332946.050894783; } // end switch txtEditObjectsElementsMass.value = eovmMass; eovmDiameter = objDiameter[targetObj]; if (btnEditObjectsElementsDiameterUnits.value == '(km)') {eovmDiameter = eovmDiameter / 1000} txtEditObjectsElementsDiameter.value = eovmDiameter; var refObj = selectReferenceObjectEOE.selectedIndex + 1; ComputeOrbitalElements(targetObj, refObj); eovmMult = 1; switch (btnEditObjectsElementsPositionUnits.value) { case "(m)": break; case "(km)": eovmMult = 0.001; break; case "(AU)": eovmMult = 6.6845871226706E-12; break; case "(LY)": eovmMult = 1.05702341108135E-16; } // end switch txtEditObjectsElementsX.value = (oeSMA * eovmMult).toString(); txtEditObjectsElementsY.value = (oeEcc).toString(); txtEditObjectsElementsZ.value = (180 * oeInc / Math.PI).toString(); txtEditObjectsElementsVx.value = (180 * oeLAN / Math.PI).toString(); txtEditObjectsElementsVy.value = (180 * oePeri / Math.PI).toString(); txtEditObjectsElementsVz.value = (180 * oeMA / Math.PI).toString(); } // end function populateEditObjectsElements() function editObjectsElementsApply() { var targetObj = selectTargetObjectEOE.selectedIndex + 1; var referenceObj = selectReferenceObjectEOE.selectedIndex + 1; objReferenceNumber[targetObj] = referenceObj; objReferenceObject[targetObj] = objName[referenceObj]; objColorRed[targetObj] = parseInt(txtEditObjectsElementsColor.value.substr(0, 2), 16); objColorGreen[targetObj] = parseInt(txtEditObjectsElementsColor.value.substr(2, 2), 16); objColorBlue[targetObj] = parseInt(txtEditObjectsElementsColor.value.substr(4, 2), 16); objShadowRed[targetObj] = parseInt(txtEditObjectsElementsShadow.value.substr(0, 2), 16); objShadowGreen[targetObj] = parseInt(txtEditObjectsElementsShadow.value.substr(2, 2), 16); objShadowBlue[targetObj] = parseInt(txtEditObjectsElementsShadow.value.substr(4, 2), 16); objLabelRed[targetObj] = parseInt(txtEditObjectsElementsLabel.value.substr(0, 2), 16); objLabelGreen[targetObj] = parseInt(txtEditObjectsElementsLabel.value.substr(2, 2), 16); objLabelBlue[targetObj] = parseInt(txtEditObjectsElementsLabel.value.substr(4, 2), 16); objTrailRed[targetObj] = parseInt(txtEditObjectsElementsTrail.value.substr(0, 2), 16); objTrailGreen[targetObj] = parseInt(txtEditObjectsElementsTrail.value.substr(2, 2), 16); objTrailBlue[targetObj] = parseInt(txtEditObjectsElementsTrail.value.substr(4, 2), 16); objSubZRed[targetObj] = parseInt(txtEditObjectsElementsSubZ.value.substr(0, 2), 16); objSubZGreen[targetObj] = parseInt(txtEditObjectsElementsSubZ.value.substr(2, 2), 16); objSubZBlue[targetObj] = parseInt(txtEditObjectsElementsSubZ.value.substr(4, 2), 16); var Mass = parseFloat(txtEditObjectsElementsMass.value); switch (btnEditObjectsElementsMassUnits.value) { case "(Em)": break; case "(Jm)": Mass = Mass * 317.81406500757; break; case "(Sm)": Mass = Mass * 332946.050894783; break; case "(kg)": Mass = Mass / 1000; } objMass[targetObj] = Mass; var Diameter = parseFloat(txtEditObjectsElementsDiameter.value); if (btnEditObjectsElementsDiameterUnits.value == '(km)') {Diameter = Diameter * 1000} objDiameter[targetObj] = Diameter; //var inSMA, inEcc, inInc, inNode, inPeri, inMA, inPrimaryMass, inMass, inRadius; inPrimaryMass = objMass[referenceObj] * 5.97369125232006E+24; inMass = objMass[targetObj] * 5.97369125232006E+24; inSMA = parseFloat(txtEditObjectsElementsX.value); inEcc = parseFloat(txtEditObjectsElementsY.value); inInc = Math.PI * parseFloat(txtEditObjectsElementsZ.value) / 180; inNode = Math.PI * parseFloat(txtEditObjectsElementsVx.value) / 180; inPeri = Math.PI * parseFloat(txtEditObjectsElementsVy.value) / 180; inMA = Math.PI * parseFloat(txtEditObjectsElementsVz.value) / 180; //rhodz var eovaMult = 1; switch (btnEditObjectsElementsPositionUnits.value) { case "(m)": break; case "(km)": eovaMult = 1000; break; case "(AU)": eovaMult = 149597870691; break; case "(LY)": eovaMult = 9.4605284E+15; } // end switch inSMA = inSMA * eovaMult; ComputeStateVectors(); objx[targetObj] = xCreate + objx[referenceObj]; objy[targetObj] = yCreate + objy[referenceObj]; objz[targetObj] = zCreate + objz[referenceObj]; objvx[targetObj] = vxCreate + objvx[referenceObj]; objvy[targetObj] = vyCreate + objvy[referenceObj]; objvz[targetObj] = vzCreate + objvz[referenceObj]; } // end function editObjectsElementsApply() function rgbToHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)} function toHex(n) { n = parseInt(n,10); if (isNaN(n)) return "00"; n = Math.max(0,Math.min(n,255)); return "0123456789ABCDEF".charAt((n-n%16)/16) + "0123456789ABCDEF".charAt(n%16); } // end function toHex(n) function changeBarycenter() { if (checkBarycenter.checked) { for (var k = 0; k &lt;= 10000; k++) { systemElements[k] = 0; } numberOfSystemElements = 0; for (k = 1; k &lt;= objects; k++) { ComputeOrbitalElements(k, focusObject) if (E &lt; 1 &amp;&amp; objMass[k] &gt; 0 &amp;&amp; objMass[k] &lt; objMass[focusObject]) { numberOfSystemElements++; systemElements[numberOfSystemElements] = k; } } // next k } // end if checkBarycenter.checked } // end function changeBarycenter function changeBarycenterA() { if (checkBarycenterPerspectiveA.checked) { for (var k = 0; k &lt;= 10000; k++) { systemElementsA[k] = 0; } numberOfSystemElementsA = 0; for (k = 1; k &lt;= objects; k++) { ComputeOrbitalElements(k, toObjA) if (E &lt; 1 &amp;&amp; objMass[k] &gt; 0 &amp;&amp; objMass[k] &lt;= objMass[toObjA]) { numberOfSystemElementsA++; systemElementsA[numberOfSystemElementsA] = k; } } // next k } // end if checkBarycenterPerspectiveA.checked } // end function changeBarycenterA function changeBarycenterB() { if (checkBarycenterPerspectiveB.checked) { for (var k = 0; k &lt;= 10000; k++) { systemElementsB[k] = 0; } numberOfSystemElementsB = 0; for (k = 1; k &lt;= objects; k++) { ComputeOrbitalElements(k, toObjB) if (E &lt; 1 &amp;&amp; objMass[k] &gt; 0 &amp;&amp; objMass[k] &lt;= objMass[toObjB]) { numberOfSystemElementsB++; systemElementsB[numberOfSystemElementsB] = k; } } // next k } // end if checkBarycenterPerspectiveB.checked } // end function changeBarycenterB function changeMinimumObjectSize() { minimumObjectSize = txtMinimumObjectSize.value; } function changeMinimumObjectSizeA() { minimumObjectSizeA = txtMinimumObjectSizeA.value; } function changeMinimumObjectSizeB() { minimumObjectSizeB = txtMinimumObjectSizeB.value; } function changeTrailSize() { trailSize = txtTrailSize.value; } function changeTrailSizeA() { trailSizeA = txtTrailSizeA.value; } function changeTrailSizeB() { trailSizeB = txtTrailSizeB.value; } function mySaveAs() { if (checkMedia.checked) {divMenuShow.style.visibility = 'hidden'; divMenu.style.visibility = 'hidden'} var pieces = (txtSaveAsFileName.value).split(","); var saveAsFileName = pieces[0]; if (pieces.length &gt; 1) { var saveAsExtras = pieces[1]; } else { var saveAsExtras = ''; } var codeBlock1 = "&lt;!DOCTYPE html&gt;" + String.fromCharCode(10) + "&lt;html id ='htmlAll'&gt;" + String.fromCharCode(10) + "&lt;head&gt;"; spanSimURL.innerHTML = ''; hideMe('divSaveAs'); var codeBlockFull = htmlAll.innerHTML; document.getElementById('divSaveAs').style.visibility='visible' var res1 = codeBlockFull.split(" &lt;meta http" + "-equiv"); var codeblock1_1 = ""; codeblock1_1 = codeblock1_1 + " &lt;title&gt;" + saveAsFileName + "&lt;/title&gt;" + String.fromCharCode(10); codeblock1_1 = codeblock1_1 + " &lt;meta name = 'keywords' content = " + String.fromCharCode(34) + txtSaveAsKeywords.value + String.fromCharCode(34) + "&gt;" + String.fromCharCode(10); codeblock1_1 = codeblock1_1 + " &lt;meta name = 'description' content = " + String.fromCharCode(34) + txtAreaSaveAsDescription.value + String.fromCharCode(34) + "&gt;" + String.fromCharCode(10); codeblock1_1 = codeblock1_1 + " &lt;meta name = 'author' content = 'Tony Dunn, " + txtSaveAsAuthor.value + "'&gt;" + String.fromCharCode(10); codeblock1_1 = codeblock1_1 + " &lt;meta http" + "-equiv"; codeBlockFull = res1[1]; var res2 = codeBlockFull.split("function" + " initializeDivs() {"); codeBlock2 = res2[0] + String.fromCharCode(10) + "function" + " initializeDivs() {" + String.fromCharCode(10); codeBlockFull = res2[1]; //codeBlock3 generated below -- contains div info var res3 = codeBlockFull.split("function" + " initializeStuff() {"); codeBlock5 = String.fromCharCode(10) + "function" + " initializeStuff() {" + res3[1] + String.fromCharCode(10) + "&lt;/html&gt;"; var oString = ''; var nextLine = ';' + String.fromCharCode(10); dummy = canvasPixelsPerspectiveA.offsetTop; dummy2 = canvasPixelsPerspectiveA.offsetLeft; dummy3 = canvasPixelsPerspectiveA.height; dummy4 = canvasPixelsPerspectiveA.width; if (checkTopDown.checked) { // override auto values oString = oString + "txtPerspectiveATop.value = '" + (canvasPixelsPerspectiveA.offsetTop).toString() + "'" + nextLine; oString = oString + "txtPerspectiveALeft.value = '" + (canvasPixelsPerspectiveA.offsetLeft).toString() + "'" + nextLine; oString = oString + "txtPerspectiveBTop.value = '" + (canvasPixelsPerspectiveB.offsetTop).toString() + "'" + nextLine; oString = oString + "txtPerspectiveBLeft.value = '" + (canvasPixelsPerspectiveB.offsetLeft).toString() + "'" + nextLine; oString = oString + "txtPerspectiveAHeight.value = '" + (canvasPixelsPerspectiveA.height).toString() + "'" + nextLine; oString = oString + "txtPerspectiveAWidth.value = '" + (canvasPixelsPerspectiveA.width).toString() + "'" + nextLine; oString = oString + "txtPerspectiveBHeight.value = '" + (canvasPixelsPerspectiveB.height).toString() + "'" + nextLine; oString = oString + "txtPerspectiveBWidth.value = '" + (canvasPixelsPerspectiveB.width).toString() + "'" + nextLine; } // end if (checkTopDown) oString = oString + "centerPlayButton()" + nextLine; if (txtSaveAsFileName.value.indexOf("#$") != -1) { oString = oString + "bPause = 1" + nextLine; oString = oString + "timeStep = " + timeStepPause.toString() + "; timerInterval = " + timerInterval.toString() + ";" + String.fromCharCode(10); //oString = oString + "timeStepPause = " + timeStepPause.toString() + nextLine; oString = oString + "stealth = true" + nextLine; } else { oString = oString + "bPause = " + bPause.toString() + nextLine; oString = oString + "timeStep = " + timeStep.toString() + "; timerInterval = " + timerInterval.toString() + ";" + String.fromCharCode(10); oString = oString + "timeStepPause = " + timeStepPause.toString() + nextLine; } //oString = oString + "bPause = " + bPause.toString() + nextLine; //oString = oString + "timeStep = " + timeStep.toString() + "; timerInterval = " + timerInterval.toString() + ";" + String.fromCharCode(10); //oString = oString + "timeStepPause = " + timeStepPause.toString() + nextLine; if (checkMedia.checked &amp;&amp; txtSaveAsFileName.value.indexOf("!@") != -1) { oString = oString + "checkMedia.checked = " + checkMedia.checked.toString() + nextLine; } else { oString = oString + "checkMedia.checked = false" + nextLine; } oString = oString + "checkTopDown.checked = " + checkTopDown.checked.toString() + nextLine; oString = oString + "checkPerspectiveA.checked = " + checkPerspectiveA.checked.toString() + nextLine; oString = oString + "checkPerspectiveB.checked = " + checkPerspectiveB.checked.toString() + nextLine; oString = oString + "fromObjA = " + fromObjA.toString() + "; " + "toObjA = " + toObjA.toString() + ";" + String.fromCharCode(10); oString = oString + "fromObjB = " + fromObjB.toString() + "; " + "toObjB = " + toObjB.toString() + ";" + String.fromCharCode(10); oString = oString + "targetObjectEOV = " + targetObjectEOV.toString() + "; " + "referenceObjectEOV = " + referenceObjectEOV.toString() + ";" + String.fromCharCode(10); oString = oString + "targetObjectEOE = " + targetObjectEOE.toString() + "; " + "referenceObjectEOE = " + referenceObjectEOE.toString() + ";" + String.fromCharCode(10); oString = oString + "focusRF = " + focusRF.toString() + "; " + "referenceRF = " + referenceRF.toString() + ";" + String.fromCharCode(10); oString = oString + "checkBarycenterPerspectiveA.checked = " + checkBarycenterPerspectiveA.checked + "; " + "checkBarycenterPerspectiveB.checked = " + checkBarycenterPerspectiveB.checked + ";" + String.fromCharCode(10); oString = oString + "checkRealTime.checked = " + checkRealTime.checked.toString() + nextLine; oString = oString + "sI =" + sI.toString() + nextLine; oString = oString + "checkLabelsA.checked = " + checkLabelsA.checked.toString()+ ";" + String.fromCharCode(10); oString = oString + "checkLabelsB.checked = " + checkLabelsB.checked.toString()+ ";" + String.fromCharCode(10); oString = oString + "checkStereo.checked = " + checkStereo.checked.toString()+ ";" + String.fromCharCode(10); oString = oString + "checkStereoCA.checked = " + checkStereoCA.checked.toString()+ ";" + String.fromCharCode(10); oString = oString + "checkStarsA.checked = " + checkStarsA.checked.toString()+ ";" + String.fromCharCode(10); oString = oString + "checkStarsB.checked = " + checkStarsB.checked.toString()+ ";" + String.fromCharCode(10); oString = oString + "checkStarsLabelsA.checked = " + checkStarsLabelsA.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkKBOsA.checked = " + checkKBOsA.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkKBOsB.checked = " + checkKBOsB.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkPreTrailsA.checked = " + checkPreTrailsA.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkPreTrailsB.checked = " + checkPreTrailsB.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkCrescentsA.checked = " + checkCrescentsA.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkCrescentsB.checked = " + checkCrescentsB.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkSunGraphicA.checked = " + checkSunGraphicA.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkSunGraphicB.checked = " + checkSunGraphicB.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkRF.checked = " + checkRF.checked.toString() + ";" + String.fromCharCode(10); oString = oString + "checkKeplerCA.checked = " + checkKeplerCA.checked.toString() + nextLine; oString = oString + "checkTrailsCA.checked = " + checkTrailsCA.checked.toString() + nextLine; oString = oString + "checkLabelsCA.checked = " + checkLabelsCA.checked.toString() + nextLine; oString = oString + "checkAxes.checked = " + checkAxes.checked.toString() + nextLine; //for (k = 1; k &lt;= objects; k++) { // oString = oString + "objPreTrail[" + k.toString() + "] = " + objPreTrail[k].toString() + "; "; //} oString = oString + String.fromCharCode(10); oString = oString + "gOpacity = " + gOpacity.toString() + nextLine; oString = oString + "txtOpacity.value = '" + gOpacity.toString() + "'" + nextLine; oString = oString + "changeOpacity()" + nextLine; oString = oString + "iterationsPerVisit = " + iterationsPerVisit.toString() + "; " + String.fromCharCode(10); oString = oString + "elapsedTime = " + elapsedTime.toString() + "; " + String.fromCharCode(10); oString = oString + "iterations = " + iterations.toString() + "; " + String.fromCharCode(10); oString = oString + "txtDoEvents.value = '" + iterationsPerVisit.toString() + "'" + nextLine; oString = oString + "startDate = " + startDate.toString() + nextLine; oString = oString + "julianStartDate = " + julianStartDate.toString() + nextLine; oString = oString + "sScaleA = " + sScaleA.toString() + nextLine; oString = oString + "sScaleB = " + sScaleB.toString() + nextLine; oString = oString + "txtFOVa.value = '" + sScaleA.toString() + "'" + nextLine; oString = oString + "txtFOVb.value = '" + sScaleB.toString() + "'" + nextLine; oString = oString + "minimumObjectSizeA = " + minimumObjectSizeA.toString() + nextLine; oString = oString + "trailSizeA = " + trailSizeA.toString() + nextLine; oString = oString + "minimumObjectSizeB = " + minimumObjectSizeB.toString() + nextLine; oString = oString + "trailSizeB = " + trailSizeB.toString() + nextLine; oString = oString + "txtMinimumObjectSizeA.value = '" + minimumObjectSizeA.toString() + "'" + nextLine; oString = oString + "txtMinimumObjectSizeB.value = '" + minimumObjectSizeB.toString() + "'" + nextLine; oString = oString + "txtTrailSizeA.value = '" + trailSizeA.toString() +"'" + nextLine; oString = oString + "txtTrailSizeB.value = '" + trailSizeB.toString() +"'" + nextLine; oString = oString + "txtFontA.value = '" + txtFontA.value + "'" + nextLine; oString = oString + "txtFontB.value = '" + txtFontB.value + "'" + nextLine; oString = oString + "rangeRotateCameraA.value = '" + rangeRotateCameraA.value.toString() + "'" + nextLine; oString = oString + "rangeRotateCameraZ.value = '" + rangeRotateCameraZ.value.toString() + "'" + nextLine; oString = oString + "rangeRotateCameraD.value = '" + rangeRotateCameraD.value.toString() + "'" + nextLine; apOtext = txtAreaQuickHelp.value; for (k = 1; k &lt;= 1000; k++) { apOtext = apOtext.replace(String.fromCharCode(10), "~"); apOtext = apOtext.replace(String.fromCharCode(13), "~"); apOtext = apOtext.replace(String.fromCharCode(34), "`"); } oString = oString + "apItext = " + String.fromCharCode(34) + apOtext + String.fromCharCode(34) + nextLine; oString = oString + "for (k = 1; k &lt;= 1000; k++) {" + String.fromCharCode(10); oString = oString + "apItext = apItext.replace('~', String.fromCharCode(10))" + nextLine; oString = oString + "apItext = apItext.replace('`', String.fromCharCode(34))" + nextLine; oString = oString + "}" + String.fromCharCode(10); oString = oString + "txtAreaQuickHelp.value = apItext" + nextLine; apOtext = txtAreaAPsingleEvents.value; for (k = 1; k &lt;= 1000; k++) { apOtext = apOtext.replace(String.fromCharCode(10), "~"); apOtext = apOtext.replace(String.fromCharCode(13), "~"); apOtext = apOtext.replace(String.fromCharCode(34), "`"); } oString = oString + "apItext = " + String.fromCharCode(34) + apOtext + String.fromCharCode(34) + nextLine; oString = oString + "for (k = 1; k &lt;= 1000; k++) {" + String.fromCharCode(10); oString = oString + "apItext = apItext.replace('~', String.fromCharCode(10))" + nextLine; oString = oString + "apItext = apItext.replace('`', String.fromCharCode(34))" + nextLine; oString = oString + "}" + String.fromCharCode(10); oString = oString + "txtAreaAPsingleEvents.value = apItext" + nextLine; oString = oString + "updateAPsingleEvents()" + nextLine; apOtext = txtAreaAPperIteration.value; for (k = 1; k &lt;= 1000; k++) { apOtext = apOtext.replace(String.fromCharCode(10), "~"); apOtext = apOtext.replace(String.fromCharCode(13), "~"); apOtext = apOtext.replace(String.fromCharCode(34), "`"); } oString = oString + "apItext = " + String.fromCharCode(34) + apOtext + String.fromCharCode(34) + nextLine; oString = oString + "for (k = 1; k &lt;= 1000; k++) {" + String.fromCharCode(10); oString = oString + "apItext = apItext.replace('~', String.fromCharCode(10))" + nextLine; oString = oString + "apItext = apItext.replace('`', String.fromCharCode(34))" + nextLine; oString = oString + "}" + String.fromCharCode(10); oString = oString + "txtAreaAPperIteration.value = apItext" + nextLine; oString = oString + "updateAPperIteration()" + nextLine; apOtext = txtAreaAPperGraphicUpdate.value; for (k = 1; k &lt;= 1000; k++) { apOtext = apOtext.replace(String.fromCharCode(10), "~"); apOtext = apOtext.replace(String.fromCharCode(13), "~"); apOtext = apOtext.replace(String.fromCharCode(34), "`"); } oString = oString + "apItext = " + String.fromCharCode(34) + apOtext + String.fromCharCode(34) + nextLine; oString = oString + "for (k = 1; k &lt;= 1000; k++) {" + String.fromCharCode(10); oString = oString + "apItext = apItext.replace('~', String.fromCharCode(10))" + nextLine; oString = oString + "apItext = apItext.replace('`', String.fromCharCode(34))" + nextLine; oString = oString + "}" + String.fromCharCode(10); oString = oString + "txtAreaAPperGraphicUpdate.value = apItext" + nextLine; oString = oString + "updateAPperGraphicUpdate()" + nextLine; oString = oString + "citiesLatA = " + citiesLatA.toString() + nextLine; oString = oString + "citiesLonA = " + citiesLonA.toString() + nextLine; oString = oString + "citiesLatB = " + citiesLatB.toString() + nextLine; oString = oString + "citiesLonB = " + citiesLonB.toString() + nextLine; oString = oString + "txtLatitudeCitiesA.value = '" + citiesLatA.toString() + "'" + nextLine; oString = oString + "txtLongitudeCitiesA.value = '" + citiesLonA.toString() + "'" + nextLine; oString = oString + "selectCitiesA.value = " + selectCitiesA.value + nextLine; oString = oString + "txtLatitudeCitiesB.value = '" + citiesLatB.toString() + "'" + nextLine; oString = oString + "txtLongitudeCitiesB.value = '" + citiesLonB.toString() + "'" + nextLine; oString = oString + "selectCitiesB.value = " + selectCitiesB.value + nextLine; oString = oString + "selectvectorObj1A.selectedIndex = " + selectvectorObj1A.selectedIndex + nextLine; oString = oString + "selectvectorObj2A.selectedIndex = " + selectvectorObj2A.selectedIndex + nextLine; oString = oString + "vectorObj1A = " + (selectvectorObj1A.selectedIndex + 1).toString() + nextLine; oString = oString + "vectorObj2A = " + (selectvectorObj2A.selectedIndex + 1).toString() + nextLine; oString = oString + "selectStars.selectedIndex = " + selectStars.selectedIndex + nextLine; oString = oString + "txtStarBrightness.value = '" + txtStarBrightness.value + "'" + nextLine; oString = oString + "txtGridBrightness.value = '" + txtGridBrightness.value + "'" + nextLine; oString = oString + "txtRaSpacing.value = '" + txtRaSpacing.value + "'" + nextLine; oString = oString + "txtDecSpacing.value = '" + txtDecSpacing.value + "'" + nextLine; oString = oString + "txtGridColor.value = '" + txtGridColor.value + "'" + nextLine; oString = oString + "checkRaDec.checked = " + checkRaDec.checked.toString() + nextLine; oString = oString + "selectTargetObjectEOV.selectedIndex = " + document.getElementById('selectTargetObjectEOV').selectedIndex.toString() + nextLine; if (radioParallel.checked) { oString = oString + "radioParallel.checked = true" + nextLine; } else { oString = oString + "radioCrosseye.checked = true" + nextLine; } if (radioTrueLongitude.checked) { oString = oString + "radioTrueLongitude.checked = true" + nextLine; } else { oString = oString + "radioMeanLongitude.checked = true" + nextLine; } oString = oString + "txtBaseline.value = '" + txtBaseline.value + "'" + nextLine; oString = oString + "txtLongitudeRF.value = '" + txtLongitudeRF.value + "'" + nextLine; oString = oString + "txtAltitudeRF.value = '" + txtAltitudeRF.value + "'" + nextLine; oString = oString + "txtDistanceRF.value = '" + txtDistanceRF.value + "'" + nextLine; oString = oString + "integrator = '" + selectIntegrator.value + "'" + nextLine; oString = oString + "selectIntegrator.value = '" + selectIntegrator.value + "'" + nextLine; oString = oString + "txtStepsPerRadian.value = '" + txtStepsPerRadian.value + "'" + nextLine; codeBlock3 = String.fromCharCode(10) + oString + "}" + String.fromCharCode(10); oString = 'objects = ' + objects.toString() + ";" + String.fromCharCode(10); for (k = 1; k &lt;= objects; k++) { ks = k.toString(); for (j = 1; j &lt; 20; j++) { objName[k] = objName[k].replace(String.fromCharCode(10), ""); objName[k] = objName[k].replace(String.fromCharCode(13), ""); } oString = oString + "objName[" + ks + "] = '" + objName[k] + "';" + String.fromCharCode(10); oString = oString + "objReferenceObject[" + ks + "] = '" + objReferenceObject[k] + "';" + String.fromCharCode(10); oString = oString + "objx[" + ks + "] = " + objx[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objy[" + ks + "] = " + objy[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objz[" + ks + "] = " + objz[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objvx[" + ks + "] = " + objvx[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objvy[" + ks + "] = " + objvy[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objvz[" + ks + "] = " + objvz[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objMass[" + ks + "] = " + objMass[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objDiameter[" + ks + "] = " + objDiameter[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objColorRed[" + ks + "] = " + objColorRed[k].toString() + "; "; oString = oString + "objColorGreen[" + ks + "] = " + objColorGreen[k].toString() + "; "; oString = oString + "objColorBlue[" + ks + "] = " + objColorBlue[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objShadowRed[" + ks + "] = " + objShadowRed[k].toString() + "; "; oString = oString + "objShadowGreen[" + ks + "] = " + objShadowGreen[k].toString() + "; "; oString = oString + "objShadowBlue[" + ks + "] = " + objShadowBlue[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objLabelRed[" + ks + "] = " + objLabelRed[k].toString() + "; "; oString = oString + "objLabelGreen[" + ks + "] = " + objLabelGreen[k].toString() + "; "; oString = oString + "objLabelBlue[" + ks + "] = " + objLabelBlue[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objTrailRed[" + ks + "] = " + objTrailRed[k].toString() + "; "; oString = oString + "objTrailGreen[" + ks + "] = " + objTrailGreen[k].toString() + "; "; oString = oString + "objTrailBlue[" + ks + "] = " + objTrailBlue[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objSubZRed[" + ks + "] = " + objSubZRed[k].toString() + "; "; oString = oString + "objSubZGreen[" + ks + "] = " + objSubZGreen[k].toString() + "; "; oString = oString + "objSubZBlue[" + ks + "] = " + objSubZBlue[k].toString() + ";" + String.fromCharCode(10); //oString = oString + "checkPT" + ks + ".checked = " + document.getElementById('checkPT' + ks).checked.toString() + nextLine + String.fromCharCode(10); //oString = oString + "objPreTrail[" + ks + "] = " + document.getElementById('objPreTrail[' + ks + ']').toString() + nextLine; dummy = objPreTrail[1]; dummy1 = "objPreTrail[" + ks + "]"; //dummy2 = document.getElementById("objPreTrail[" + ks + "]"); oString = oString + "objPreTrail[" + ks + "] = " + objPreTrail[k].toString() + nextLine + String.fromCharCode(10); } //oString = oString + "populatePreTrailList()" + nextLine; //oString = oString + "createPreTrails()" + nextLine; for (k = objects + 1; k &lt;= objects + 2; k++) { ks = k.toString(); objName[objects + 1] = 'Camera A'; objName[objects + 2] = 'Camera B'; for (j = 1; j &lt; 20; j++) { objName[k] = objName[k].replace(String.fromCharCode(10), ""); objName[k] = objName[k].replace(String.fromCharCode(13), ""); } oString = oString + "objName[" + ks + "] = '" + objName[k] + "';" + String.fromCharCode(10); oString = oString + "objReferenceObject[" + ks + "] = '" + objReferenceObject[k] + "';" + String.fromCharCode(10); oString = oString + "objx[" + ks + "] = " + objx[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objy[" + ks + "] = " + objy[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objz[" + ks + "] = " + objz[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objvx[" + ks + "] = " + objvx[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objvy[" + ks + "] = " + objvy[k].toString() + ";" + String.fromCharCode(10); oString = oString + "objvz[" + ks + "] = " + objvz[k].toString() + ";" + String.fromCharCode(10); } oString = oString + "cameraAx = " + objx[objects + 1] + ";" + String.fromCharCode(10); oString = oString + "cameraAy = " + objy[objects + 1] + ";" + String.fromCharCode(10); oString = oString + "cameraAz = " + objz[objects + 1] + ";" + String.fromCharCode(10); oString = oString + "cameraAvx = " + objvx[objects + 1] + ";" + String.fromCharCode(10); oString = oString + "cameraAvy = " + objvy[objects + 1] + ";" + String.fromCharCode(10); oString = oString + "cameraAvz = " + objvz[objects + 1] + ";" + String.fromCharCode(10); oString = oString + "cameraBx = " + objx[objects + 2] + ";" + String.fromCharCode(10); oString = oString + "cameraBy = " + objy[objects + 2] + ";" + String.fromCharCode(10); oString = oString + "cameraBz = " + objz[objects + 2] + ";" + String.fromCharCode(10); oString = oString + "cameraBvx = " + objvx[objects + 2] + ";" + String.fromCharCode(10); oString = oString + "cameraBvy = " + objvy[objects + 2] + ";" + String.fromCharCode(10); oString = oString + "cameraBvz = " + objvz[objects + 2] + ";" + String.fromCharCode(10); oString = oString + "selectTargetObjectEOV.selectedIndex = " + selectTargetObjectEOV.selectedIndex.toString() + nextLine; codeBlock4 = "function initializeObjects() {" + String.fromCharCode(10) + oString + String.fromCharCode(10) + "}" + String.fromCharCode(10); if (saveAsExtras.indexOf('!@') != -1) { if (saveAsExtras.indexOf('a') != -1 &amp;&amp; codeBlock2.indexOf('addthis.com') == -1) { //dummy = codeBlock5.length; //rString = "&lt;script type='text/javascript' src='" + String.fromCharCode(47) + "/s7.addthis.com/js/300/addthis_widget.js#pubid=ra-557c5c34046dc86f' async='async'&gt;&lt;/sc" + "ript&gt;" + String.fromCharCode(10) + "&lt;/body&gt;"; //codeBlock5 = codeBlock5.replace("&lt;/body&gt;", rString); } if (saveAsExtras.indexOf('s') != -1) { } if (saveAsExtras.indexOf('h') != -1) { } } txtAreaSaveAs.value = codeBlock1 + String.fromCharCode(10) + codeblock1_1 + codeBlock2 + String.fromCharCode(10) + codeBlock3 + String.fromCharCode(10) + codeBlock4 + String.fromCharCode(10) + codeBlock5; if (checkSaveAsTempLink.checked) { var ajax = new XMLHttpRequest(); ajax.open('POST', 'http://orbitsimulator.com/gravitySimulatorCloud/gsimSaveAs.php', false); //saveAsFileName = txtSaveAsFileName.value; ajax.send(saveAsDs + saveAsFileName + String.fromCharCode(17) + (checkSaveAsShare.checked).toString() + String.fromCharCode(17) + txtAreaSaveAs.value); spanSimURL.innerHTML = "&lt;a href = 'http://orbitsimulator.com/gravitySimulatorCloud/simulations/" + saveAsDs + saveAsFileName + ".html'&gt;http://orbitsimulator.com/gravitySimulatorCloud/simulations/" + saveAsDs + saveAsFileName + "&lt;/a&gt;"; navigateTo = "http://orbitsimulator.com/gravitySimulatorCloud/simulations/" + saveAsDs +saveAsFileName + ".html" } // if (checkSaveAsTempLink.checked) divMenuShow.style.visibility = 'visible'; divMenu.style.visibility = 'visible'; } // end function mySaveAs() //function openNewWindow() { // window.open(navigateTo, txtSaveAsFileName,'toolbar = no, location = no, directories = no status = no, menubar = no') //} function play() { integrator = selectIntegrator.value; preferencesStepsPerRadian = parseFloat(txtStepsPerRadian.value); for (iteration = 1; iteration &lt;= iterationsPerVisit; iteration++) { switch(integrator) { case "RK4vtsc": if (timeStep != 9e-29) { RK4vts(); elapsedTime = elapsedTime + timeStep; if (tsmin &lt; preferencesStepsPerRadian &amp;&amp; stepsPerRadian != 0) { timeStep = timeStep / 2; spanTimeStep.innerHTML = timeStep.toString(); } if (tsmin &gt; preferencesStepsPerRadian * 2.5) { timeStep = timeStep * 2; spanTimeStep.innerHTML = timeStep.toString(); } } // end if (timeStep != 9e-29) if (collisions &gt; 0) { for (k = 1; k &lt;= collisions; k++) { collisionV = Math.sqrt((objvx[collisionObjectA[k]] - objvx[collisionObjectB[k]]) * (objvx[collisionObjectA[k]] - objvx[collisionObjectB[k]]) + (objvy[collisionObjectA[k]] - objvy[collisionObjectB[k]]) * (objvy[collisionObjectA[k]] - objvy[collisionObjectB[k]]) + (objvz[collisionObjectA[k]] - objvz[collisionObjectB[k]]) * (objvz[collisionObjectA[k]] - objvz[collisionObjectB[k]])); collisionLog = collisionLog + objName[collisionObjectA[k]] + ' collided with ' + objName[collisionObjectB[k]] + ' on ' + UTC(elapsedTime * 1000 + startDate) + " at " + collisionV.toString() + " m/s" + String.fromCharCode(10); txtAreaCollisionLog.value = collisionLog; combinedMass = objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]]; momentumX = objMass[collisionObjectA[k]] * objvx[collisionObjectA[k]] + objMass[collisionObjectB[k]] * objvx[collisionObjectB[k]]; momentumY = objMass[collisionObjectA[k]] * objvy[collisionObjectA[k]] + objMass[collisionObjectB[k]] * objvy[collisionObjectB[k]]; momentumZ = objMass[collisionObjectA[k]] * objvz[collisionObjectA[k]] + objMass[collisionObjectB[k]] * objvz[collisionObjectB[k]]; newVx = momentumX / combinedMass; newVy = momentumY / combinedMass; newVz = momentumZ / combinedMass; radiusA = objDiameter[collisionObjectA[k]] / 2; radiusB = objDiameter[collisionObjectB[k]] / 2; if (radiusA == 0) {radiusA = 1e-27} if (radiusB == 0) {radiusB = 1e-27} densityA = objMass[collisionObjectA[k]] / (4 * Math.PI * radiusA * radiusA * radiusA / 3); densityB = objMass[collisionObjectB[k]] / (4 * Math.PI * radiusB * radiusB * radiusB / 3); newDensity = (densityA * objMass[collisionObjectA[k]] + densityB * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]]); newRadius = Math.pow((3 * combinedMass / (4 * Math.PI * newDensity)), (1/3)); if (objMass[collisionObjectA[k]] &gt; objMass[collisionObjectB[k]]) { objName[collisionObjectB[k]] = objName[collisionObjectB[k]] + ' / ' + objName[collisionObjectA[k]]; objMass[collisionObjectA[k]] = combinedMass; objColorRed[collisionObjectA[k]] = parseInt((objColorRed[collisionObjectA[k]] * objMass[collisionObjectA[k]] + objColorRed[collisionObjectB[k]] * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]])); objColorGreen[collisionObjectA[k]] = parseInt((objColorGreen[collisionObjectA[k]] * objMass[collisionObjectA[k]] + objColorGreen[collisionObjectB[k]] * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]])); objColorBlue[collisionObjectA[k]] = parseInt((objColorBlue[collisionObjectA[k]] * objMass[collisionObjectA[k]] + objColorBlue[collisionObjectB[k]] * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]])); objColorRed[collisionObjectB[k]] = 0; objColorGreen[collisionObjectB[k]] = 0; objColorBlue[collisionObjectB[k]] = 0; objDiameter[collisionObjectA[k]] = newRadius * 2; objvx[collisionObjectA[k]] = newVx; objvy[collisionObjectA[k]] = newVy; objvz[collisionObjectA[k]] = newVz; objvx[collisionObjectB[k]] = 0; objvy[collisionObjectB[k]] = 0; objvz[collisionObjectB[k]] = 0; objx[collisionObjectB[k]] = 10e15; objy[collisionObjectB[k]] = 10e15; objz[collisionObjectB[k]] = 10e15; objMass[collisionObjectB[k]] = 0; } else { objName[collisionObjectA[k]] = objName[collisionObjectA[k]] + '/' + objName[collisionObjectB[k]]; objMass[collisionObjectB[k]] = combinedMass; objColorRed[collisionObjectB[k]] = parseInt((objColorRed[collisionObjectB[k]] * objMass[collisionObjectB[k]] + objColorRed[collisionObjectA[k]] * objMass[collisionObjectA[k]]) / (objMass[collisionObjectB[k]] + objMass[collisionObjectA[k]])); objColorGreen[collisionObjectB[k]] = parseInt((objColorGreen[collisionObjectB[k]] * objMass[collisionObjectB[k]] + objColorGreen[collisionObjectA[k]] * objMass[collisionObjectA[k]]) / (objMass[collisionObjectB[k]] + objMass[collisionObjectA[k]])); objColorBlue[collisionObjectB[k]] = parseInt((objColorBlue[collisionObjectB[k]] * objMass[collisionObjectB[k]] + objColorBlue[collisionObjectA[k]] * objMass[collisionObjectA[k]]) / (objMass[collisionObjectB[k]] + objMass[collisionObjectA[k]])); objColorRed[collisionObjectA[k]] = 0; objColorGreen[collisionObjectA[k]] = 0; objColorBlue[collisionObjectA[k]] = 0; objDiameter[collisionObjectB[k]] = newRadius * 2; objvx[collisionObjectB[k]] = newVx; objvy[collisionObjectB[k]] = newVy; objvz[collisionObjectB[k]] = newVz; objvx[collisionObjectA[k]] = 0; objvy[collisionObjectA[k]] = 0; objvz[collisionObjectA[k]] = 0; objx[collisionObjectA[k]] = 10e15; objy[collisionObjectA[k]] = 10e15; objz[collisionObjectA[k]] = 10e15; objMass[collisionObjectA[k]] = 0; } } // next k collisions = 0; populateSelectBoxes(); } // if (collisions &gt; 0) break; case "RK4vts": RK4vts(); if (timeStep != 9e-29) { elapsedTime = elapsedTime + timeStep; if (tsmin &lt; preferencesStepsPerRadian &amp;&amp; stepsPerRadian != 0) { timeStep = timeStep / 2; spanTimeStep.innerHTML = timeStep.toString(); } if (tsmin &gt; preferencesStepsPerRadian * 2.5) { timeStep = timeStep * 2; spanTimeStep.innerHTML = timeStep.toString(); } } // end if(timeStep != 9e-29) break; case "RK4c": RK4vts(); elapsedTime = elapsedTime + timeStep; if (collisions &gt; 0) { for (k = 1; k &lt;= collisions; k++) { collisionV = Math.sqrt((objvx[collisionObjectA[k]] - objvx[collisionObjectB[k]]) * (objvx[collisionObjectA[k]] - objvx[collisionObjectB[k]]) + (objvy[collisionObjectA[k]] - objvy[collisionObjectB[k]]) * (objvy[collisionObjectA[k]] - objvy[collisionObjectB[k]]) + (objvz[collisionObjectA[k]] - objvz[collisionObjectB[k]]) * (objvz[collisionObjectA[k]] - objvz[collisionObjectB[k]])); collisionLog = collisionLog + objName[collisionObjectA[k]] + ' collided with ' + objName[collisionObjectB[k]] + ' on ' + UTC(elapsedTime * 1000 + startDate) + " at " + collisionV.toString() + " m/s" + String.fromCharCode(10); txtAreaCollisionLog.value = collisionLog; combinedMass = objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]]; momentumX = objMass[collisionObjectA[k]] * objvx[collisionObjectA[k]] + objMass[collisionObjectB[k]] * objvx[collisionObjectB[k]]; momentumY = objMass[collisionObjectA[k]] * objvy[collisionObjectA[k]] + objMass[collisionObjectB[k]] * objvy[collisionObjectB[k]]; momentumZ = objMass[collisionObjectA[k]] * objvz[collisionObjectA[k]] + objMass[collisionObjectB[k]] * objvz[collisionObjectB[k]]; newVx = momentumX / combinedMass; newVy = momentumY / combinedMass; newVz = momentumZ / combinedMass; radiusA = objDiameter[collisionObjectA[k]] / 2; radiusB = objDiameter[collisionObjectB[k]] / 2; if (radiusA == 0) {radiusA = 1e-27} if (radiusB == 0) {radiusB = 1e-27} densityA = objMass[collisionObjectA[k]] / (4 * Math.PI * radiusA * radiusA * radiusA / 3); densityB = objMass[collisionObjectB[k]] / (4 * Math.PI * radiusB * radiusB * radiusB / 3); newDensity = (densityA * objMass[collisionObjectA[k]] + densityB * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]]); newRadius = Math.pow((3 * combinedMass / (4 * Math.PI * newDensity)), (1/3)); if (objMass[collisionObjectA[k]] &gt; objMass[collisionObjectB[k]]) { objName[collisionObjectB[k]] = objName[collisionObjectB[k]] + ' / ' + objName[collisionObjectA[k]]; objMass[collisionObjectA[k]] = combinedMass; objColorRed[collisionObjectA[k]] = parseInt((objColorRed[collisionObjectA[k]] * objMass[collisionObjectA[k]] + objColorRed[collisionObjectB[k]] * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]])); objColorGreen[collisionObjectA[k]] = parseInt((objColorGreen[collisionObjectA[k]] * objMass[collisionObjectA[k]] + objColorGreen[collisionObjectB[k]] * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]])); objColorBlue[collisionObjectA[k]] = parseInt((objColorBlue[collisionObjectA[k]] * objMass[collisionObjectA[k]] + objColorBlue[collisionObjectB[k]] * objMass[collisionObjectB[k]]) / (objMass[collisionObjectA[k]] + objMass[collisionObjectB[k]])); objColorRed[collisionObjectB[k]] = 0; objColorGreen[collisionObjectB[k]] = 0; objColorBlue[collisionObjectB[k]] = 0; objDiameter[collisionObjectA[k]] = newRadius * 2; objvx[collisionObjectA[k]] = newVx; objvy[collisionObjectA[k]] = newVy; objvz[collisionObjectA[k]] = newVz; objvx[collisionObjectB[k]] = 0; objvy[collisionObjectB[k]] = 0; objvz[collisionObjectB[k]] = 0; objx[collisionObjectB[k]] = 10e15; objy[collisionObjectB[k]] = 10e15; objz[collisionObjectB[k]] = 10e15; objMass[collisionObjectB[k]] = 0; } else { objName[collisionObjectA[k]] = objName[collisionObjectA[k]] + '/' + objName[collisionObjectB[k]]; objMass[collisionObjectB[k]] = combinedMass; objColorRed[collisionObjectB[k]] = parseInt((objColorRed[collisionObjectB[k]] * objMass[collisionObjectB[k]] + objColorRed[collisionObjectA[k]] * objMass[collisionObjectA[k]]) / (objMass[collisionObjectB[k]] + objMass[collisionObjectA[k]])); objColorGreen[collisionObjectB[k]] = parseInt((objColorGreen[collisionObjectB[k]] * objMass[collisionObjectB[k]] + objColorGreen[collisionObjectA[k]] * objMass[collisionObjectA[k]]) / (objMass[collisionObjectB[k]] + objMass[collisionObjectA[k]])); objColorBlue[collisionObjectB[k]] = parseInt((objColorBlue[collisionObjectB[k]] * objMass[collisionObjectB[k]] + objColorBlue[collisionObjectA[k]] * objMass[collisionObjectA[k]]) / (objMass[collisionObjectB[k]] + objMass[collisionObjectA[k]])); objColorRed[collisionObjectA[k]] = 0; objColorGreen[collisionObjectA[k]] = 0; objColorBlue[collisionObjectA[k]] = 0; objDiameter[collisionObjectB[k]] = newRadius * 2; objvx[collisionObjectB[k]] = newVx; objvy[collisionObjectB[k]] = newVy; objvz[collisionObjectB[k]] = newVz; objvx[collisionObjectA[k]] = 0; objvy[collisionObjectA[k]] = 0; objvz[collisionObjectA[k]] = 0; objx[collisionObjectA[k]] = 10e15; objy[collisionObjectA[k]] = 10e15; objz[collisionObjectA[k]] = 10e15; objMass[collisionObjectA[k]] = 0; } } // next k collisions = 0; populateSelectBoxes(); } // if (collisions &gt; 0) break; case "RK4": RK4vts(); elapsedTime = elapsedTime + timeStep; break; case "Euler": Euler(); elapsedTime = elapsedTime + timeStep; break; } // end switch(integrator) for (k = 1; k &lt;= nAutoPilot; k++) { if (elapsedTime &gt; autoPilotTime[k] - timeStep &amp;&amp; elapsedTime &lt;= autoPilotTime[k]) { eval (autoPilotCommand[k]); } } //apPerIteration(); eval(APperIterationCode); } // next iteration eval(APperGraphicUpdateCode); for (h=2; h &lt;= objects + 2; h++) { // push the system back to 0,0,0. do the Sun last objx[h] = objx[h] - objx[1]; objy[h] = objy[h] - objy[1]; objz[h] = objz[h] - objz[1]; objvx[h] = objvx[h] - objvx[1]; objvy[h] = objvy[h] - objvy[1]; objvz[h] = objvz[h] - objvz[1]; } objx[1] = 0; objy[1] = 0; objz[1] = 0; objvx[1] = 0; objvy[1] = 0; objvz[1] = 0; //if (!checkRealTime.checked &amp;&amp; bPause &gt; 0) {setTimeout(function(){play()}, timerInterval)} setTimeout(function(){play()}, timerInterval); updateInfo(); //plot(); if (checkPreTrailsA.checked || checkAxes.checked) {plotTrailsA()} if (checkPreTrailsB.checked || checkAxes.checked) {plotTrailsB()} if (checkKBOsA.checked) {plotStaticObjectsA()} if (checkKBOsB.checked) {plotStaticObjectsB()} txtRotateCameraA.value = parseInt(180 * rangeRotateCameraA.value / Math.PI).toString(); txtRotateCameraZ.value = parseInt(180 * rangeRotateCameraZ.value / Math.PI).toString(); //txtRotateCameraD.value = parseInt(rangeRotateCameraD.value).toString(); // var D = Math.pow(rangeRotateCameraD.value, 4) / 40000 * AU; //txtRotateCameraD.value = parseInt(Math.pow(40000 * parseFloat(rangeRotateCameraD.value) / AU,0.25)); txtRotateCameraD.value = Math.pow(rangeRotateCameraD.value, 4) / 40000; //if (checkRF.checked == true) { if (selectTargetObjectRF.selectedIndex != 0) { //if (selectTargetObjectRF.selectedIndex == 9) { //additionalMass = 429.485995966407 * 5.97369125232006E24 //} else {additionalMass = 0} ComputeOrbitalElements(focusRF, referenceRF); if (radioTrueLongitude.checked) { var lon = Math.atan2(objy[focusRF] - objy[referenceRF], objx[focusRF] - objx[referenceRF]) } else { var lon = oeMA + oeLAN + oePeri } var newLon = lon + longRF * Math.PI / 180; while (newLon &lt; 0) {newLon = newLon + 2 * Math.PI} while (newLon &gt; Math.PI * 2) {newLon = newLon - 2 * Math.PI} rangeRotateCameraA.value = newLon; txtRotateCameraA.value = parseInt(180 * rangeRotateCameraA.value / Math.PI).toString(); //cameraAx = objx[referenceRF] + distanceRF * AU * Math.cos(newLon); //cameraAy = objy[referenceRF] + distanceRF * AU * Math.sin(newLon); //cameraAz = objz[referenceRF] + altRF * AU; //updateCameras(); } else { objx[objects + 1] = objx[objects + 1] + objvx[objects + 1] * timeStep * iterationsPerVisit; objy[objects + 1] = objy[objects + 1] + objvy[objects + 1] * timeStep * iterationsPerVisit; objz[objects + 1] = objz[objects + 1] + objvz[objects + 1] * timeStep * iterationsPerVisit; objx[objects + 2] = objx[objects + 2] + objvx[objects + 2] * timeStep * iterationsPerVisit; objy[objects + 2] = objy[objects + 2] + objvy[objects + 2] * timeStep * iterationsPerVisit; objz[objects + 2] = objz[objects + 2] + objvz[objects + 2] * timeStep * iterationsPerVisit; cameraAx = objx[objects + 1]; cameraAy = objy[objects + 1]; cameraAz = objz[objects + 1]; cameraBx = objx[objects + 1]; cameraBy = objy[objects + 1]; cameraBz = objz[objects + 1]; } //rhodz var D = Math.pow(rangeRotateCameraD.value, 4) / 40000 * AU; objx[objects + 1] = D * Math.cos(rangeRotateCameraA.value) * Math.sin(rangeRotateCameraZ.value); objy[objects + 1] = D * Math.sin(rangeRotateCameraA.value) * Math.sin(rangeRotateCameraZ.value); objz[objects + 1] = D * Math.cos(rangeRotateCameraZ.value); cameraAx = objx[objects + 1]; cameraAy = objy[objects + 1]; cameraAz = objz[objects + 1]; if (!stealth) { plotPerspectiveA(); plotPerspectiveB(); //updateInfo(); } if (maxScreenShots &gt; 0) { lblScreenShotData.innerHTML = screenShotsTaken.toString() + ' / ' + maxScreenShots.toString() + ' ' + (nextScreenShot - elapsedTime).toString(); } if (elapsedTime &gt; nextScreenShot &amp;&amp; screenShotsTaken &lt; maxScreenShots) { nextScreenShot = elapsedTime + screenShotDelay; screenShots++; screenShotNumber = screenShots; if (screenShots &lt; 10) {screenShotNumber = '0' + screenShotNumber}; if (screenShots &lt; 100) {screenShotNumber = '0' + screenShotNumber}; if (screenShots &lt; 1000) {screenShotNumber = '0' + screenShotNumber}; ssFileName = queryArray[0] + '_' + screenShotNumber; saveCanvas(ssFileName); screenShotsTaken++; } } // end function play(); function createPreTrails() { nPreTrails = 0; var tPaused = bPause; if (tPaused == 1){pause()} for (var k = 1; k &lt;= objects; k++) { var i = document.getElementById('checkPT' + k.toString()); if (i.checked) { createPreTrail(k); objPreTrail[k] = true } else {objPreTrail[k] = false} } if (tPaused == 1 &amp;&amp; bPause !=1) { pause(); } } function createPreTrail(n) { //var trail = []; //k = 1; //trail[k] = []; //trail[k][1] = [ 51516007988.5161,-27191962366.4211,-6948351906.42394]; //nPreTrails = k; // save obj[1] info // save elapsed time // xxx-save iterations // save time step // save number of objects // give obj[1] info of obj[n] // compute period of object // compute time step needed for 2000 steps per orbit // initilize 2nd array dimension // set doEvents to 1 // set time step to computed value // set objects = 2 // do RK4. get first position // do RK4. compute change in true longitude using atan // if change in TL &gt; 1 degree, record position // continue until entire orbit is completed // increment nPreTrails // restore obj[1] info // restore elapsed time // restore iterations // restore time step var tx = objx[2], ty = objy[2], tz = objz[2]; tvx = objvx[2]; tvy = objvy[2]; tvz = objvz[2], tMass = objMass[2]; var txSun = objx[1], tySun = objy[1], tzSun = objz[1]; tvxSun = objvx[1]; tvySun = objvy[1]; tvzSun = objvz[1]; var tElapsedTime = elapsedTime; objx[2] = objx[n]; objy[2] = objy[n]; objz[2] = objz[n]; objvx[2] = objvx[n]; objvy[2] = objvy[n]; objvz[2] = objvz[n]; objMass[2] = objMass[n]; ComputeOrbitalElements(2, 1); var tPeriod = 2 * Math.PI * Math.sqrt(oeSMA * oeSMA * oeSMA / (G * (objMass[1] + objMass[2]))); var tTimeStep = timeStep; var timeStepsPerOrbit = 20000; timeStep = parseInt(tPeriod / timeStepsPerOrbit); // compute time step needed for 2000 steps per orbit nPreTrails++; preTrailRed[nPreTrails] = objColorRed[n]; preTrailGreen[nPreTrails] = objColorGreen[n]; preTrailBlue[nPreTrails] = objColorBlue[n]; preTrailSubZRed[nPreTrails] = objSubZRed[n]; preTrailSubZGreen[nPreTrails] = objSubZGreen[n]; preTrailSubZBlue[nPreTrails] = objSubZBlue[n]; trail[nPreTrails] = []; var tIterationsPerVisit = iterationsPerVisit; iterationsPerVisit = 1; var tObjects = objects; objects = 2; var k = 1; trail[nPreTrails][k] = [objx[2], objy[2], objz[2]]; var deg = 0, dot = 0, mag1 = 0, mag2 = 0, mag = 0, theta = 0; for (var j = 1; j &lt;= timeStepsPerOrbit + 16; j++) { RK4(); dot = trail[nPreTrails][k][0] * objx[2] + trail[nPreTrails][k][1] * objy[2] + trail[nPreTrails][k][2] * objz[2]; mag1 = Math.sqrt(trail[nPreTrails][k][0] * trail[nPreTrails][k][0] + trail[nPreTrails][k][1] *trail[nPreTrails][k][1] + trail[nPreTrails][k][2] * trail[nPreTrails][k][2]); mag2 = Math.sqrt(objx[2] * objx[2] + objy[2] * objy[2] + objz[2] * objz[2]); mag = mag1 * mag2; theta = 180 * Math.acos(dot / mag) / Math.PI; if (theta &gt; 0.1) { k++; trail[nPreTrails][k] = [objx[2], objy[2], objz[2]]; } } k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; k++; trail[nPreTrails][k] = [0, 0, 0]; objx[2] = tx; objy[2] = ty; objz[2] = tz; objvx[2] = tvx; objvy[2] = tvy; objvz[2] = tvz; objMass[2] = tMass; objx[1] = txSun; objy[1] = tySun; objz[1] = tzSun; objvx[1] = tvxSun; objvy[1] = tvySun; objvz[1] = tvzSun; objects = tObjects; elapsedTime = tElapsedTime; iterationsPerVisit = tIterationsPerVisit; timeStep = tTimeStep; } // end function createPreTrail() function Euler() { for (k = 1; k &lt;= masslessIndex; k++) { var tM2; var tM = objMass[k] * 398600432896940; tM = objMass[k] * 398600432896939; tM = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { tM2 = objMass[j] * G; dx = (objx[j] - objx[k]); dy = (objy[j] - objy[k]); dz = (objz[j] - objz[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (tM &gt; 0) { f = tM / D / D / D; objvx[j] = objvx[j] - dx * f * timeStep; objvy[j] = objvy[j] - dy * f * timeStep; objvz[j] = objvz[j] - dz * f * timeStep; } if (tM2 &gt; 0) { f = tM2 / D / D / D objvx[k] = objvx[k] + dx * f * timeStep; objvy[k] = objvy[k] + dy * f * timeStep; objvz[k] = objvz[k] + dz * f * timeStep; } } //Next j } //Next k for (j = 1; j &lt;= objects; j++) { objx[j] = objx[j] + objvx[j] * timeStep; objy[j] = objy[j] + objvy[j] * timeStep; objz[j] = objz[j] + objvz[j] * timeStep; } } // end function Euler() function RK4vts() { tsmin = 9e99; //Use current positions to compute accelerations. Store them in arrays a1x[], a1y[], a1z[]. //zero out arrays a1x[], a1y[], a1z[] for (k = 1; k &lt;= objects; k++) { a1x[k] = 0; a1y[k] = 0; a1z[k] = 0; } // Next k for (k = 1; k &lt;= masslessIndex; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (objx[j] - objx[k]); dy = (objy[j] - objy[k]); dz = (objz[j] - objz[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if ((objMass[k] &gt; 0 || objMass[j] &gt; 0) &amp;&amp; ((objDiameter[k] + objDiameter[j]) / 2 &gt; D)) { collisions++; collisionObjectA[collisions] = j; collisionObjectB[collisions] = k; } tsVx = objvx[j] - objvx[k]; tsVy = objvy[j] - objvy[k]; tsVz = objvz[j] - objvz[k]; tsV = Math.sqrt(tsVx * tsVx + tsVy * tsVy + tsVz * tsVz); if (objMass[k] &gt; 0 || objMass[j] &gt; 0) { stepsPerRadian = D / tsV / Math.abs(timeStep); if (stepsPerRadian &lt; tsmin) { tsmin = stepsPerRadian; tsobjMin1 = j; tsobjMin2 = k; } // end if (stepsPerRadian &lt; tsmin) } // end if () if (Mu &gt; 0) { //ignore massless particles a1 = -(1 / D) * (1 / D) * Mu; a1x[j] = a1x[j] + (dx / D) * a1; a1y[j] = a1y[j] + (dy / D) * a1; a1z[j] = a1z[j] + (dz / D) * a1; } // End if if (Mu2 &gt; 0) { //ignore massless particles a1 = -(1 / D) * (1 / D) * Mu2; a1x[k] = a1x[k] - (dx / D) * a1; a1y[k] = a1y[k] - (dy / D) * a1; a1z[k] = a1z[k] - (dz / D) * a1; } // End if } // Next j } // Next k //Copy the current velocities into an arrays v1x[], v1y[], v1z[]. for (k = 1; k &lt;= objects; k++) { v1x[k] = objvx[k]; v1y[k] = objvy[k]; v1z[k] = objvz[k]; } //Use the velocities stored in v1x[], v1y[], v1z[] to predict positions of objects one-half a step into the future. //Store the positions in arrays p2x[], p2y[], p2z[] halfstep = timeStep / 2; for (k = 1; k &lt;= objects; k++) { p2x[k] = objx[k] + v1x[k] * halfstep; p2y[k] = objy[k] + v1y[k] * halfstep; p2z[k] = objz[k] + v1z[k] * halfstep; } // Next k //Use the accelerations stored in a1x[], a1y[], a1z[] to predict future velocities at half a step into the future. //Store the velocities in arrays v2x[], v2y[], v2z[]. for (k = 1; k &lt;= objects; k++) { v2x[k] = objvx[k] + a1x[k] * halfstep; v2y[k] = objvy[k] + a1y[k] * halfstep; v2z[k] = objvz[k] + a1z[k] * halfstep; } // Next k //Use the positions stored in arrays p2x[], p2y[], p2z[] (these are the positions at half a step in future) //to compute accelerations on the bodies a half timestep into the future. //Store these accelerations in arrays a2x[], a2y[], a2z[] //zero out arrays a2x[], a2y[], a2z[] for (k = 1; k &lt;= objects; k++) { a2x[k] = 0; a2y[k] = 0; a2z[k] = 0; } for (k = 1; k &lt;= objects; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (p2x[j] - p2x[k]); dy = (p2y[j] - p2y[k]); dz = (p2z[j] - p2z[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a2 = -(1 / D) * (1 / D) * Mu; a2x[j] = a2x[j] + (dx / D) * a2; a2y[j] = a2y[j] + (dy / D) * a2; a2z[j] = a2z[j] + (dz / D) * a2; } // End if if (Mu2 &gt; 0) { //ignore massless particles a2 = -(1 / D) * (1 / D) * Mu2; a2x[k] = a2x[k] - (dx / D) * a2; a2y[k] = a2y[k] - (dy / D) * a2; a2z[k] = a2z[k] - (dz / D) * a2; } // End if } // Next j } // Next k //Use the accelerations stored in arrays a2x[], a2y[], a2z[] to compute velocities at half a step into the future. //Store these velocities in arrays v3x[], v3y[], v3z[]. for (k = 1; k &lt;= objects; k++) { v3x[k] = objvx[k] + a2x[k] * halfstep; v3y[k] = objvy[k] + a2y[k] * halfstep; v3z[k] = objvz[k] + a2z[k] * halfstep; } // Next k //Use the velocities stored in arrays v2x[], v2y[], v2z[] //to predict positions of objects one-half a step into the future. //Store these positions in arrays p3x[], p3y[], p3z[]. for (k = 1; k &lt;= objects; k++) { p3x[k] = objx[k] + v2x[k] * halfstep; p3y[k] = objy[k] + v2y[k] * halfstep; p3z[k] = objz[k] + v2z[k] * halfstep; } // Next k //Use the positions in arrays p3x[], p3y[], p3z[] (these positions are at half a step in future) //to compute the accelerations on the bodies a half time step into the future. //Store them in arrays a3x[], a3y[], a3z[] for (k = 1; k &lt;= objects; k++) { a3x[k] = 0; a3y[k] = 0; a3z[k] = 0; } for (k = 1; k &lt;= objects; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (p3x[j] - p3x[k]); dy = (p3y[j] - p3y[k]); dz = (p3z[j] - p3z[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a3 = -(1 / D) * (1 / D) * Mu; a3x[j] = a3x[j] + (dx / D) * a3; a3y[j] = a3y[j] + (dy / D) * a3; a3z[j] = a3z[j] + (dz / D) * a3; } // End if if (Mu2 &gt; 0) { //ignore massless particles a3 = -(1 / D) * (1 / D) * Mu2; a3x[k] = a3x[k] - (dx / D) * a3; a3y[k] = a3y[k] - (dy / D) * a3; a3z[k] = a3z[k] - (dz / D) * a3; } // End if } // Next j } // Next k //Use the accelerations in arrays a3x[], a3y[], a3z[] to compute velocities at one FULL step into the future. //Store them in arrays v4x[], v4y[], v4z[]. for (k = 1; k &lt;= objects; k++) { v4x[k] = objvx[k] + a3x[k] * timeStep; v4y[k] = objvy[k] + a3y[k] * timeStep; v4z[k] = objvz[k] + a3z[k] * timeStep; } // Next k //Use the veolcities stored in arrays v3x[], v3y[], v3z[] //to compute the positions of objects one FULL step into the future. //Store them in arrays p4x[], p4y[], p4z[]. for (k = 1; k &lt;= objects; k++) { p4x[k] = objx[k] + v3x[k] * timeStep; p4y[k] = objy[k] + v3y[k] * timeStep; p4z[k] = objz[k] + v3z[k] * timeStep; } // Next k //Use the positions stored in arrays p4x[], p4y[], p4z[](these are the positions at one FULL step in future) //to compute accelerations on the bodies in the future. //Store these accelerations in arrays a4x[], a4y[], a4z[] for (k = 1; k &lt;= objects; k++) { a4x[k] = 0; a4y[k] = 0; a4z[k] = 0; } // Next k for (k = 1; k &lt;= objects; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (p4x[j] - p4x[k]); dy = (p4y[j] - p4y[k]); dz = (p4z[j] - p4z[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a4 = -(1 / D) * (1 / D) * Mu; a4x[j] = a4x[j] + (dx / D) * a4; a4y[j] = a4y[j] + (dy / D) * a4; a4z[j] = a4z[j] + (dz / D) * a4; } // End if if (Mu2 &gt; 0) { //ignore massless particles a4 = -(1 / D) * (1 / D) * Mu2; a4x[k] = a4x[k] - (dx / D) * a4; a4y[k] = a4y[k] - (dy / D) * a4; a4z[k] = a4z[k] - (dz / D) * a4; } // End if } // Next j } // Next k //Apply the Runge-Kutta 4th Order method to these arrays to determine the slope of the position and velocities //Then add these slopes to the current positions and velocities to get the new positions and velocities. //Velocity is the derivative of position. //Acceleration is the derivative of velocity. //The RK4 method states that the slope for velocity is // (1/6) * timeStep * (the acceleration at the beginning of the interval, stored in a1x[], a1y[], a1z[] // + 2 * the acceleration at the first estimate of the half time step, stored in a2x[], a2y[], a2z[] // + 2 * the acceleration at the second estimate of the half time step, stored in a3x[], a3y[], a3z[] // + the acceleration at the estimate of the end of a full time step, stored in a4x[], a4y[], a4z[] ). //The RK4 method states that the slope for position is // (1/6) * timeStep * (the velocity at the beginning of the interval, stored in v1x[], v1y[], v1z[] // + 2 * the velocity at the first estimate of the half time step, stored in v2x[], v2y[], v2z[] // + 2 * the velocity at the second estimate of the half time step, stored in v3x[], v3y[], v3z[] // + the velocity at the estimate of the end of a full time step, stored in v4x[], v4y[], v4z[] ). for (k = 1; k &lt;= objects; k++) { deltavx = (timeStep / 6) * (a1x[k] + 2 * a2x[k] + 2 * a3x[k] + a4x[k]); deltavy = (timeStep / 6) * (a1y[k] + 2 * a2y[k] + 2 * a3y[k] + a4y[k]); deltavz = (timeStep / 6) * (a1z[k] + 2 * a2z[k] + 2 * a3z[k] + a4z[k]); objvx[k] = objvx[k] + deltavx; objvy[k] = objvy[k] + deltavy; objvz[k] = objvz[k] + deltavz; deltapx = (timeStep / 6) * (v1x[k] + 2 * v2x[k] + 2 * v3x[k] + v4x[k]); deltapy = (timeStep / 6) * (v1y[k] + 2 * v2y[k] + 2 * v3y[k] + v4y[k]); deltapz = (timeStep / 6) * (v1z[k] + 2 * v2z[k] + 2 * v3z[k] + v4z[k]); objx[k] = objx[k] + deltapx; objy[k] = objy[k] + deltapy; objz[k] = objz[k] + deltapz; } // Next k iterations++; //} // Next iteration } // End function rk4vts function RK4() { //for (iteration = 1; iteration &lt;= iterationsPerVisit; iteration++) { //======================= RK4 ========================================== //Use current positions to compute accelerations. Store them in arrays a1x[], a1y[], a1z[]. //zero out arrays a1x[], a1y[], a1z[] for (k = 1; k &lt;= objects; k++) { a1x[k] = 0; a1y[k] = 0; a1z[k] = 0; } // Next k //for (k = 1; k &lt;= objects; k++) { for (k = 1; k &lt;= masslessIndex ; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (objx[j] - objx[k]); dy = (objy[j] - objy[k]); dz = (objz[j] - objz[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a1 = -(1 / D) * (1 / D) * Mu; a1x[j] = a1x[j] + (dx / D) * a1; a1y[j] = a1y[j] + (dy / D) * a1; a1z[j] = a1z[j] + (dz / D) * a1; } // End if if (Mu2 &gt; 0) { //ignore massless particles a1 = -(1 / D) * (1 / D) * Mu2; a1x[k] = a1x[k] - (dx / D) * a1; a1y[k] = a1y[k] - (dy / D) * a1; a1z[k] = a1z[k] - (dz / D) * a1; } // End if } // Next j } // Next k //Copy the current velocities into an arrays v1x[], v1y[], v1z[]. for (k = 1; k &lt;= objects; k++) { v1x[k] = objvx[k]; v1y[k] = objvy[k]; v1z[k] = objvz[k]; } //Use the velocities stored in v1x[], v1y[], v1z[] to predict positions of objects one-half a step into the future. //Store the positions in arrays p2x[], p2y[], p2z[] halfstep = timeStep / 2; for (k = 1; k &lt;= objects; k++) { p2x[k] = objx[k] + v1x[k] * halfstep; p2y[k] = objy[k] + v1y[k] * halfstep; p2z[k] = objz[k] + v1z[k] * halfstep; } // Next k //Use the accelerations stored in a1x[], a1y[], a1z[] to predict future velocities at half a step into the future. //Store the velocities in arrays v2x[], v2y[], v2z[]. for (k = 1; k &lt;= objects; k++) { v2x[k] = objvx[k] + a1x[k] * halfstep; v2y[k] = objvy[k] + a1y[k] * halfstep; v2z[k] = objvz[k] + a1z[k] * halfstep; } // Next k //Use the positions stored in arrays p2x[], p2y[], p2z[] (these are the positions at half a step in future) //to compute accelerations on the bodies a half timestep into the future. //Store these accelerations in arrays a2x[], a2y[], a2z[] //zero out arrays a2x[], a2y[], a2z[] for (k = 1; k &lt;= objects; k++) { a2x[k] = 0; a2y[k] = 0; a2z[k] = 0; } for (k = 1; k &lt;= objects; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (p2x[j] - p2x[k]); dy = (p2y[j] - p2y[k]); dz = (p2z[j] - p2z[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a2 = -(1 / D) * (1 / D) * Mu; a2x[j] = a2x[j] + (dx / D) * a2; a2y[j] = a2y[j] + (dy / D) * a2; a2z[j] = a2z[j] + (dz / D) * a2; } // End if if (Mu2 &gt; 0) { //ignore massless particles a2 = -(1 / D) * (1 / D) * Mu2; a2x[k] = a2x[k] - (dx / D) * a2; a2y[k] = a2y[k] - (dy / D) * a2; a2z[k] = a2z[k] - (dz / D) * a2; } // End if } // Next j } // Next k //Use the accelerations stored in arrays a2x[], a2y[], a2z[] to compute velocities at half a step into the future. //Store these velocities in arrays v3x[], v3y[], v3z[]. for (k = 1; k &lt;= objects; k++) { v3x[k] = objvx[k] + a2x[k] * halfstep; v3y[k] = objvy[k] + a2y[k] * halfstep; v3z[k] = objvz[k] + a2z[k] * halfstep; } // Next k //Use the velocities stored in arrays v2x[], v2y[], v2z[] //to predict positions of objects one-half a step into the future. //Store these positions in arrays p3x[], p3y[], p3z[]. for (k = 1; k &lt;= objects; k++) { p3x[k] = objx[k] + v2x[k] * halfstep; p3y[k] = objy[k] + v2y[k] * halfstep; p3z[k] = objz[k] + v2z[k] * halfstep; } // Next k //Use the positions in arrays p3x[], p3y[], p3z[] (these positions are at half a step in future) //to compute the accelerations on the bodies a half time step into the future. //Store them in arrays a3x[], a3y[], a3z[] for (k = 1; k &lt;= objects; k++) { a3x[k] = 0; a3y[k] = 0; a3z[k] = 0; } for (k = 1; k &lt;= objects; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (p3x[j] - p3x[k]); dy = (p3y[j] - p3y[k]); dz = (p3z[j] - p3z[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a3 = -(1 / D) * (1 / D) * Mu; a3x[j] = a3x[j] + (dx / D) * a3; a3y[j] = a3y[j] + (dy / D) * a3; a3z[j] = a3z[j] + (dz / D) * a3; } // End if if (Mu2 &gt; 0) { //ignore massless particles a3 = -(1 / D) * (1 / D) * Mu2; a3x[k] = a3x[k] - (dx / D) * a3; a3y[k] = a3y[k] - (dy / D) * a3; a3z[k] = a3z[k] - (dz / D) * a3; } // End if } // Next j } // Next k //Use the accelerations in arrays a3x[], a3y[], a3z[] to compute velocities at one FULL step into the future. //Store them in arrays v4x[], v4y[], v4z[]. for (k = 1; k &lt;= objects; k++) { v4x[k] = objvx[k] + a3x[k] * timeStep; v4y[k] = objvy[k] + a3y[k] * timeStep; v4z[k] = objvz[k] + a3z[k] * timeStep; } // Next k //Use the veolcities stored in arrays v3x[], v3y[], v3z[] //to compute the positions of objects one FULL step into the future. //Store them in arrays p4x[], p4y[], p4z[]. for (k = 1; k &lt;= objects; k++) { p4x[k] = objx[k] + v3x[k] * timeStep; p4y[k] = objy[k] + v3y[k] * timeStep; p4z[k] = objz[k] + v3z[k] * timeStep; } // Next k //Use the positions stored in arrays p4x[], p4y[], p4z[](these are the positions at one FULL step in future) //to compute accelerations on the bodies in the future. //Store these accelerations in arrays a4x[], a4y[], a4z[] for (k = 1; k &lt;= objects; k++) { a4x[k] = 0; a4y[k] = 0; a4z[k] = 0; } // Next k for (k = 1; k &lt;= objects; k++) { Mu = objMass[k] * G; for (j = k + 1; j &lt;= objects; j++) { Mu2 = objMass[j] * G; dx = (p4x[j] - p4x[k]); dy = (p4y[j] - p4y[k]); dz = (p4z[j] - p4z[k]); D = Math.sqrt(dx * dx + dy * dy + dz * dz); if (Mu &gt; 0) { //ignore massless particles a4 = -(1 / D) * (1 / D) * Mu; a4x[j] = a4x[j] + (dx / D) * a4; a4y[j] = a4y[j] + (dy / D) * a4; a4z[j] = a4z[j] + (dz / D) * a4; } // End if if (Mu2 &gt; 0) { //ignore massless particles a4 = -(1 / D) * (1 / D) * Mu2; a4x[k] = a4x[k] - (dx / D) * a4; a4y[k] = a4y[k] - (dy / D) * a4; a4z[k] = a4z[k] - (dz / D) * a4; } // End if } // Next j } // Next k //Apply the Runge-Kutta 4th Order method to these arrays to determine the slope of the position and velocities //Then add these slopes to the current positions and velocities to get the new positions and velocities. //Velocity is the derivative of position. //Acceleration is the derivative of velocity. //The RK4 method states that the slope for velocity is // (1/6) * timeStep * (the acceleration at the beginning of the interval, stored in a1x[], a1y[], a1z[] // + 2 * the acceleration at the first estimate of the half time step, stored in a2x[], a2y[], a2z[] // + 2 * the acceleration at the second estimate of the half time step, stored in a3x[], a3y[], a3z[] // + the acceleration at the estimate of the end of a full time step, stored in a4x[], a4y[], a4z[] ). //The RK4 method states that the slope for position is // (1/6) * timeStep * (the velocity at the beginning of the interval, stored in v1x[], v1y[], v1z[] // + 2 * the velocity at the first estimate of the half time step, stored in v2x[], v2y[], v2z[] // + 2 * the velocity at the second estimate of the half time step, stored in v3x[], v3y[], v3z[] // + the velocity at the estimate of the end of a full time step, stored in v4x[], v4y[], v4z[] ). for (k = 1; k &lt;= objects; k++) { deltavx = (timeStep / 6) * (a1x[k] + 2 * a2x[k] + 2 * a3x[k] + a4x[k]); deltavy = (timeStep / 6) * (a1y[k] + 2 * a2y[k] + 2 * a3y[k] + a4y[k]); deltavz = (timeStep / 6) * (a1z[k] + 2 * a2z[k] + 2 * a3z[k] + a4z[k]); objvx[k] = objvx[k] + deltavx; objvy[k] = objvy[k] + deltavy; objvz[k] = objvz[k] + deltavz; deltapx = (timeStep / 6) * (v1x[k] + 2 * v2x[k] + 2 * v3x[k] + v4x[k]); deltapy = (timeStep / 6) * (v1y[k] + 2 * v2y[k] + 2 * v3y[k] + v4y[k]); deltapz = (timeStep / 6) * (v1z[k] + 2 * v2z[k] + 2 * v3z[k] + v4z[k]); objx[k] = objx[k] + deltapx; objy[k] = objy[k] + deltapy; objz[k] = objz[k] + deltapz; } // Next k iterations++; //} // Next iteration } // End function rk4 function updateInfo() { //var objElements = 5, objReference = 1; txtObjx.value = (objx[vectorObj1A] - objx[vectorObj2A]) / vectorPositionUnits; txtObjy.value = (objy[vectorObj1A] - objy[vectorObj2A]) / vectorPositionUnits; txtObjz.value = (objz[vectorObj1A] - objz[vectorObj2A]) / vectorPositionUnits; txtObjvx.value = (objvx[vectorObj1A] - objvx[vectorObj2A]) / vectorVelocityUnits; txtObjvy.value = (objvy[vectorObj1A] - objvy[vectorObj2A]) / vectorVelocityUnits; txtObjvz.value = (objvz[vectorObj1A] - objvz[vectorObj2A]) / vectorVelocityUnits; var D = (Math.sqrt( (objx[vectorObj1A] - objx[vectorObj2A]) * (objx[vectorObj1A] - objx[vectorObj2A]) + (objy[vectorObj1A] - objy[vectorObj2A]) * (objy[vectorObj1A] - objy[vectorObj2A]) + (objz[vectorObj1A] - objz[vectorObj2A])*(objz[vectorObj1A] - objz[vectorObj2A]) )); //V = (Math.sqrt( (objvx[vectorObj1A] - objvx[vectorObj2A]) * (objvx[vectorObj1A] - objvx[vectorObj2A]) + (objvy[vectorObj1A] - objvy[vectorObj2A]) * (objvy[vectorObj1A] - objvy[vectorObj2A]) + (objvz[vectorObj1A] - objvz[vectorObj2A])*(objvz[vectorObj1A] - objvz[vectorObj2A]) )); txtDistance.value = (D / vectorPositionUnits).toString(); var V = (Math.sqrt( (objvx[vectorObj1A] - objvx[vectorObj2A]) * (objvx[vectorObj1A] - objvx[vectorObj2A]) + (objvy[vectorObj1A] - objvy[vectorObj2A]) * (objvy[vectorObj1A] - objvy[vectorObj2A]) + (objvz[vectorObj1A] - objvz[vectorObj2A])*(objvz[vectorObj1A] - objvz[vectorObj2A]) )); txtSpeed.value = (V / vectorVelocityUnits).toString(); var DotProduct = (objvx[vectorObj1A] - objvx[vectorObj2A]) * (objx[vectorObj1A] - objx[vectorObj2A]) + (objvy[vectorObj1A] - objvy[vectorObj2A]) * (objy[vectorObj1A] - objy[vectorObj2A]) + (objvz[vectorObj1A] - objvz[vectorObj2A]) * (objz[vectorObj1A] - objz[vectorObj2A]); var MagnitudeProduct = V * D; var theta = Math.acos(DotProduct / MagnitudeProduct); var TangentVelocity = V * Math.sin(theta); var RadialVelocity = V * Math.cos(theta); lblTangentialSpeedVectors.innerHTML = (TangentVelocity / vectorVelocityUnits).toString(); lblRadialVelocityVectors.innerHTML = (RadialVelocity / vectorVelocityUnits).toString(); // ComputeOrbitalElements(objElements, objReference); lblEccentricity.innerHTML = E; lblSMA.innerHTML = a / 149597870691; currentDate.setTime(elapsedTime * 1000 + startDate); julianDate = elapsedTime / 86400 + julianStartDate / 86400; spanCalendarDate.innerHTML = currentDate; //spanCalendarDateUTC.innerHTML = cUTCdate; spanCalendarDateUTC.innerHTML = UTC(elapsedTime * 1000 + startDate); spanJulianDate.innerHTML = julianDate; } // End function updateInfo() function UTC(timeIn) { currentUTCdate.setTime(timeIn); var t = currentUTCdate.toString(); var pm = t.substr(28, 1); var h = t.substr(29,2); var m = t.substr(31,2); var offset = (Number(h) * 60 + Number(m)) * 60000; if (pm == '-') {offset = -offset} currentUTCdate.setTime(timeIn - offset); var cUTCdate = currentUTCdate.toString(); //cUTCdate = cUTCdate.substr(0, 24) + ' (UTC)'; return cUTCdate.substr(0, 24) + ' (UTC)'; } function UTC2(timeIn) { currentUTCdate.setTime(timeIn); var t = currentUTCdate.toString(); var pm = t.substr(28, 1); var h = t.substr(29,2); var m = t.substr(31,2); var offset = (Number(h) * 60 + Number(m)) * 60000; if (pm == '-') {offset = -offset} currentUTCdate.setTime(timeIn - offset); var cUTCdate = currentUTCdate.toString(); cUTCdate = cUTCdate.substr(4, 20); return cUTCdate.substr(0, 24); } function getCurrentDateAndTime() { var currentdate = new Date(); var offset = currentdate.getTimezoneOffset() * 60000; var datetime = currentdate.getFullYear() + "/" + (currentdate.getMonth()+1) + "/" + currentdate.getDate() + " " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); return datetime; } function setCurrentTime() { var d = new Date(); var n = d.getTime(); var dString = UTC(n); dString = dString.substr(4); dString = dString.substr(0, 20); txtSetDateAndTime.value = dString; txtImportSetDateAndTime.value = dString; } function setDate(dString) { //var dString = txtSetDateAndTime.value; startDate = Date.parse(dString + ' UTC'); julianStartDate = 2440587.5 * 86400 + startDate / 1000; elapsedTime = 0; } function updateVectors() { objx[vectorObj1A] = txtObjx.value * vectorPositionUnits + objx[vectorObj2A]; objy[vectorObj1A] = txtObjy.value * vectorPositionUnits + objy[vectorObj2A]; objz[vectorObj1A] = txtObjz.value * vectorPositionUnits + objz[vectorObj2A]; objvx[vectorObj1A] = txtObjvx.value * vectorVelocityUnits+ objvx[vectorObj2A]; objvy[vectorObj1A] = txtObjvy.value * vectorVelocityUnits+ objvy[vectorObj2A]; objvz[vectorObj1A] = txtObjvz.value * vectorVelocityUnits+ objvz[vectorObj2A]; cameraAx = objx[objects + 1]; cameraAy = objy[objects + 1]; cameraAz = objz[objects + 1]; cameraBx = objx[objects + 2]; cameraBy = objy[objects + 2]; cameraBz = objz[objects + 2]; cameraAvx = objvx[objects + 1]; cameraAvy = objvy[objects + 1]; cameraAvz = objvz[objects + 1]; cameraBvx = objvx[objects + 2]; cameraBvy = objvy[objects + 2]; cameraBvz = objvz[objects + 2]; txtDistance.value = (Math.sqrt( (objx[vectorObj1A] - objx[vectorObj2A]) * (objx[vectorObj1A] - objx[vectorObj2A]) + (objy[vectorObj1A] - objy[vectorObj2A]) * (objy[vectorObj1A] - objy[vectorObj2A]) + (objz[vectorObj1A] - objz[vectorObj2A])*(objz[vectorObj1A] - objz[vectorObj2A]) )) / vectorPositionUnits; txtSpeed.value = (Math.sqrt( (objvx[vectorObj1A] - objvx[vectorObj2A]) * (objvx[vectorObj1A] - objvx[vectorObj2A]) + (objvy[vectorObj1A] - objvy[vectorObj2A]) * (objvy[vectorObj1A] - objvy[vectorObj2A]) + (objvz[vectorObj1A] - objvz[vectorObj2A])*(objvz[vectorObj1A] - objvz[vectorObj2A]) )) / vectorVelocityUnits; } function changePositionUnits() { if (vectorPositionUnits == meter) {vectorPositionUnits = km; btnPositionUnits.value = 'Position x, y, z (km)' } else if (vectorPositionUnits == km) {vectorPositionUnits = AU; btnPositionUnits.value = 'Position x, y, z (AU)'} else if (vectorPositionUnits == AU) {vectorPositionUnits = LY; btnPositionUnits.value = 'Position x, y, z (LY)'} else if (vectorPositionUnits == LY) {vectorPositionUnits = meter; btnPositionUnits.value = 'Position x, y, z (m)'} } function changeVelocityUnits() { if (vectorVelocityUnits == meter) {vectorVelocityUnits = km; btnVelocityUnits.value = 'Velocity x, y, z (km/s)' } else if (vectorVelocityUnits == km) {vectorVelocityUnits = meter; btnVelocityUnits.value = 'Velocity x, y, z (m/s)'} } function populatePreTrailList() { divPTOList.innerHTML = ''; for (var k = 1; k &lt;= objects; k++) { var x = "&lt;input type = 'checkbox' id = 'checkPT" + k.toString() + "'&gt;&lt;label id = 'lblPT" + k.toString() + "' class = 'classLblData' for ='checkPT" + k.toString() + "'&gt;" + objName[k] + "&lt;/label&gt;&lt;br&gt;"; divPTOList.innerHTML = divPTOList.innerHTML + x; } for (var k = 1; k &lt;= objects; k++) { if (objPreTrail[k]) { document.getElementById('checkPT' + k.toString()).checked = true; dummy = document.getElementById('checkPT' + k.toString()).checked; dummyPause = dummy; } } } function chooseDeletions() { divDeleteList.innerHTML = ''; for (var k = 1; k &lt;= objects; k++) { var x = "&lt;input type = 'checkbox' id = 'checkDEL" + k.toString() + "'&gt;&lt;label id = 'lblDEL" + k.toString() + "' class = 'classLblData' for ='checkDEL" + k.toString() + "'&gt;" + objName[k] + "&lt;/label&gt;&lt;br&gt;"; divDeleteList.innerHTML = divDeleteList.innerHTML + x; } } function deleteObjects() { var finished = false; var objToBeDeleted = 0; while (!finished) { objToBeDeleted = 0; for (var k = 1; k &lt;= objects; k++) { if (document.getElementById('checkDEL' + k.toString()).checked) {objToBeDeleted = k} } // next k if (objToBeDeleted != 0) { for (j = objToBeDeleted; j &lt; objects + 2; j++) { objName[j] = objName[j + 1]; objReferenceObject[j] = objReferenceObject[j + 1]; objx[j] = objx[j + 1]; objy[j] = objy[j + 1]; objz[j] = objz[j + 1]; objvx[j] = objvx[j + 1]; objvy[j] = objvy[j + 1]; objvz[j] = objvz[j + 1]; objMass[j] = objMass[j + 1]; objDiameter[j] = objDiameter[j + 1]; objColorRed[j] = objColorRed[j + 1]; objColorGreen[j] = objColorGreen[j + 1]; objColorBlue[j] = objColorBlue[j + 1]; } // next j for (j = objToBeDeleted; j &lt; objects; j++) { document.getElementById('lblDEL' + j.toString()).innerHTML = document.getElementById('lblDEL' + (j + 1).toString()).innerHTML; document.getElementById('checkDEL' + j.toString()).checked = document.getElementById('checkDEL' + (j + 1).toString()).checked; objPreTrail[j] = objPreTrail[j + 1]; } populatePreTrailList(); createPreTrails(); if (fromObjA &gt;= objToBeDeleted) { fromObjA = fromObjA - 1; selectCameraObjectA.value = fromObjA.toString(); } if (toObjA &gt;= objToBeDeleted) { toObjA = toObjA - 1; selectCameraObjectA.value = toObjA.toString(); } if (fromObjB &gt;= objToBeDeleted) { fromObjB = fromObjB - 1; selectCameraObjectB.value = fromObjB.toString(); } if (toObjB &gt;= objToBeDeleted) { toObjB = toObjB - 1; selectCameraObjectB.value = toObjB.toString(); } objects = objects - 1; } else {finished = true} } // wend (!finished) chooseDeletions(); populateSelectBoxes(); populatePreTrailList(); changeBarycenterA(); changeBarycenterB(); //changeCameraObjectA(); //changeTargetObjectA(); changeBarycenter(); changeBarycenterA(); changeBarycenterB(); } // end function function populateCovarianceMatrix() { var str = txtClonesPaste.value; pos = str.indexOf('EEEEEE'); pos = str.indexOf('EEEEEE', pos + 1); pos = str.indexOf('(', pos + 1); pos2 = str.indexOf(')', pos + 1); asteroidName = str.substr(pos + 1, pos2 - pos - 1); lblClonedObjectName.innerHTML = asteroidName; var sourceType = 0; pos = 1; while (str.indexOf('&gt;e&lt;', pos) != -1) { sourceType++; pos = str.indexOf('&gt;e&lt;', pos) + 1; } if (sourceType == 3) { posStart = str.indexOf('&gt;e&lt;'); } else { posStart = str.indexOf('&gt;e&lt;'); posStart = str.indexOf('&gt;e&lt;', posStart + 1); } pos = posStart; pos = str.indexOf('Epoch'); if (sourceType == 4) {pos = str.indexOf('Epoch', pos + 1)} pos = str.indexOf(' ', pos + 1); pos2 = str.indexOf(' ', pos + 1); epoch = str.substr(pos + 1, pos2 - pos - 1); pos = posStart; pos = str.indexOf('&gt;e&lt;', pos); pos = str.indexOf('size', pos); pos = str.indexOf('&gt;', pos); pos2 = str.indexOf('&lt;', pos); eccNominal = str.substr(pos + 1, pos2 - pos - 1); pos = posStart; pos = str.indexOf('&gt;q&lt;', pos); pos = str.indexOf('size', pos); pos = str.indexOf('&gt;', pos); pos2 = str.indexOf('&lt;', pos); qNominal = str.substr(pos + 1, pos2 - pos - 1); pos = posStart; pos = str.indexOf('&gt;t&lt;', pos); pos = str.indexOf('size', pos); pos = str.indexOf('&gt;', pos); pos2 = str.indexOf('&lt;', pos); tpNominal = str.substr(pos + 1, pos2 - pos - 1); pos = posStart; pos = str.indexOf('&gt;node&lt;', pos); pos = str.indexOf('size', pos); pos = str.indexOf('&gt;', pos); pos2 = str.indexOf('&lt;', pos); nodeNominal = str.substr(pos + 1, pos2 - pos - 1); pos = posStart; pos = str.indexOf('&gt;peri&lt;', pos); pos = str.indexOf('size', pos); pos = str.indexOf('&gt;', pos); pos2 = str.indexOf('&lt;', pos); periNominal = str.substr(pos + 1, pos2 - pos - 1); pos = posStart; pos = str.indexOf('&gt;i&lt;', pos); pos = str.indexOf('size', pos); pos = str.indexOf('&gt;', pos); pos2 = str.indexOf('&lt;', pos); iNominal = str.substr(pos + 1, pos2 - pos - 1); txtJD.value = epoch.toString(); txtnEcc.value = eccNominal.toString(); txtnq.value = qNominal.toString(); txtnTp.value = tpNominal.toString(); txtnNode.value = nodeNominal.toString(); txtnPeri.value = periNominal.toString(); txtnInc.value = iNominal.toString(); hide = str.split('Orbit Covariance'); tr4 = hide[1].split('&lt;tr'); for (u = 3; u &lt;=8; u++) { td1 = tr4[u].split('&lt;td'); for (var z = 2; z &lt;= 7; z++) { pos0 = td1[z].indexOf('&gt;'); pos1 = td1[z].indexOf('&gt;', pos0 + 1); pos2 = td1[z].indexOf('&lt;', pos1); answer = td1[z].substr(pos1 + 1, pos2 - pos1 - 1); document.getElementById('txtCov' + (u - 2).toString() + (z - 1).toString()).value = answer; } // next z } } // function populateCovarianceMatrix function createObjectWithClones() { var tarA = parseInt(selectTargetObjectA.value); var tNameA = objName[tarA]; var tarB = parseInt(selectTargetObjectB.value); var tNameB = objName[tarB]; var refA = parseInt(selectCameraObjectA.value); var nNameA = objName[refA]; var refB = parseInt(selectCameraObjectB.value); var nNameB = objName[refB]; var n = 6; nEcc = parseFloat(txtnEcc.value); nq = parseFloat(txtnq.value); ntp = parseFloat(txtnTp.value); nNode = parseFloat(txtnNode.value); nPeri = parseFloat(txtnPeri.value); ni = parseFloat(txtnInc.value); var sma = nq / (1 - nEcc); var jd = parseFloat(txtJD.value) var tp = parseFloat(txtnTp.value); dummy = sma * sma * sma * AU * AU * AU / (G * objMass[1]); dummy2 = Math.sqrt(dummy); dummy3 = 2 * Math.PI * dummy2; dummy4 = dummy3 / 86400; var period = 2 * Math.PI * Math.sqrt(sma * sma * sma * AU * AU * AU / (G * objMass[1])) / 86400; var deltaT = tp - jd; var ma = 360 - (360 * deltaT / period); inSMA = sma * 149597870691; inEcc = nEcc; inInc = ni * Math.PI / 180; inNode = nNode * Math.PI / 180; inPeri = nPeri * Math.PI / 180; inMA = ma * Math.PI / 180; inPrimaryMass = 5.97369125232006E+24 * 332946.050894783; inMass = 0; ComputeStateVectors(); objects++; objx[objects] = xCreate; objy[objects] = yCreate; objz[objects] = zCreate; objvx[objects] = vxCreate; objvy[objects] = vyCreate; objvz[objects] = vzCreate; objName[objects] = lblClonedObjectName.innerHTML; objReferenceObject[objects] = 'Sun'; objColorRed[objects] = 0; objColorGreen[objects] = 255; objColorBlue[objects] = 255; objMass[objects] = 0; objDiameter[objects] = 0; populateSelectBoxes(); updateCameras(); populatePreTrailList(); chooseDeletions(); //txtcX.value = xCreate.toString(); txtcY.value = yCreate.toString(); txtcZ.value = zCreate.toString(); //txtcVX.value = vxCreate.toString(); txtcVY.value = vyCreate.toString(); txtcVZ.value = vzCreate.toString(); A1 = 0; A2 = 0; A3 = 0; AF = 0; // don't know what these are cov[1][1] = parseFloat(txtCov11.value); cov[1][2] = parseFloat(txtCov12.value); cov[1][3] = parseFloat(txtCov13.value); cov[1][4] = parseFloat(txtCov14.value); cov[1][5] = parseFloat(txtCov15.value); cov[1][6] = parseFloat(txtCov16.value); cov[2][1] = parseFloat(txtCov21.value); cov[2][2] = parseFloat(txtCov22.value); cov[2][3] = parseFloat(txtCov23.value); cov[2][4] = parseFloat(txtCov24.value); cov[2][5] = parseFloat(txtCov25.value); cov[2][6] = parseFloat(txtCov26.value); cov[3][1] = parseFloat(txtCov31.value); cov[3][2] = parseFloat(txtCov32.value); cov[3][3] = parseFloat(txtCov33.value); cov[3][4] = parseFloat(txtCov34.value); cov[3][5] = parseFloat(txtCov35.value); cov[3][6] = parseFloat(txtCov36.value); cov[4][1] = parseFloat(txtCov41.value); cov[4][2] = parseFloat(txtCov42.value); cov[4][3] = parseFloat(txtCov43.value); cov[4][4] = parseFloat(txtCov44.value); cov[4][5] = parseFloat(txtCov45.value); cov[4][6] = parseFloat(txtCov46.value); cov[5][1] = parseFloat(txtCov51.value); cov[5][2] = parseFloat(txtCov52.value); cov[5][3] = parseFloat(txtCov53.value); cov[5][4] = parseFloat(txtCov54.value); cov[5][5] = parseFloat(txtCov55.value); cov[5][6] = parseFloat(txtCov56.value); cov[6][1] = parseFloat(txtCov61.value); cov[6][2] = parseFloat(txtCov62.value); cov[6][3] = parseFloat(txtCov63.value); cov[6][4] = parseFloat(txtCov64.value); cov[6][5] = parseFloat(txtCov65.value); cov[6][6] = parseFloat(txtCov66.value); A[1][1] = parseFloat(txtCov11.value); A[1][2] = parseFloat(txtCov12.value); A[1][3] = parseFloat(txtCov13.value); A[1][4] = parseFloat(txtCov14.value); A[1][5] = parseFloat(txtCov15.value); A[1][6] = parseFloat(txtCov16.value); A[2][1] = parseFloat(txtCov21.value); A[2][2] = parseFloat(txtCov22.value); A[2][3] = parseFloat(txtCov23.value); A[2][4] = parseFloat(txtCov24.value); A[2][5] = parseFloat(txtCov25.value); A[2][6] = parseFloat(txtCov26.value); A[3][1] = parseFloat(txtCov31.value); A[3][2] = parseFloat(txtCov32.value); A[3][3] = parseFloat(txtCov33.value); A[3][4] = parseFloat(txtCov34.value); A[3][5] = parseFloat(txtCov35.value); A[3][6] = parseFloat(txtCov36.value); A[4][1] = parseFloat(txtCov41.value); A[4][2] = parseFloat(txtCov42.value); A[4][3] = parseFloat(txtCov43.value); A[4][4] = parseFloat(txtCov44.value); A[4][5] = parseFloat(txtCov45.value); A[4][6] = parseFloat(txtCov46.value); A[5][1] = parseFloat(txtCov51.value); A[5][2] = parseFloat(txtCov52.value); A[5][3] = parseFloat(txtCov53.value); A[5][4] = parseFloat(txtCov54.value); A[5][5] = parseFloat(txtCov55.value); A[5][6] = parseFloat(txtCov56.value); A[6][1] = parseFloat(txtCov61.value); A[6][2] = parseFloat(txtCov62.value); A[6][3] = parseFloat(txtCov63.value); A[6][4] = parseFloat(txtCov64.value); A[6][5] = parseFloat(txtCov65.value); A[6][6] = parseFloat(txtCov66.value); cholDec(); for (nClones = 1; nClones &lt;= parseInt(txtNclones.value); nClones++) { for (i = 1; i &lt;= n; i++) { dev0[i] = gauRand(1); } // next i for (i = 1; i &lt;= n; i++) { dev[i] = 0; for (j = 1; j &lt;=i; j++) { dev[i] = dev[i] + chol[i][j] * dev0[j]; } // next j } // next i var cEcc = nEcc + dev[1]; var cq = nq + dev[2]; var cTp = ntp + dev[3]; var cNode = nNode + dev[4]; var cPeri = nPeri + dev[5]; var cInc = ni + dev[6]; var csma = cq / (1 - cEcc); tp = cTp; period = 2 * Math.PI * Math.sqrt(sma * sma * sma * AU * AU * AU / (G * objMass[1])) / 86400; deltaT = tp - jd; var cma = 360 - (360 * deltaT / period); inSMA = sma * 149597870691; inEcc = cEcc; inInc = cInc * Math.PI / 180; inNode = cNode * Math.PI / 180; inPeri = cPeri* Math.PI / 180; inMA = cma * Math.PI / 180; inPrimaryMass = 5.97369125232006E+24 * 332946.050894783; inMass = 0; ComputeStateVectors(); objects++; objx[objects] = xCreate; objy[objects] = yCreate; objz[objects] = zCreate; objvx[objects] = vxCreate; objvy[objects] = vyCreate; objvz[objects] = vzCreate; objName[objects] = 'clone_' + nClones.toString(); objReferenceObject[objects] = 'Sun'; inRed = 255; inGreen = 255; inBlue = 0; //objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 0; objColorRed[objects] = inRed; objColorGreen[objects] = inGreen; objColorBlue[objects] = inBlue; objShadowRed[objects] = parseInt(inRed / 30); objShadowGreen[objects] = parseInt(inGreen / 30); objShadowBlue[objects] = parseInt(inBlue / 30); objLabelRed[objects] = inRed; objLabelGreen[objects] = inGreen; objLabelBlue[objects] = inBlue; objTrailRed[objects] = inRed; objTrailGreen[objects] = inGreen; objTrailBlue[objects] = inBlue; objSubZRed[objects] = parseInt(inRed / 3); objSubZGreen[objects] = parseInt(inGreen / 3); objSubZBlue[objects] = parseInt(inBlue / 3); objMass[objects] = 0; objDiameter[objects] = 0; } //next nClones populateSelectBoxes(); updateCameras(); populatePreTrailList(); chooseDeletions(); k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameA) {k++} selectTargetObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameB) {k++} selectTargetObjectB.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameA) {k++} selectCameraObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameB) {k++} selectCameraObjectB.selectedIndex = k - 1; changeCameraObjectA(); changeCameraObjectB(); } // end function createObjectWithClones function cholDec() { var n = 6; var p = []; flexit = 0; for (i = 1; i &lt;= n; i++) { for (j = i; j &lt;= n; j++) { sum = cov[i][j]; for (k = i - 1; k &gt;= 1; k = k - 1) { sum = sum - cov[i][k] * cov[j][k]; } // next k if (i == j) { if (sum &lt;= 0) {} // not sure what to do here p[i] = Math.sqrt(sum); } else { cov[j][k] = sum / p[i]; } } // next j } // next i for (i = 1; i &lt;= n; i++) { for (j = 1; j &lt;= i; j++) { if (j == i) { chol[i][j] = p[i]; } else { chol[i][j] = cov[i][j]; } // next j } // next i } } // end function cholDec function gauRand (sigma) { var flset = 0; // not sure what this is var r = 0; if (flset == 0) { while (r &lt;= 0 || r &gt;= 1) { v1 = 2 * Math.random() - 1; v2 = 2 * Math.random() - 1; r = v1 * v1 + v2 * v2; } // loop ddev = Math.sqrt(-2 * Math.log(r) / r); dev1 = v1 * ddev; flset = -1; return sigma * v2 * ddev; } else { flset = 0; return sigma * dev1; } } // end function gauRand function computeOtherElements() { var sma = parseFloat(txtcq.value) / (1 - parseFloat(txtcEcc.value)); //var jd = 2457000.5; var jd = parseFloat(txtJD.value) //var tp = 2457573.609471251599; var tp = parseFloat(txtcTp.value); var period = 2 * Math.PI * Math.sqrt(sma * sma * sma * AU * AU * AU / (G * objMass[0])) / 86400; var deltaT = tp - jd; var ma = 360 - (360 * deltaT / period); txtSMA.value = sma.toString(); txtMA.value = ma.toString(); inSMA = sma * 149597870691; inEcc = parseFloat(txtcEcc.value); inInc = parseFloat(txtcInc.value) * Math.PI / 180; inNode = parseFloat(txtcNode.value) * Math.PI / 180; inPeri = parseFloat(txtcPeri.value) * Math.PI / 180; inMA = ma * Math.PI / 180; inPrimaryMass = 5.97369125232006E+24 * 332946.050894783; inMass = 0; ComputeStateVectors(); txtcX.value = xCreate.toString(); txtcY.value = yCreate.toString(); txtcZ.value = zCreate.toString(); txtcVX.value = vxCreate.toString(); txtcVY.value = vyCreate.toString(); txtcVZ.value = vzCreate.toString(); } // end function computeOtherElements function gRand(mean, sd) { var x1, x2, w, y1, y2; do { x1 = 2 * Math.random() - 1; x2 = 2 * Math.random() - 1; w = x1 * x1 + x2 * x2; } while(w &gt;= 1) w = Math.sqrt((-2 * Math.log(w)) / w); y1 = x1 * w; y2 = x2 * w; return mean + y1 * sd; } function createObjects() { var percent, nominal, cStart, cEnd, cRange, range = new Array(); var n = parseFloat(txtNumberOfObjectsCreated.value); var tarA = parseInt(selectTargetObjectA.value); var tNameA = objName[tarA]; var tarB = parseInt(selectTargetObjectB.value); var tNameB = objName[tarB]; var refA = parseInt(selectCameraObjectA.value); var nNameA = objName[refA]; var refB = parseInt(selectCameraObjectB.value); var nNameB = objName[refB]; for (k = 1; k &lt;= n; k++) { if (btnSMAPlusMinus.value == '+/- %') { percent = parseFloat(txtSMADistribution.value) * 0.01; nominal = parseFloat(txtSMA.value); inSMA = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnSMAPlusMinus.value == "Start, End") { cRange = txtSMA.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inSMA = parseFloat(cStart) + delta * (k - 1); } else { inSMA = gRand(parseFloat(txtSMA.value), parseFloat(txtSMADistribution.value)); } if (isNaN(inSMA)){inSMA = 1500000000000;} if (btnSMAUnit.value == '(km)') {inSMA = inSMA * 1000} else if (btnSMAUnit.value == '(AU)') {inSMA = inSMA * AU} else if (btnSMAUnit.value == '(LY)') {inSMA = inSMA * LY} if (btnEccentricityPlusMinus.value == '+/- %') { percent = parseFloat(txtEccentricityDistribution.value) * 0.01; nominal = parseFloat(txtEccentricity.value); inEcc = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnEccentricityPlusMinus.value == "Start, End") { cRange = txtEccentricity.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inEcc = parseFloat(cStart) + delta * (k - 1); } else { inEcc = gRand(parseFloat(txtEccentricity.value), parseFloat(txtEccentricityDistribution.value)); } if (isNaN(inEcc)){inEcc = 0;} if (btnInclinationPlusMinus.value == '+/- %') { percent = parseFloat(txtInclinationDistribution.value) * 0.01; nominal = parseFloat(txtInclination.value); inInc = toRadians(nominal * (1 - percent + Math.random() * percent * 2)); } else if (btnEccentricityPlusMinus.value == "Start, End") { cRange = txtInclination.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inInc = parseFloat(cStart) + delta * (k - 1); } else { inInc = gRand(parseFloat(txtInclination.value), parseFloat(txtInclinationDistribution.value)); } if (isNaN(inInc)){inInc = 0;} if (btnLongitudePlusMinus.value == '+/- %') { percent = parseFloat(txtLongitudeDistribution.value) * 0.01; nominal = parseFloat(txtLongitude.value); inNode = toRadians(nominal * (1 - percent + Math.random() * percent * 2)); } else if (btnLongitudePlusMinus.value == "Start, End") { cRange = txtLongitude.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inNode = parseFloat(cStart) + delta * (k - 1); } else { inNode = gRand(parseFloat(txtLongitude.value), parseFloat(txtLongitudeDistribution.value)); } if (isNaN(inNode)){inNode = 0;} if (btnPeriapsisPlusMinus.value == '+/- %') { percent = parseFloat(txtPeriapsisDistribution.value) * 0.01; nominal = parseFloat(txtPeriapsis.value); inPeri = toRadians(nominal * (1 - percent + Math.random() * percent * 2)); } else if (btnPeriapsisPlusMinus.value == 'Start, End') { cRange = txtPeriapsis.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inPeri = parseFloat(cStart) + delta * (k - 1); } else { inPeri = gRand(parseFloat(txtPeriapsis.value), parseFloat(txtPeriapsisDistribution.value)); } if (isNaN(inPeri)){inPeri = 0;} if (btnMAPlusMinus.value == '+/- %') { percent = parseFloat(txtMADistribution.value) * 0.01; nominal = parseFloat(txtMA.value); inMA = toRadians(nominal * (1 - percent + Math.random() * percent * 2)); } else if (btnMAPlusMinus.value == 'Start, End') { cRange = txtMA.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inMA = parseFloat(cStart) + delta * (k - 1); } else { inMA = gRand(parseFloat(txtMA.value), parseFloat(txtMADistribution.value)); } if (isNaN(inMA)){inMA = 0;} inPrimaryMass = parseFloat(objMass[selectCreateReferenceObject.value]) * 5.97369125232006E+24; if (isNaN(inPrimaryMass)){inPrimaryMass = 0;} if (btnMassPlusMinus.value == '+/- %') { percent = parseFloat(txtCreateMassDistribution.value) * 0.01; nominal = parseFloat(txtCreateMass.value); inMass = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnMassPlusMinus.value == '+/- %') { cRange = txtCreateMass.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inMass = parseFloat(cStart) + delta * (k - 1); } else { inMass = gRand(parseFloat(txtCreateMass.value), parseFloat(txtCreateMassDistribution.value)); } if (isNaN(inMass)){inMass = 0;} if (btnMassUnit.value == '(kg)') { //inMass = inMass / 5.97369125232006E+24; } else if (btnMassUnit.value == '(Em)') { inMass = inMass * 5.97369125232006E+24; } else if (btnMassUnit.value == '(Jm)') { inMass = inMass * 317.828391263477 * 5.97369125232006E+24; } else if (btnMassUnit.value == '(Sm)') { inMass = inMass * 332946.050894784 * 5.97369125232006E+24; } if (btnRadiusPlusMinus.value == '+/- %') { percent = parseFloat(txtCreateRadiusDistribution.value) * 0.01; nominal = parseFloat(txtCreateRadius.value); inRadius = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnRadiusPlusMinus.value == '+/- %') { cRange = txtCreateRadius.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inRadius = parseFloat(cStart) + delta * (k - 1); } else { inRadius = gRand(parseFloat(txtCreateRadius.value), parseFloat(txtCreateRadiusDistribution.value)); } if (isNaN(inRadius)){inRadius = 0;} if (btnRadiusUnit.value == '(km)') { inRadius = inRadius * 1000; } else if (btnRadiusUnit.value == '(AU)') { inRadius = inRadius * 149597870691; } else if (btnRadiusUnit.value == '(LY)') { inRadius = inRadius * 9.4605284E+15; } if (btnRedPlusMinus.value == '+/- %') { percent = parseFloat(txtCreateRedDistribution.value) * 0.01; nominal = parseFloat(txtCreateRed.value); inRed = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnRedPlusMinus.value == 'Start, End') { cRange = txtCreateRed.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inRed = parseFloat(txtCreateRed.value) + delta * (k - 1); } else { inRed = gRand(parseFloat(txtCreateRed.value), parseFloat(txtCreateRedDistribution.value)); } if (isNaN(inRed)){inRed = 0;} inRed = parseInt(inRed); if (btnGreenPlusMinus.value == '+/- %') { percent = parseFloat(txtCreateGreenDistribution.value) * 0.01; nominal = parseFloat(txtCreateGreen.value); inGreen = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnGreenPlusMinus.value == 'Start, End') { cRange = txtCreateGreen.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inGreen = parseFloat(cStart) + delta * (k - 1); } else { inGreen = gRand(parseFloat(txtCreateGreen.value), parseFloat(txtCreateGreenDistribution.value)); } if (isNaN(inGreen)){inGreen = 0;} inGreen = parseInt(inGreen); if (btnBluePlusMinus.value == '+/- %') { percent = parseFloat(txtCreateBlueDistribution.value) * 0.01; nominal = parseFloat(txtCreateBlue.value); inBlue = nominal * (1 - percent + Math.random() * percent * 2); } else if (btnBluePlusMinus.value == 'Start, End') { cRange = txtCreateBlue.value; range = cRange.split(","); cStart = parseFloat(range[0]); cEnd = parseFloat(range[1]); delta = (cEnd - cStart) / (n-1); inBlue = parseFloat(cStart) + delta * (k - 1); } else { inBlue = gRand(parseFloat(txtCreateBlue.value), parseFloat(txtCreateBlueDistribution.value)); } if (isNaN(inBlue)){inBlue = 0;} inBlue = parseInt(inBlue); inInc = inInc * Math.PI / 180; inNode = inNode * Math.PI / 180; inPeri = inPeri * Math.PI / 180; inMA = inMA * Math.PI / 180; ComputeStateVectors(); objects++; objPreTrail[objects] = false; objx[objects] = xCreate + parseFloat(objx[selectCreateReferenceObject.value]); objy[objects] = yCreate + parseFloat(objy[selectCreateReferenceObject.value]); objz[objects] = zCreate + parseFloat(objz[selectCreateReferenceObject.value]); objvx[objects] = vxCreate + parseFloat(objvx[selectCreateReferenceObject.value]); objvy[objects] = vyCreate + parseFloat(objvy[selectCreateReferenceObject.value]); objvz[objects] = vzCreate + parseFloat(objvz[selectCreateReferenceObject.value]); objMass[objects] = inMass / 5.97369125232006E+24; objColorRed[objects] = inRed; objColorGreen[objects] = inGreen; objColorBlue[objects] = inBlue; objShadowRed[objects] = parseInt(inRed / 30); objShadowGreen[objects] = parseInt(inGreen / 30); objShadowBlue[objects] = parseInt(inBlue / 30); objLabelRed[objects] = inRed; objLabelGreen[objects] = inGreen; objLabelBlue[objects] = inBlue; objTrailRed[objects] = inRed; objTrailGreen[objects] = inGreen; objTrailBlue[objects] = inBlue; objSubZRed[objects] = parseInt(inRed / 3); objSubZGreen[objects] = parseInt(inGreen / 3); objSubZBlue[objects] = parseInt(inBlue / 3); objDiameter[objects] = inRadius * 2; if (n &gt; 1) { objName[objects] = txtCreateName.value + '_' + k.toString(); } else { objName[objects] = txtCreateName.value; } } //next k scrf = selectCreateReferenceObject.value; populateSelectBoxes(); selectCreateReferenceObject.value = scrf; updateCameras(); populatePreTrailList(); chooseDeletions(); k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameA) {k++} selectTargetObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameB) {k++} selectTargetObjectB.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameA) {k++} selectCameraObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameB) {k++} selectCameraObjectB.selectedIndex = k - 1; changeCameraObjectA(); changeCameraObjectB(); } // end function createObjects() function importSingleObject(ssObject) { var isoOutput; var ajax = new XMLHttpRequest(); ajax.open('POST', 'http://orbitsimulator.com/gravitySimulatorCloud/horizonsTesting07.php', false); var requestDate = UTC(elapsedTime * 1000 + startDate); var horizonsStartDate = requestDate.substr(11, 4); horizonsStartDate = horizonsStartDate + "-" + requestDate.substr(4, 3); horizonsStartDate = horizonsStartDate + "-" + requestDate.substr(8, 2); horizonsStartDate = horizonsStartDate + requestDate.substr(15, 9); requestDate = UTC((elapsedTime + 1) * 1000 + startDate); var horizonsStopDate = requestDate.substr(11, 4); horizonsStopDate = horizonsStopDate + "-" + requestDate.substr(4, 3); horizonsStopDate = horizonsStopDate + "-" + requestDate.substr(8, 2); horizonsStopDate = horizonsStopDate + requestDate.substr(15, 9); var sendMe = horizonsStartDate + "~" + horizonsStopDate + "~" + ssObject; ajax.send(sendMe); var elements = ajax.responseText.split("|"); if (elements[0].indexOf("STOP_TIME") == -1) { objects = objects + 1; nPreTrails++; //populatePreTrailList(); objPreTrail[objects] = false; objx[objects] = Number(elements[0]) * 1000; objy[objects] = Number(elements[1]) * 1000; objz[objects] = Number(elements[2]) * 1000; objvx[objects] = Number(elements[3]) * 1000; objvy[objects] = Number(elements[4]) * 1000; objvz[objects] = Number(elements[5]) * 1000; objMass[objects] = 0; objDiameter[objects] = 0; objName[objects] = elements[6]; isoOutput = elements[6]; objReferenceObject[objects] = "Sun"; inRed = parseInt(txtImportColor.value.substr(0, 2), 16); inGreen = parseInt(txtImportColor.value.substr(2, 2), 16); inBlue = parseInt(txtImportColor.value.substr(4, 2), 16); //inRed = 0; //inGreen = 255; //inBlue = 0; objColorRed[objects] = inRed; objColorGreen[objects] = inGreen; objColorBlue[objects] = inBlue; //document.getElementById('checkPT' + objects.toString()).checked = false; if (objName[objects].indexOf("(199)") != -1) {objMass[objects] = 5.52744433489479E-02; objDiameter[objects] = 4880 * 1000; objColorRed[objects] = 223; objColorGreen[objects] = 223; objColorBlue[objects] = 223;}; if (objName[objects].indexOf("(299)") != -1) {objMass[objects] = 0.815010558277565; objDiameter[objects] = 12104 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(3)") != -1) {objMass[objects] = 1.01230037; objDiameter[objects] = 12742 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 0; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(399)") != -1) {objMass[objects] = 1; objDiameter[objects] = 12742 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 0; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(4)") != -1) {objMass[objects] = 0.107496574990426; objDiameter[objects] = 6780 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(499)") != -1) {objMass[objects] = 0.107448363593513; objDiameter[objects] = 6780 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(5)") != -1) {objMass[objects] = 317.81406500757; objDiameter[objects] = 142984 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(599)") != -1) {objMass[objects] = 317.748259798798; objDiameter[objects] = 142984 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(6)") != -1) {objMass[objects] = 95.1605171215507; objDiameter[objects] = 120536 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(699)") != -1) {objMass[objects] = 95.1369891738674; objDiameter[objects] = 120536 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(7)") != -1) {objMass[objects] = 14.5336322606698; objDiameter[objects] = 25559 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 255; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(799)") != -1) {objMass[objects] = 14.5321035743661; objDiameter[objects] = 25559 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 255; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(8)") != -1) {objMass[objects] = 17.1470981129495; objDiameter[objects] = 24766 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(899)") != -1) {objMass[objects] = 17.1435040202699; objDiameter[objects] = 24766 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(2003 UB313)") != -1) {objMass[objects] = 1.67E22 / 5.97369125232006E+24; objDiameter[objects] = 1163 * 2 * 1000}; if (objName[objects].indexOf("(2005 FY9)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 1500 * 1000}; if (objName[objects].indexOf("(2003 VB12)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 995 * 1000}; if (objName[objects].indexOf("(2003 EL61)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 1920 * 1000}; if (objName[objects].indexOf("(2004 DW)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 917 * 1000}; if (objName[objects].indexOf("(2002 LM60)") != -1) {objMass[objects] = 1.4e21 / 5.97369125232006E+24; objDiameter[objects] = 1110 * 1000}; if (objName[objects].indexOf("(2001 KX76)") != -1) {objMass[objects] = 1.4e21 / 5.97369125232006E+24; objDiameter[objects] = 650 * 1000}; if (objName[objects].indexOf("(2002 AW197)") != -1) {objMass[objects] = 1.4e21 / 5.97369125232006E+24; objDiameter[objects] = 768 * 1000}; if (objName[objects].indexOf("(2000 WR106)") != -1) {objMass[objects] = 3.7e20 / 5.97369125232006E+24; objDiameter[objects] = 757 * 1000}; if (objName[objects].indexOf("(2007 OR10)") != -1) {objMass[objects] = 3.7e20 / 5.97369125232006E+24; objDiameter[objects] = 1280 * 1000}; if (objName[objects].indexOf("1 Ceres") != -1) {objMass[objects] = 9.43e20 / 5.97369125232006E+24; objDiameter[objects] = 476.2 * 2 * 1000}; if (objName[objects].indexOf("4 Vesta") != -1) {objMass[objects] = 2.59076e20 / 5.97369125232006E+24; objDiameter[objects] = 572 * 1000}; if (objName[objects].indexOf("2 Pallas") != -1) {objMass[objects] = 2.11e20 / 5.97369125232006E+24; objDiameter[objects] = 582 * 1000}; if (objName[objects].indexOf("10 Hygiea") != -1) {objMass[objects] = 8.67e19 / 5.97369125232006E+24; objDiameter[objects] = 530 * 1000}; if (objName[objects].indexOf("31 Euphrosyne") != -1) {objMass[objects] = 58.1e18 / 5.97369125232006E+24; objDiameter[objects] = 255.9 * 1000}; if (objName[objects].indexOf("704 Interamnia") != -1) {objMass[objects] = 3.9e19 / 5.97369125232006E+24; objDiameter[objects] = 350 * 1000}; if (objName[objects].indexOf("511 Davida") != -1) {objMass[objects] = 3.84e19 / 5.97369125232006E+24; objDiameter[objects] = 289 * 1000}; if (objName[objects].indexOf("532 Herculina") != -1) {objMass[objects] = 2.29e19 / 5.97369125232006E+24; objDiameter[objects] = 222 * 1000}; if (objName[objects].indexOf("15 Eunomia") != -1) {objMass[objects] = 3.12e19 / 5.97369125232006E+24; objDiameter[objects] = 357 * 1000}; if (objName[objects].indexOf("3 Juno") != -1) {objMass[objects] = 2.67e19 / 5.97369125232006E+24; objDiameter[objects] = 320 * 1000}; if (objName[objects].indexOf("16 Psyche") != -1) {objMass[objects] = 2.27e19 / 5.97369125232006E+24; objDiameter[objects] = 240 * 1000}; if (objName[objects].indexOf("52 Europa") != -1) {objMass[objects] = 3.27e19 / 5.97369125232006E+24; objDiameter[objects] = 379 * 1000}; if (objName[objects].indexOf("88 Thisbe") != -1) {objMass[objects] = 1.83e19 / 5.97369125232006E+24; objDiameter[objects] = 255 * 1000}; if (objName[objects].indexOf("7 Iris") != -1) {objMass[objects] = 1.62e19 / 5.97369125232006E+24; objDiameter[objects] = 240 * 1000}; if (objName[objects].indexOf("13 Egeria") != -1) {objMass[objects] = 1.63e19 / 5.97369125232006E+24; objDiameter[objects] = 214 * 1000}; if (objName[objects].indexOf("423 Diotima") != -1) {objMass[objects] = 1.6e19 / 5.97369125232006E+24; objDiameter[objects] = 209 * 1000}; if (objName[objects].indexOf("29 Amphitrite") != -1) {objMass[objects] = 1.18e19 / 5.97369125232006E+24; objDiameter[objects] = 233 * 1000}; if (objName[objects].indexOf("87 Sylvia") != -1) {objMass[objects] = 1.478e19 / 5.97369125232006E+24; objDiameter[objects] = 384 * 1000}; if (objName[objects].indexOf("48 Doris") != -1) {objMass[objects] = 1.7e19 / 5.97369125232006E+24; objDiameter[objects] = 278 * 1000}; if (objName[objects].indexOf("(301)") != -1) {objMass[objects] = 0.0123003700; objDiameter[objects] = 1737.53 * 2 * 1000}; if (objName[objects].indexOf("(401)") != -1) {objMass[objects] = 1.08E16 / 5.97369125232006E+24; objDiameter[objects] = 27 * 1000}; if (objName[objects].indexOf("(402)") != -1) {objMass[objects] = 1.8E15 / 5.97369125232006E+24; objDiameter[objects] = 15 * 2 * 1000}; if (objName[objects].indexOf("(701)") != -1) {objMass[objects] = 13.53E20 / 5.97369125232006E+24; objDiameter[objects] = 581.8 * 2 * 1000}; if (objName[objects].indexOf("(702)") != -1) {objMass[objects] = 11.72E20 / 5.97369125232006E+24; objDiameter[objects] = 584.7 * 2 * 1000}; if (objName[objects].indexOf("(703)") != -1) {objMass[objects] = 35.27E20 / 5.97369125232006E+24; objDiameter[objects] = 788.9 * 2 * 1000}; if (objName[objects].indexOf("(704)") != -1) {objMass[objects] = 30.14E20 / 5.97369125232006E+24; objDiameter[objects] = 761.4 * 2 * 1000}; if (objName[objects].indexOf("(705)") != -1) {objMass[objects] = 0.659E20 / 5.97369125232006E+24; objDiameter[objects] = 240 * 2 * 1000}; if (objName[objects].indexOf("(706)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 13 * 2 * 1000}; if (objName[objects].indexOf("(707)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 16 * 2 * 1000}; if (objName[objects].indexOf("(708)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 22 * 2 * 1000}; if (objName[objects].indexOf("(709)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 33 * 2 * 1000}; if (objName[objects].indexOf("(710)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 39 * 2 * 1000}; if (objName[objects].indexOf("(711)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 42 * 2 * 1000}; if (objName[objects].indexOf("(712)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 55 * 2 * 1000}; if (objName[objects].indexOf("(713)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 29 * 2 * 1000}; if (objName[objects].indexOf("(714)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 34 * 2 * 1000}; if (objName[objects].indexOf("(715)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 77 * 2 * 1000}; if (objName[objects].indexOf("(716)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 30 * 2 * 1000}; if (objName[objects].indexOf("(717)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 60 * 2 * 1000}; if (objName[objects].indexOf("(801)") != -1) {objMass[objects] = 214.7E20 / 5.97369125232006E+24; objDiameter[objects] = 1352.6 * 2 * 1000}; if (objName[objects].indexOf("(802)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 170 * 2 * 1000}; if (objName[objects].indexOf("(803)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 29 * 2 * 1000}; if (objName[objects].indexOf("(804)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 40 * 2 * 1000}; if (objName[objects].indexOf("(805)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 74 * 2 * 1000}; if (objName[objects].indexOf("(806)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 79 * 2 * 1000}; if (objName[objects].indexOf("(807)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 218 * 2 * 1000}; if (objName[objects].indexOf("(808)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 218 * 2 * 1000}; if (objName[objects].indexOf("(809)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 218 * 2 * 1000}; if (objName[objects].indexOf("(9)") != -1) {objMass[objects] = 1.307E22 / 5.97369125232006E+24; objDiameter[objects] = 1195 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 0; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(999)") != -1) {objMass[objects] = 1.307E22 / 5.97369125232006E+24; objDiameter[objects] = 1195 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 0; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(901)") != -1) {objMass[objects] = 1.53E21 / 5.97369125232006E+24; objDiameter[objects] = 605 * 2 * 1000; objColorRed[objects] = 0xB4; objColorGreen[objects] = 0x04; objColorBlue[objects] = 0x5F;}; if (objName[objects].indexOf("(902)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 140* 1000; objColorRed[objects] = 0x08; objColorGreen[objects] = 0x8A; objColorBlue[objects] = 0x29;}; if (objName[objects].indexOf("(903)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 172 * 1000; objColorRed[objects] = 0x08; objColorGreen[objects] = 0x8A; objColorBlue[objects] = 0x29;}; if (objName[objects].indexOf("(904)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 44 * 1000; objColorRed[objects] = 0x08; objColorGreen[objects] = 0x8A; objColorBlue[objects] = 0x29;}; if (objName[objects].indexOf("(905)") != -1) {objMass[objects] = 0 / 5.97369125232006E+24; objDiameter[objects] = 28 * 1000; objColorRed[objects] = 0x08; objColorGreen[objects] = 0x8A; objColorBlue[objects] = 0x29;}; if (objName[objects].indexOf("(501)") != -1) {objMass[objects] = 893.3E20/ 5.97369125232006E+24; objDiameter[objects] = 1821.3 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 72; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(502)") != -1) {objMass[objects] = 479.7E20/ 5.97369125232006E+24; objDiameter[objects] = 1565 * 2 * 1000; objColorRed[objects] = 196; objColorGreen[objects] = 0; objColorBlue[objects] = 196;}; if (objName[objects].indexOf("(503)") != -1) {objMass[objects] = 1482E20/ 5.97369125232006E+24; objDiameter[objects] = 2634 * 2 * 1000; objColorRed[objects] = 223; objColorGreen[objects] = 0; objColorBlue[objects] = 223;}; if (objName[objects].indexOf("(504)") != -1) {objMass[objects] = 1076E20/ 5.97369125232006E+24; objDiameter[objects] = 2403 * 2 * 1000; objColorRed[objects] = 191; objColorGreen[objects] = 0; objColorBlue[objects] = 191;}; if (objName[objects].indexOf("(505)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 131 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(506)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 85 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(507)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 40 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(508)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 18 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(509)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 14 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(510)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 12 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(511)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 15 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(512)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 10 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(513)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 5 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 255; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(514)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 50 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(515)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 10 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(516)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(517)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(518)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 207; objColorGreen[objects] = 207; objColorBlue[objects] = 207;}; if (objName[objects].indexOf("(519)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(520)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(521)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(522)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(523)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(524)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(525)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(526)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(527)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(528)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(529)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(530)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(531)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(532)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(533)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(534)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(535)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(536)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(537)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(538)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(539)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(540)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(541)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(542)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(543)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(544)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(545)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 255; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(546)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 0; objColorBlue[objects] = 0;}; if (objName[objects].indexOf("(547)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(548)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 0; objColorGreen[objects] = 128; objColorBlue[objects] = 255;}; if (objName[objects].indexOf("(549)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 255; objColorGreen[objects] = 128; objColorBlue[objects] = 64;}; if (objName[objects].indexOf("(550)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(516)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(551)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(552)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(553)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(554)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 20 * 2 * 1000; objColorRed[objects] = 128; objColorGreen[objects] = 128; objColorBlue[objects] = 128;}; if (objName[objects].indexOf("(601)") != -1) {objMass[objects] = 3.75E19/ 5.97369125232006E+24; objDiameter[objects] = 198 * 2 * 1000}; if (objName[objects].indexOf("(602)") != -1) {objMass[objects] = 10.805E19/ 5.97369125232006E+24; objDiameter[objects] = 252.3 * 2 * 1000}; if (objName[objects].indexOf("(603)") != -1) {objMass[objects] = 61.76E19/ 5.97369125232006E+24; objDiameter[objects] = 536.3 * 2 * 1000}; if (objName[objects].indexOf("(604)") != -1) {objMass[objects] = 109.572E19/ 5.97369125232006E+24; objDiameter[objects] = 562.5 * 2 * 1000}; if (objName[objects].indexOf("(605)") != -1) {objMass[objects] = 230.9E19/ 5.97369125232006E+24; objDiameter[objects] = 764.5 * 2 * 1000}; if (objName[objects].indexOf("(606)") != -1) {objMass[objects] = 13455.3E19/ 5.97369125232006E+24; objDiameter[objects] = 2575.5 * 2 * 1000}; if (objName[objects].indexOf("(607)") != -1) {objMass[objects] = 1.08E19/ 5.97369125232006E+24; objDiameter[objects] = 133 * 2 * 1000}; if (objName[objects].indexOf("(608)") != -1) {objMass[objects] = 180.59E19/ 5.97369125232006E+24; objDiameter[objects] = 734.5 * 2 * 1000}; if (objName[objects].indexOf("(609)") != -1) {objMass[objects] = 0.8289E19/ 5.97369125232006E+24; objDiameter[objects] = 106.6 * 2 * 1000}; if (objName[objects].indexOf("(610)") != -1) {objMass[objects] = 0.0198E20/ 5.97369125232006E+24; objDiameter[objects] = 97 * 2 * 1000}; if (objName[objects].indexOf("(611)") != -1) {objMass[objects] = 0.0055E20/ 5.97369125232006E+24; objDiameter[objects] = 69 * 2 * 1000}; if (objName[objects].indexOf("(612)") != -1) {objMass[objects] = 0.002547E19/ 5.97369125232006E+24; objDiameter[objects] = 16 * 2 * 1000}; if (objName[objects].indexOf("(613)") != -1) {objMass[objects] = 0.0007194E19/ 5.97369125232006E+24; objDiameter[objects] = 15 * 2 * 1000}; if (objName[objects].indexOf("(614)") != -1) {objMass[objects] = 0.0003597E19/ 5.97369125232006E+24; objDiameter[objects] = 15 * 2 * 1000}; if (objName[objects].indexOf("(615)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 18.5 * 2 * 1000}; if (objName[objects].indexOf("(616)") != -1) {objMass[objects] = 0.0014E20/ 5.97369125232006E+24; objDiameter[objects] = 74 * 2 * 1000}; if (objName[objects].indexOf("(617)") != -1) {objMass[objects] = 0.0013E20/ 5.97369125232006E+24; objDiameter[objects] = 55 * 2 * 1000}; if (objName[objects].indexOf("(618)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 10 * 2 * 1000}; if (objName[objects].indexOf("(1986 TO)") != -1) {objMass[objects] = 0/ 5.97369125232006E+24; objDiameter[objects] = 0; objColorRed[objects] = 0x00; objColorGreen[objects] = 0xFF; objColorBlue[objects] = 0x00;}; objShadowRed[objects] = parseInt(objColorRed[objects] / 30); objShadowGreen[objects] = parseInt(objColorGreen[objects] / 30); objShadowBlue[objects] = parseInt(objColorBlue[objects] / 30); objLabelRed[objects] = objColorRed[objects] ; objLabelGreen[objects] = objColorGreen[objects]; objLabelBlue[objects] = objColorBlue[objects]; objTrailRed[objects] = objColorRed[objects] ; objTrailGreen[objects] = objColorGreen[objects]; objTrailBlue[objects] = objColorBlue[objects]; objSubZRed[objects] = parseInt(objColorRed[objects] / 3); objSubZGreen[objects] = parseInt(objColorGreen[objects] / 3); objSubZBlue[objects] = parseInt(objColorBlue[objects] / 3); populateSelectBoxes(); } else {isoOutput = 'not found';} //txtImportOutput.value = isoOutput; isoOutput = isoOutput.trim(); return isoOutput; } // end function importSingleObject() function deleteAll() { objects = 1; populateSelectBoxes(); chooseDeletions(); } function importPlanetsLuna() { txtAreaObjects.value = "199, 299, 399, 4, 5, 6, 7, 8, 301,"; } function importPlanetsLunaPluto() { txtAreaObjects.value = "199, 299, 399, 4, 5, 6, 7, 8, 9, 301,"; } function importKBOsTNOs() { if (txtAreaObjects.value.indexOf(" 9") != -1) { txtAreaObjects.value = txtAreaObjects.value + " 2003 UB313, 2005 FY9, 2003 VB12, 2003 EL61, 2004 DW, 2002 LM60, 2001 KX76, 2002 AW197, 2000 WR106, 2007 OR10,"; } else { txtAreaObjects.value = txtAreaObjects.value + " 9, 2003 UB313, 2005 FY9, 2003 VB12, 2003 EL61, 2004 DW, 2002 LM60, 2001 KX76, 2002 AW197, 2000 WR106, 2007 OR10,"; } } function importMajorAsteroids() { txtAreaObjects.value = txtAreaObjects.value + " ceres, vesta, pallas, hygiea, euphrosyne, interamnia, davida, herculina, eunomia, ASTNAM=Juno, psyche, ASTNAM = europa, ASTNAM = thisbe, ASTNAM = iris, ASTNAM = egeria, ASTNAM = diotima, ASTNAM = amphitrite, ASTNAM = sylvia, ASTNAM = doris,"; } function importPhobosDeimos() { txtAreaObjects.value = txtAreaObjects.value.replace(" 4,", " 499,"); txtAreaObjects.value = txtAreaObjects.value + " 401, 402,"; } function importGalilianMoons() { txtAreaObjects.value = txtAreaObjects.value.replace(" 5,", " 599,"); txtAreaObjects.value = txtAreaObjects.value + " 501, 502, 503, 504,"; } function importJovianMoons() { txtAreaObjects.value = txtAreaObjects.value.replace(" 5,", " 599,"); txtAreaObjects.value = txtAreaObjects.value + " 501, 502, 503, 504, 505, 506, 507, 508, 509, 510, 511, 512, 513, 514, 515, 516, 517, 518, 519, 520, 521, 522, 523, 524, 525, 526, 527, 528, 529, 530, 531, 532, 533, 534, 535, 536, 537, 538, 539, 540, 541, 542, 543, 544, 545, 546, 547, 548, 549, 550, 551, 552, 553,"; } function importSaturianMoons() { txtAreaObjects.value = txtAreaObjects.value.replace(" 6,", " 699,"); txtAreaObjects.value = txtAreaObjects.value + " 601, 602, 603, 604, 605, 606, 607, 608, 609, 610, 611, 612, 613, 614, 615, 616, 617, 618, 619, 620, 621, 622, 623, 624, 625, 626, 627, 628, 629, 630, 631, 632, 633, 634, 635, 636, 637, 638, 639, 640, 641, 642, 643, 644, 645, 646, 647, 648, 649, 650, 651, 652, 653,"; } function importUranianMoons() { txtAreaObjects.value = txtAreaObjects.value.replace(" 7,", " 799,"); txtAreaObjects.value = txtAreaObjects.value + " 701, 702, 703, 704, 705, 706, 707, 708, 709, 710, 711, 712, 713, 714, 715, 716, 717, 718, 719, 720, 721, 722, 723, 724, 725, 726, 727,"; } function importNeptuneMoons() { txtAreaObjects.value = txtAreaObjects.value.replace(" 8,", " 899,"); txtAreaObjects.value = txtAreaObjects.value + " 801, 802, 803, 804, 805, 806, 807, 808, 809, 810, 811, 812, 813, 814,"; } function importPlutoMoons() { txtAreaObjects.value = txtAreaObjects.value.replace(" 9,", " 999,"); txtAreaObjects.value = txtAreaObjects.value + " 901, 902, 903, 904, 905,"; } function importObjects() { setDate(txtImportSetDateAndTime.value + ' (UTC)'); if (checkDeleteExistingObjects.checked) {deleteAll()} var tarA = parseInt(selectTargetObjectA.value); var tNameA = objName[tarA]; var tarB = parseInt(selectTargetObjectB.value); var tNameB = objName[tarB]; var refA = parseInt(selectCameraObjectA.value); var nNameA = objName[refA]; var refB = parseInt(selectCameraObjectB.value); var nNameB = objName[refB]; var txtAreaStuff = txtAreaObjects.value; txtAreaStuff= txtAreaStuff.replace(String.fromCharCode(10), ""); txtAreaStuff = txtAreaStuff.replace(", ", ","); if (txtAreaStuff.substr(txtAreaStuff.length - 1, 1) == ',') {txtAreaStuff = txtAreaStuff.substr(0, txtAreaStuff.length - 1);} var iObjects = txtAreaStuff.split(","); n = iObjects.length; txtAreaObjects.value = txtAreaObjects.value + String.fromCharCode(10) + String.fromCharCode(10); for (k = 0; k &lt; n; k++) { iObjects[k] = iObjects[k].replace(String.fromCharCode(10), ""); txtAreaObjects.value = txtAreaObjects.value + "Importing " + iObjects[k]; success = importSingleObject(iObjects[k]); txtAreaObjects.value = txtAreaObjects.value + " -- " + success + String.fromCharCode(10); } // next k updateCameras(); populatePreTrailList(); chooseDeletions(); k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameA) {k++} selectTargetObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameB) {k++} selectTargetObjectB.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameA) {k++} selectCameraObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameB) {k++} selectCameraObjectB.selectedIndex = k - 1; changeCameraObjectA(); changeCameraObjectB(); updateInfo(); } // end function importObjects function importAnObject() { //setDate(txtImportSetDateAndTime.value + ' (UTC)'); //if (checkDeleteExistingObjects.checked) {deleteAll()} if (txtImportObjectsLite.value.indexOf('more') == -1) { var tarA = parseInt(selectTargetObjectA.value); var tNameA = objName[tarA]; var tarB = parseInt(selectTargetObjectB.value); var tNameB = objName[tarB]; var refA = parseInt(selectCameraObjectA.value); var nNameA = objName[refA]; var refB = parseInt(selectCameraObjectB.value); var nNameB = objName[refB]; var txtAreaStuff = txtImportObjectsLite.value; txtAreaStuff= txtAreaStuff.replace(String.fromCharCode(10), ""); txtAreaStuff = txtAreaStuff.replace(", ", ","); if (txtAreaStuff.substr(txtAreaStuff.length - 1, 1) == ',') {txtAreaStuff = txtAreaStuff.substr(0, txtAreaStuff.length - 1);} var iObjects = txtAreaStuff.split(","); n = iObjects.length; if (n &gt; 100) {n = 100} //txtImportObjectsLite.value = ""; lblImportObjectsLite.innerHTML = ""; for (k = 0; k &lt; n; k++) { iObjects[k] = iObjects[k].replace(String.fromCharCode(10), ""); lblImportObjectsLite.innerHTML = lblImportObjectsLite.innerHTML + "Importing " + iObjects[k]; success = importSingleObject(iObjects[k]); if (success.indexOf('not found') == -1) { nPreTrails++; objPreTrail[objects] = true; } //document.getElementById('checkPT' + objects.toString()).checked = true; //dummy = checkPT12.checked; lblImportObjectsLite.innerHTML = lblImportObjectsLite.innerHTML + " -- " + success + String.fromCharCode(10); } // next k updateCameras(); populatePreTrailList(); chooseDeletions(); k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameA) {k++} selectTargetObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != tNameB) {k++} selectTargetObjectB.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameA) {k++} selectCameraObjectA.selectedIndex = k - 1; k = 1; while (k &lt;= objects &amp;&amp; objName[k] != nNameB) {k++} selectCameraObjectB.selectedIndex = k - 1; changeCameraObjectA(); changeCameraObjectB(); updateInfo(); if (lblImportObjectsLite.innerHTML.indexOf('not found') == -1) { document.getElementById("divImportObjectsLite").style.visibility = "hidden"; } createPreTrails() } else { document.getElementById('divImportObjects').style.visibility = 'visible'; document.getElementById("divImportObjectsLite").style.visibility = "hidden"; } } // end function importAnObject function updateAPsingleEvents() { var apText = txtAreaAPsingleEvents.value; var apArray = apText.split('}'); var i = 1, c, t, pos; for (k = 0; k &lt;= apArray.length - 2; k++) { pos = apArray[k].indexOf("{"); t = apArray[k].substr(0, pos); c = apArray[k].substr(pos + 1); if (t.indexOf('now') == -1) { autoPilotTime[i] = (Date.parse(t) - startDate) / 1000; } else { var n = new Date(); //var d = (n.getTime() - startDate) / 1000 - iterationsPerVisit * timeStep; var d = (n.getTime() - startDate) / 1000 - timeStep; autoPilotTime[i] = d; } autoPilotCommand[i] = c; i++; } nAutoPilot = i - 1; } // end function updateSingleEvents() function updateAPperIteration() { APperIterationCode = txtAreaAPperIteration.value; } // end function updateAPperIteration() function updateAPperGraphicUpdate() { APperGraphicUpdateCode = txtAreaAPperGraphicUpdate.value; } // end function updateAPperIteration() function updateCameras() { objx[objects + 1] = cameraAx; objy[objects + 1] = cameraAy; objz[objects + 1] = cameraAz; objvx[objects + 1] = cameraAvx; objvy[objects + 1] = cameraAvy; objvz[objects + 1] = cameraAvz; objx[objects + 2] = cameraBx; objy[objects + 2] = cameraBy; objz[objects + 2] = cameraBz; objvx[objects + 2] = cameraBvx; objvy[objects + 2] = cameraBvy; objvz[objects + 2] = cameraBvz; objName[objects + 1] = 'Camera A'; objName[objects + 2] = 'Camera B'; inRed = 0; inGreen = 0; inBlue = 0; objColorRed[objects + 1] = inRed; objColorGreen[objects + 1] = inGreen; objColorBlue[objects + 1] = inBlue; objShadowRed[objects + 1] = parseInt(inRed / 30); objShadowGreen[objects + 1] = parseInt(inGreen / 30); objShadowBlue[objects + 1] = parseInt(inBlue / 30); objLabelRed[objects + 1] = inRed; objLabelGreen[objects + 1] = inGreen; objLabelBlue[objects + 1] = inBlue; objTrailRed[objects + 1] = inRed; objTrailGreen[objects + 1] = inGreen; objTrailBlue[objects + 1] = inBlue; objSubZRed[objects + 1] = parseInt(inRed / 3); objSubZGreen[objects + 1] = parseInt(inGreen / 3); objSubZBlue[objects + 1] = parseInt(inBlue / 3); objColorRed[objects + 2] = inRed; objColorGreen[objects + 2] = inGreen; objColorBlue[objects + 2] = inBlue; objShadowRed[objects + 2] = parseInt(inRed / 30); objShadowGreen[objects + 2] = parseInt(inGreen / 30); objShadowBlue[objects + 2] = parseInt(inBlue / 30); objLabelRed[objects + 2] = inRed; objLabelGreen[objects + 2] = inGreen; objLabelBlue[objects + 2] = inBlue; objTrailRed[objects + 2] = inRed; objTrailGreen[objects + 2] = inGreen; objTrailBlue[objects + 2] = inBlue; objSubZRed[objects + 2] = parseInt(inRed / 3); objSubZGreen[objects + 2] = parseInt(inGreen / 3); objSubZBlue[objects + 2] = parseInt(inBlue / 3); objReferenceObject[objects + 1] = 'Sun'; objReferenceObject[objects + 2] = 'Sun'; objReferenceNumber[objects + 1] = 1; objReferenceNumber[objects + 2] = 1; objMass[objects + 1] = 0; objMass[objects + 2] = 0; objDiameter[objects + 1] = 0; objDiameter[objects + 2] = 0; } function changeDistribution(btn) { if (document.getElementById(btn).value == "+/- %") { document.getElementById(btn).value = "1 SD"; } else if (document.getElementById(btn).value == "1 SD") { document.getElementById(btn).value = "Start, End"; } else { document.getElementById(btn).value = "+/- %"; } } // end function changeDistribution() function changeLengthUnitLarge(btn) { if (document.getElementById(btn).value == "(km)") {document.getElementById(btn).value = "(AU)";} else if (document.getElementById(btn).value == "(AU)") {document.getElementById(btn).value = "(LY)";} else if (document.getElementById(btn).value == "(LY)") {document.getElementById(btn).value = "(m)"; } else {document.getElementById(btn).value = "(km)";} } function changeLengthUnitSmall(btn) { if (document.getElementById(btn).value == "(km)") {document.getElementById(btn).value = "(m)";} else {document.getElementById(btn).value = "(km)";} } function changeMassUnit(btn) { if (document.getElementById(btn).value == "(kg)") {document.getElementById(btn).value = "(Em)"; document.getElementById(btn).title = "Earth masses";} else if (document.getElementById(btn).value == "(Em)") {document.getElementById(btn).value = "(Jm)"; document.getElementById(btn).title = "Jupiter masses";} else if (document.getElementById(btn).value == "(Jm)") {document.getElementById(btn).value = "(Sm)"; document.getElementById(btn).title = "Solar masses";} else {document.getElementById(btn).value = "(kg)"; document.getElementById(btn).title = "kilograms";} } function changeVelocityUnit(btn) { if (document.getElementById(btn).value == "(km/s)") {document.getElementById(btn).value = "(m/s)";} else {document.getElementById(btn).value = "(km/s)";} } function plotRAa() { var e = Math.PI * 23.4392810833333 / 180; var xEq = 0, yEq = 0, zEq = 0; var unitVectorX = 0, unitVectorY = 0, unitVectorZ = 0, distance = 5e90; var CamX = objx[fromObjA], CamY = objy[fromObjA], CamZ = objz[fromObjA], ScrCtrY = pCanvasHeightA / 2, ScrCtrX = pCanvasWidthA / 2; var CtrX = objx[toObjA]; CtrY = objy[toObjA]; CtrZ = objz[toObjA]; pContextA.lineWidth = parseFloat(txtGridBrightness.value); pContextA.strokeStyle = '#' + txtGridColor.value; var virgin = 1; var H = 0; var step = Number(txtRaSpacing.value) / 60; if (step &lt;= 0) {step = 0.1} for (H = 0; H &lt;= 23; H = H + step) { RA = Math.PI * H / 12; for (Dec = -Math.PI / 2; Dec &lt;= Math.PI / 2; Dec = Dec + Math.PI / 1000) { xEq = Math.cos(RA) * Math.cos(Dec); yEq = Math.sin(RA) * Math.cos(Dec); zEq = Math.sin(Dec); unitVectorX = xEq; unitVectorY = Math.cos(e) * yEq + Math.sin(e) * zEq; unitVectorZ = -Math.sin(e) * yEq +Math.cos(e) * zEq; XX = distance * unitVectorX; YY = distance * unitVectorY; ZZ = distance * unitVectorZ; sX = ScreenX(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - XX; vector2y = CamY - YY; vector2z = CamZ - ZZ; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x * vector1x + vector1y * vector1y + vector1z * vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); theta = 180 * Math.acos(dot / mag) / Math.PI; if (dot / mag &gt; 0.99999999999999) {theta = 0;} if (dot / mag &lt;-0.99999999999999) {theta = 180;} if (theta &lt; 90) { if (virgin == 1) { pContextA.beginPath(); pContextA.moveTo(sX, sY); virgin = 0; } pContextA.lineTo(sX, sY); } // if (theta &lt; 90) } // next RA pContextA.stroke(); virgin = 1; } // next Dec } // end function plotRAa() function plotRAb() { var e = Math.PI * 23.4392810833333 / 180; var xEq = 0, yEq = 0, zEq = 0; var unitVectorX = 0, unitVectorY = 0, unitVectorZ = 0, distance = 5e90; var CamX = objx[fromObjB], CamY = objy[fromObjB], CamZ = objz[fromObjB], ScrCtrY = pCanvasHeightB / 2, ScrCtrX = pCanvasWidthB / 2; var CtrX = objx[toObjB]; CtrY = objy[toObjB]; CtrZ = objz[toObjB]; pContextB.lineWidth = parseFloat(txtGridBrightness.value); pContextB.strokeStyle = '#' + txtGridColor.value; var virgin = 1; var H = 0; var step = Number(txtRaSpacing.value) / 60; if (step &lt;= 0) {step = 0.1} for (H = 0; H &lt;= 23; H = H + step) { RA = Math.PI * H / 12; for (Dec = -Math.PI / 2; Dec &lt;= Math.PI / 2; Dec = Dec + Math.PI / 1000) { xEq = Math.cos(RA) * Math.cos(Dec); yEq = Math.sin(RA) * Math.cos(Dec); zEq = Math.sin(Dec); unitVectorX = xEq; unitVectorY = Math.cos(e) * yEq + Math.sin(e) * zEq; unitVectorZ = -Math.sin(e) * yEq +Math.cos(e) * zEq; XX = distance * unitVectorX; YY = distance * unitVectorY; ZZ = distance * unitVectorZ; sX = ScreenX(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - XX; vector2y = CamY - YY; vector2z = CamZ - ZZ; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x * vector1x + vector1y * vector1y + vector1z * vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); theta = 180 * Math.acos(dot / mag) / Math.PI; if (dot / mag &gt; 0.99999999999999) {theta = 0;} if (dot / mag &lt;-0.99999999999999) {theta = 180;} if (theta &lt; 90) { if (virgin == 1) { pContextB.beginPath(); pContextB.moveTo(sX, sY); virgin = 0; } pContextA.lineTo(sX, sY); } // if (theta &lt; 90) } // next RA pContextB.stroke(); virgin = 1; } // next Dec } // end function plotRAb() function plotDecA() { var e = Math.PI * 23.4392810833333 / 180; var xEq = 0, yEq = 0, zEq = 0; var unitVectorX = 0, unitVectorY = 0, unitVectorZ = 0, distance = 5e90; var CamX = objx[fromObjA], CamY = objy[fromObjA], CamZ = objz[fromObjA], ScrCtrY = pCanvasHeightA / 2, ScrCtrX = pCanvasWidthA / 2; var CtrX = objx[toObjA]; CtrY = objy[toObjA]; CtrZ = objz[toObjA]; pContextA.lineWidth = parseFloat(txtGridBrightness.value); pContextA.strokeStyle = '#' + txtGridColor.value; //pContextA.strokeStyle = "#FF0000"; var virgin = 1; var D; var step = Number(txtDecSpacing.value); if (step &lt;= 0) {step = 0.1} for (D = -90; D &lt;=90; D = D + step) { Dec = D * Math.PI / 180; for (RA = 0; RA &lt;= 2 * Math.PI; RA = RA + 2 * Math.PI / 100) { xEq = Math.cos(RA) * Math.cos(Dec); yEq = Math.sin(RA) * Math.cos(Dec); zEq = Math.sin(Dec); unitVectorX = xEq; unitVectorY = Math.cos(e) * yEq + Math.sin(e) * zEq; unitVectorZ = -Math.sin(e) * yEq +Math.cos(e) * zEq; XX = distance * unitVectorX; YY = distance * unitVectorY; ZZ = distance * unitVectorZ; sX = ScreenX(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - XX; vector2y = CamY - YY; vector2z = CamZ - ZZ; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x * vector1x + vector1y * vector1y + vector1z * vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); theta = 180 * Math.acos(dot / mag) / Math.PI; if (dot / mag &gt; 0.99999999999999) {theta = 0;} if (dot / mag &lt;-0.99999999999999) {theta = 180;} if (theta &lt; 90) { if (virgin == 1) { pContextA.beginPath(); pContextA.moveTo(sX, sY); virgin = 0; } pContextA.lineTo(sX, sY); } // if (theta &lt; 90) } // next RA pContextA.stroke(); virgin = 1; } // next Dec } // end function plotDecA() function plotDecB() { var e = Math.PI * 23.4392810833333 / 180; var xEq = 0, yEq = 0, zEq = 0; var unitVectorX = 0, unitVectorY = 0, unitVectorZ = 0, distance = 5e90; var CamX = objx[fromObjB], CamY = objy[fromObjB], CamZ = objz[fromObjB], ScrCtrY = pCanvasHeightB / 2, ScrCtrX = pCanvasWidthB / 2; var CtrX = objx[toObjB]; CtrY = objy[toObjB]; CtrZ = objz[toObjB]; pContextB.lineWidth = parseFloat(txtGridBrightness.value); pContextB.strokeStyle = '#' + txtGridColor.value; //pContextA.strokeStyle = "#FF0000"; var virgin = 1; var D; var step = Number(txtDecSpacing.value); if (step &lt;= 0) {step = 0.1} for (D = -90; D &lt;=90; D = D + step) { Dec = D * Math.PI / 180; for (RA = 0; RA &lt;= 2 * Math.PI; RA = RA + 2 * Math.PI / 100) { xEq = Math.cos(RA) * Math.cos(Dec); yEq = Math.sin(RA) * Math.cos(Dec); zEq = Math.sin(Dec); unitVectorX = xEq; unitVectorY = Math.cos(e) * yEq + Math.sin(e) * zEq; unitVectorZ = -Math.sin(e) * yEq +Math.cos(e) * zEq; XX = distance * unitVectorX; YY = distance * unitVectorY; ZZ = distance * unitVectorZ; sX = ScreenX(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - XX; vector2y = CamY - YY; vector2z = CamZ - ZZ; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x * vector1x + vector1y * vector1y + vector1z * vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); theta = 180 * Math.acos(dot / mag) / Math.PI; if (dot / mag &gt; 0.99999999999999) {theta = 0;} if (dot / mag &lt;-0.99999999999999) {theta = 180;} if (theta &lt; 90) { if (virgin == 1) { pContextB.beginPath(); pContextB.moveTo(sX, sY); virgin = 0; } pContextB.lineTo(sX, sY); } // if (theta &lt; 90) } // next RA pContextB.stroke(); virgin = 1; } // next Dec } // end function plotDecB() function rotateCameraA() { perspectiveTrailsClsA(); perspectiveTrailsClsB(); rangeAv = rangeRotateCameraA.value; rangeZv = rangeRotateCameraZ.value; rangeDv = rangeRotateCameraD.value; } function cameraAoverride() { //rangeRotateCameraA.value = txtRotateCameraA.value; //rangeRotateCameraZ.value = txtRotateCameraZ.value; //rangeRotateCameraD.value = txtRotateCameraD.value; } function loadStars() { var s = selectStars.selectedIndex; switch (s) { case 0: sI = '0'; var starScript= document.createElement('script'); starScript.onload = 'appendStarFile()'; starScript.type= 'text/javascript'; starScript.src= 'http://orbitsimulator.com/gravitySimulatorCloud/noStarsDynamic.js'; removeStarFile(); tagHead.appendChild(starScript); break; case 1: sI = '520'; var starScript= document.createElement('script'); starScript.onload = 'appendStarFile()'; starScript.type= 'text/javascript'; starScript.src= 'http://orbitsimulator.com/gravitySimulatorCloud/stars520Dynamic.js'; removeStarFile(); tagHead.appendChild(starScript); break; case 2: sI = '15449'; var starScript= document.createElement('script'); starScript.onload = 'appendStarFile()'; starScript.type= 'text/javascript'; starScript.src= 'http://orbitsimulator.com/gravitySimulatorCloud/stars15kWithNamesDynamic.js'; removeStarFile(); tagHead.appendChild(starScript); break; } // end switch(s) interv = setInterval(waitFor, 100); } // end function loadStars() function waitFor() { if (starsIndex == sI) { clearInterval(interv); } else { includeStars(); } } function stereo() { checkStereo.checked = checkStereoCA.checked if (checkStereoCA.checked) { txtMinimumObjectSizeB.value = txtMinimumObjectSizeA.value; changeMinimumObjectSizeB(); txtTrailSizeB.value = txtTrailSizeA.value; changeTrailSizeB(); txtFOVb.value = txtFOVa.value; sScaleB = sScaleA; checkStarsB.checked = checkStarsA.checked; checkStarsLabelsB.checked = checkStarsLabelsA.checked; checkKBOsB.checked = checkKBOsA.checked; checkPreTrailsB.checked = checkPreTrailsA.checked; checkCrescentsB.checked = checkCrescentsA.checked; checkSunGraphicB.checked = checkSunGraphicA.checked; checkLabelsB.checked = checkLabelsA.checked; selectCameraObjectB.selectedIndex = selectCameraObjectA.selectedIndex; selectTargetObjectB.selectedIndex = selectTargetObjectA.selectedIndex; checkPerspectiveA.checked = true; checkPerspectiveB.checked = true; sizeFrames(); perspectiveTrailsClsA(); perspectiveTrailsClsB(); perspectiveTrails2ClsA(); perspectiveTrails2ClsB(); changeTargetObjectB(); changeBarycenterB(); changeCameraObjectB(); } else { checkPerspectiveB.checked = false; checkPreTrailsB.checked = false; sizeFrames(); perspectiveTrailsClsA(); perspectiveTrailsClsB(); perspectiveTrails2ClsA(); perspectiveTrails2ClsB(); } } function removeStarFile() { var h = tagHead.innerHTML; var pos = h.indexOf("&lt;/style&gt;") + 9; h = h.substr(0, pos); tagHead.innerHTML = h; } function plotStarsA() { var fluxCoefficient = txtStarBrightness.value.toString(); //perspectiveTrailsClsA(); pTrailSize = 0.5; var minObjSizePA = 3; rfr = 1; asdf = fromObjA; sdfg = toObjA; asdf1x = objx[fromObjA]; asdf1y = objy[fromObjA]; asdf1z = objz[fromObjA]; asdf2x = objx[toObjA]; asdf2y = objy[toObjA]; asdf2z = objz[toObjA]; asdf3x = starX[88]; asdf3y = starY[88]; asdf3z = starZ[88]; asdf4x = objx[2]; asdf4y = objy[2]; asdf4z = objy[2]; if (parseInt(selectCitiesA.value) == cities + 1 ) { CamX = objx[fromObjA] * rfr; CamY = objy[fromObjA] * rfr; CamZ = objz[fromObjA] * rfr; } else { computeCityOffsetA(); CamX = objx[fromObjA] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjA] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjA] - dCore * Math.sin(dElta); } CtrX = objx[toObjA]; CtrY = objy[toObjA]; CtrZ = objz[toObjA]; ScrCtrY = pCanvasHeightA / 2; ScrCtrX = pCanvasWidthA / 2; for (k = 1; k &lt;= numberOfStars; k++) { sX = ScreenX(k, starX[k], starZ[k], starY[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, starX[k], starZ[k], starY[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); //Plot only if less than 90 degrees away vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - starX[k]; vector2y = CamY - starY[k]; vector2z = CamZ - starZ[k]; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x * vector1x + vector1y * vector1y + vector1z * vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); if (k == toObjA) { theta = 0; //prevent a /0 error in Acos. } else { theta = Math.acos(dot / mag); } //if (theta &lt; 90) { if (theta &lt; Math.PI / 2) { flux = fluxCoefficient * Math.pow(10, starMag[k] / -2.5); pTrailSize = Math.sqrt(flux); if (pTrailSize &gt; 3) {pTrailSize = 3;} pfContextA.beginPath(); pfContextA.arc(sX, sY, pTrailSize, 0, 6.3, true); pfContextA.fillStyle = starColor[k]; pfContextA.fill(); if (checkStarsLabelsA.checked) {pfContextA.fillText(starHIP[k], sX, sY + 20);} } } // next k } // end plotStarsA() function plotStarsB() { var fluxCoefficient = txtStarBrightness.value.toString(); //perspectiveTrailsClsB(); pTrailSize = 0.5; var minObjSizePB = 3; rfr = 1; asdf = fromObjB; sdfg = toObjB; asdf1x = objx[fromObjB]; asdf1y = objy[fromObjB]; asdf1z = objz[fromObjB]; asdf2x = objx[toObjB]; asdf2y = objy[toObjB]; asdf2z = objz[toObjB]; asdf3x = starX[88]; asdf3y = starY[88]; asdf3z = starZ[88]; asdf4x = objx[2]; asdf4y = objy[2]; asdf4z = objy[2]; if (parseInt(selectCitiesB.value) == cities + 1 ) { CamX = objx[fromObjB] * rfr; CamY = objy[fromObjB] * rfr; CamZ = objz[fromObjB] * rfr; } else { computeCityOffsetB(); CamX = objx[fromObjB] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjB] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjB] - dCore * Math.sin(dElta); } CtrX = objx[toObjB]; CtrY = objy[toObjB]; CtrZ = objz[toObjB]; ScrCtrY = pCanvasHeightB / 2; ScrCtrX = pCanvasWidthB / 2; for (k = 1; k &lt;= numberOfStars; k++) { sX = ScreenX(k, starX[k], starZ[k], starY[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(k, starX[k], starZ[k], starY[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); //Plot only if less than 90 degrees away vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - starX[k]; vector2y = CamY - starY[k]; vector2z = CamZ - starZ[k]; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x * vector1x + vector1y * vector1y + vector1z * vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); if (k == toObjB) { theta = 0; //prevent a /0 error in Acos. } else { theta = Math.acos(dot / mag); } //if (theta &lt; 90) { if (theta &lt; Math.PI / 2) { flux = fluxCoefficient * Math.pow(10, starMag[k] / -2.5); pTrailSize = Math.sqrt(flux); if (pTrailSize &gt; 3) {pTrailSize = 3;} pfContextB.beginPath(); pfContextB.arc(sX, sY, pTrailSize, 0, 6.3, true); pfContextB.fillStyle = starColor[k]; pfContextB.fill(); } } // next k } // end plotStarsB() function plot() { if (checkTopDown.checked) { plotCounter++; if (plotCounter &gt; updateGraphics) { plotCounter = 0; foregroundContext.clearRect (0, 0, canvasForegroundWidth, canvasForegroundHeight) for (h=1; h &lt;= objects; h++) { //changeBarycenter(); if (checkBarycenter.checked) { var xNumerator = objx[focusObject] * objMass[focusObject], yNumerator = objy[focusObject] * objMass[focusObject], Denominator = objMass[focusObject]; for (var k = 1; k &lt;= numberOfSystemElements; k++) { xNumerator = xNumerator + objMass[systemElements[k]] * objx[systemElements[k]]; yNumerator = yNumerator + objMass[systemElements[k]] * objy[systemElements[k]]; Denominator = Denominator + objMass[systemElements[k]]; } focusX = xNumerator / Denominator; focusY = yNumerator / Denominator; } else { focusX = objx[focusObject]; focusY = objy[focusObject]; } plotX = parseInt((objx[h] - focusX) / screenSize * canvasWidth + centerX); plotY = parseInt(-(objy[h] - focusY) / screenSize * canvasWidth + centerY); if (plotX &gt;= 0 &amp;&amp; plotX &lt;= canvasWidth &amp;&amp; plotY &gt;= 0 &amp;&amp; plotY &lt;= canvasHeight) { circleSize = objDiameter[h] * 0.5 / screenSize * canvasWidth; if (circleSize &lt; minimumObjectSize) {circleSize = minimumObjectSize;} context.beginPath(); context.arc(plotX, plotY, trailSize, 0, 6.3, true); context.fillStyle = 'rgb(' + objColorRed[h] + ',' + objColorGreen[h] + ',' + objColorBlue[h] +')'; context.fill(); foregroundContext.beginPath(); foregroundContext.arc(plotX, plotY, circleSize, 0, 6.3, true); foregroundContext.fillStyle = 'rgb(' + objColorRed[h] + ',' + objColorGreen[h] + ',' + objColorBlue[h] +')'; foregroundContext.fill(); } } } // End if }} // End function plot() function plot2() { // var currentx, distance, currentTheta, offsetTheta, newTheta, newX, newY, circleSize; plotCounter2++ if (plotCounter2 &gt; updateGraphics2) { plotCounter2 = 0; for (h=1; h &lt;= objects; h++) { var currentx = objx[h], currenty = objy[h]; var distance = Math.sqrt(currentx*currentx + currenty * currenty); var currentTheta = arctan2(currenty, currentx); var offsetTheta = arctan2(objy[4], objx[4]); var newTheta = offsetTheta - currentTheta; var newX = distance * Math.cos(newTheta); var newY = distance * Math.sin(newTheta); plot2X = parseInt(newX / screenSize2 * canvas2Width + center2X); plot2Y = parseInt(-newY / screenSize2 * canvas2Width + center2Y); if (plot2X &gt;= 0 &amp;&amp; plot2X &lt;= canvas2Width &amp;&amp; plot2Y &gt;= 0 &amp;&amp; plot2Y &lt;= canvas2Height) { var circleSize = objDiameter[h] * 0.5 / screenSize * canvasWidth; if (circleSize &lt; minimumObjectSize) {circleSize = minimumObjectSize;} rotatingContext.beginPath(); rotatingContext.arc(plot2X, plot2Y, circleSize, 0, 6.3, true); rotatingContext.fillStyle = 'rgb(' + objColorRed[h] + ',' + objColorGreen[h] + ',' + objColorBlue[h] +')'; rotatingContext.fill(); } // endif } // next h } // End if } // End function plot2() function compute3dCameraPositions(x1, y1, z1, x2, y2, z2, theta) { var cameraLongitude = Math.atan2(y2, x2); //var xy = x1 * y1 + x2 * y2; //document.title = Math.atan2(xy,z2); if (radioCrosseye.checked) {var crossEye = 1} else {var crossEye = -1} var d = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)); var baseline = Math.PI * 2 * d * theta / 360; var m0 = (y2 - y1) / (x2 - x1); var m = -1 / m0; stereoX1 = x2 + sign(cameraLongitude) * crossEye * baseline / Math.sqrt(1 + m * m); stereoX2 = x2 - sign(cameraLongitude) * crossEye * baseline / Math.sqrt(1 + m * m); var b = y2 - m * x2; stereoY1 = m * stereoX1 + b; stereoY2 = m * stereoX2 + b; } // end function compute3dCameraPositions function computeCityOffsetA() { tElapsed = startDate / 1000 + elapsedTime; tElapsedInRotations = tElapsed / 86164.100352; tFractionOfRotation = sign(tElapsedInRotations) * (Math.abs(tElapsedInRotations) - Math.floor(Math.abs(tElapsedInRotations))); lAmbda = citiesLonA + 100.275 + tFractionOfRotation * 360; lAmbda = Math.PI * lAmbda / 180; Beta = -Math.PI * citiesLatA / 180; aLpha = Math.atan2(Math.sin(lAmbda) * Math.cos(ePsilon) - Math.tan(Beta) * Math.sin(ePsilon), Math.cos(lAmbda)); dElta = Math.asin(Math.sin(Beta) * Math.cos(ePsilon) + Math.cos(Beta) * Math.sin(ePsilon) * Math.sin(lAmbda)); dCore = Math.sqrt(((eqR * eqR * Math.cos(Beta)) * (eqR * eqR * Math.cos(Beta)) + (polR * polR * Math.sin(Beta)) * (polR * polR * Math.sin(Beta))) / ((eqR * Math.cos(Beta)) * (eqR * Math.cos(Beta)) + (polR * Math.sin(Beta)) * (polR * Math.sin(Beta)))); } // function computeCityOffsetA() function computeCityOffsetB() { tElapsed = startDate / 1000 + elapsedTime; tElapsedInRotations = tElapsed / 86164.100352; tFractionOfRotation = sign(tElapsedInRotations) * (Math.abs(tElapsedInRotations) - Math.floor(Math.abs(tElapsedInRotations))); lAmbda = citiesLonB + 100.275 + tFractionOfRotation * 360; lAmbda = Math.PI * lAmbda / 180; Beta = -Math.PI * citiesLatB / 180; aLpha = Math.atan2(Math.sin(lAmbda) * Math.cos(ePsilon) - Math.tan(Beta) * Math.sin(ePsilon), Math.cos(lAmbda)); dElta = Math.asin(Math.sin(Beta) * Math.cos(ePsilon) + Math.cos(Beta) * Math.sin(ePsilon) * Math.sin(lAmbda)); dCore = Math.sqrt(((eqR * eqR * Math.cos(Beta)) * (eqR * eqR * Math.cos(Beta)) + (polR * polR * Math.sin(Beta)) * (polR * polR * Math.sin(Beta))) / ((eqR * Math.cos(Beta)) * (eqR * Math.cos(Beta)) + (polR * Math.sin(Beta)) * (polR * Math.sin(Beta)))); } // function computeCityOffsetB() function arrangeA(k) { for (j = 1; j &lt;= objects; j++) { plotOrderA[j] = j; plotDistance[j] = Math.sqrt((objx[j]-objx[k]) * (objx[j]-objx[k]) + (objy[j]-objy[k]) * (objy[j]-objy[k]) + (objz[j]-objz[k]) * (objz[j]-objz[k])); } var tPlotDistance = 0, tPlotOrder = 0; var swapped = true; var passes = 0; while (swapped) { swapped = false; for (j = 1; j &lt; objects - passes; j++) { if (plotDistance[j] &lt; plotDistance [j + 1]) { tPlotDistance = plotDistance[j]; plotDistance[j] = plotDistance[j + 1]; plotDistance[j + 1] = tPlotDistance; tPlotOrder = plotOrderA[j]; plotOrderA[j] = plotOrderA[j + 1]; plotOrderA[j + 1] = tPlotOrder; swapped = true; } } passes++; } } // function arrangeA(k) function arrangeB(k) { for (j = 1; j &lt;= objects; j++) { plotOrderB[j] = j; plotDistance[j] = Math.sqrt((objx[j]-objx[k]) * (objx[j]-objx[k]) + (objy[j]-objy[k]) * (objy[j]-objy[k]) + (objz[j]-objz[k]) * (objz[j]-objz[k])); } var tPlotDistance = 0, tPlotOrder = 0; var swapped = true; var passes = 0; while (swapped) { swapped = false; for (j = 1; j &lt; objects - passes; j++) { if (plotDistance[j] &lt; plotDistance [j + 1]) { tPlotDistance = plotDistance[j]; plotDistance[j] = plotDistance[j + 1]; plotDistance[j + 1] = tPlotDistance; tPlotOrder = plotOrderB[j]; plotOrderB[j] = plotOrderB[j + 1]; plotOrderB[j + 1] = tPlotOrder; swapped = true; } } passes++; } } // function arrangeB(k) function plotPerspectiveA() { if (checkPerspectiveA.checked) { perspectiveClsA(); if (checkStarsA.checked) {plotStarsA()} if (checkRaDec.checked) {plotDecA(); plotRAa()} rfr = 1; if (checkStereo.checked) { compute3dCameraPositions(objx[toObjA], objy[toObjA], objz[toObjA], objx[fromObjA], objy[fromObjA], objz[fromObjA], parseInt(txtBaseline.value)); CamX = stereoX1 * rfr; CamY = stereoY1 * rfr; CamZ = objz[fromObjA]; } else { if (parseInt(selectCitiesA.value) == cities + 1 ) { CamX = objx[fromObjA] * rfr; CamY = objy[fromObjA] * rfr; CamZ = objz[fromObjA] * rfr; } else { // cities code computeCityOffsetA(); CamX = objx[fromObjA] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjA] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjA] - dCore * Math.sin(dElta); } } if (checkBarycenterPerspectiveA.checked) { var xNumerator = objx[toObjA] * objMass[toObjA], yNumerator = objy[toObjA] * objMass[toObjA], zNumerator = objz[toObjA] * objMass[toObjA], Denominator = objMass[toObjA]; for (var k = 1; k &lt;= numberOfSystemElementsA; k++) { xNumerator = xNumerator + objMass[systemElementsA[k]] * objx[systemElementsA[k]]; yNumerator = yNumerator + objMass[systemElementsA[k]] * objy[systemElementsA[k]]; zNumerator = zNumerator + objMass[systemElementsA[k]] * objz[systemElementsA[k]]; Denominator = Denominator + objMass[systemElementsA[k]]; } focusX = xNumerator / Denominator; focusY = yNumerator / Denominator; focusZ = zNumerator / Denominator; } else { focusX = objx[toObjA]; focusY = objy[toObjA]; focusZ = objz[toObjA]; } CtrX = focusX; CtrY = focusY; CtrZ = focusZ; ScrCtrY = pCanvasHeightA / 2; ScrCtrX = pCanvasWidthA / 2; pfContextA.font = txtFontA.value; arrangeA(fromObjA); sX = ScreenX(1, objx[1], objz[1], objy[1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(1, objx[1], objz[1], objy[1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sunX = sX; sunY = sY; vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - objx[1]; vector2y = CamY - objy[1]; vector2z = CamZ - objz[1]; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x *vector1x+ vector1y * vector1y+ vector1z *vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); sunTheta = 180 * Math.acos(dot / mag) / Math.PI; for (kk = 1; kk &lt;= objects; kk++) { k = plotOrderA[kk]; XX = objx[k]; YY = objy[k]; ZZ = objz[k]; sX = ScreenX(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); dd = Math.sqrt((CamX - objx[k]) * (CamX - objx[k]) + (CamY - objy[k]) *(CamY - objy[k]) + (CamZ - objz[k]) *(CamZ - objz[k])); angularsize = 180 * Math.atan(objDiameter[k] / dd) / Math.PI; plotsize = 1000 * angularsize * sScaleA * 8.726E-06;// 3.58550596659124E-07 * 16; //Plot only if less than 90 degrees away vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - objx[k]; vector2y = CamY - objy[k]; vector2z = CamZ - objz[k]; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x *vector1x+ vector1y * vector1y+ vector1z *vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); if (k == toObjA) { theta = 0; //prevent a /0 error in Acos. } else { ddm = dot / mag; if (ddm &gt; 1) {ddm = 1} theta = 180 * Math.acos(ddm) / Math.PI; } // end if (k == toObjA) if (k == 1) {sunTheta = theta} if (theta &lt; 90) { if (plotsize &lt; minimumObjectSizeA) { plotsize = minimumObjectSizeA; } // end if (plotsize &lt; minimumObjectSizeA) if (((k != fromObjA) || (rfr &gt; 1))) { pContextA.beginPath(); if (lastXa[k] == -999) { pContextA.moveTo(sX, sY) } else { pContextA.moveTo(lastXa[k], lastYa[k]); pContextA.lineTo(sX, sY); } lastXa[k] = sX; lastYa[k] = sY; //pContextA.arc(sX, sY, trailSizeA, 0, 6.3, true); if (objz[k] &gt; 0) { pContextA.strokeStyle = 'rgb(' + objTrailRed[k] + ',' + objTrailGreen[k] + ',' + objTrailBlue[k] + ')'; } else { pContextA.strokeStyle = 'rgb(' + objSubZRed[k] + ',' + objSubZGreen[k] + ',' + objSubZBlue[k] + ')'; } // end if (objz[k] &gt; 0) //pContextA.fill(); if (checkTrailsCA.checked){ pContextA.lineWidth = trailSizeA; } else { pContextA.lineWidth = 0.000001; } pContextA.stroke(); if (k == 1 &amp;&amp; checkSunGraphicA.checked){ pfContextA.drawImage(solImage, sX - 14, sY - 14); } if (checkCrescentsA.checked &amp;&amp; k != 1) { vector1x = objx[k]; vector1y = objy[k]; vector1z = objz[k]; vector2x = objx[k] - objx[fromObjA]; vector2y = objy[k] - objy[fromObjA]; vector2z = objz[k] - objz[fromObjA]; vector1mag = Math.sqrt(vector1x * vector1x+ vector1y * vector1y + vector1z*vector1z); vector2mag = Math.sqrt(vector2x * vector2x+ vector2y * vector2y + vector2z*vector2z); dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z ; mag = vector1mag * vector2mag; theta = Math.acos(dot / mag); rise = sY - sunY; run = sX - sunX; phi = Math.atan2(rise, run) - 0.5 * Math.PI; if (sunTheta &gt; 90) {phi = phi - Math.PI} drawCrescentA(k, sX, sY, plotsize, theta, phi); } else { pfContextA.beginPath(); pfContextA.arc(sX, sY, plotsize, 0, 6.3, true); pfContextA.fillStyle = 'rgb(' + objColorRed[k] + ',' + objColorGreen[k] + ',' + objColorBlue[k] +')'; pfContextA.fill(); } // end if(checkCrescentA.checked &amp;&amp; k != 1) if (checkLabelsA.checked) { pfContextA.fillStyle = 'rgb(' + objLabelRed[k] + ',' + objLabelGreen[k] + ',' + objLabelBlue[k] +')'; pfContextA.fillText(objName[k], sX, sY + 20);} } // if (((k != fromObjA) || (rfr &gt; 1))) } else { lastXa[k] = -999; lastYa[k] = -999; }// end if (theta &lt; 90) } // next k } // end if (checked) } //end plotPerspectiveA function drawCrescentC(k, centerX, centerY, a, phase, rotation) { // halfCircle pfContextA.beginPath(); pfContextA.arc(centerX, centerY, a, rotation, rotation + Math.PI); //halfEllipse var ecc = Math.sin(phase); var b = a * Math.sqrt(1 - ecc); var x = a * Math.cos(0); var y = b * Math.sin(0); var d = Math.sqrt(x * x + y * y); var phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; if (phase &lt; Math.PI / 2) { for (theta = Math.PI; theta &gt;= 0; theta = theta - 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } else { for (theta = Math.PI; theta &lt;= 2 * Math.PI; theta = theta + 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } context.closePath(); pfContextA.fillStyle = 'rgb(' + 0 + ',' + 0+ ',' + 0 +')'; // dark side pfContextA.fill(); pfContextA.beginPath(); pfContextA.arc(centerX, centerY, a, rotation + Math.PI, rotation); if (phase &lt; Math.PI / 2) { for (theta = 0; theta &lt;= Math.PI; theta = theta + 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } else { for (theta = 0; theta &gt;= -Math.PI; theta = theta - 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } pfContextA.closePath(); pfContextA.fillStyle = 'rgb(' + objShadowRed[k] + ',' + objShadowGreen[k] + ',' + objShadowBlue[k] +')'; pfContextA.fill(); } // function drawCrescentA function drawCrescentA(k, centerX, centerY, a, phase, rotation) { // halfCircle //rotation = rotation * Math.PI / 180; pfContextA.beginPath(); pfContextA.arc(centerX, centerY, a, rotation, rotation + Math.PI); //context.stroke(); //halfEllipse var ecc = Math.sin(phase); var b = a * Math.sqrt(1 - ecc); var x = a * Math.cos(0); var y = b * Math.sin(0); var d = Math.sqrt(x * x + y * y); var phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; if (phase &lt; Math.PI / 2) { for (theta = Math.PI; theta &gt;= 0; theta = theta - 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } else { for (theta = Math.PI; theta &lt;= 2 * Math.PI; theta = theta + 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } context.closePath(); //pfContextA.stroke(); //pfContextA.fillStyle = 'rgb(' + 0 + ',' + 0+ ',' + 0 +')'; // dark side pfContextA.fillStyle = 'rgb(' + objShadowRed[k] + ',' + objShadowGreen[k] + ',' + objShadowBlue[k] +')'; pfContextA.fill(); pfContextA.beginPath(); pfContextA.arc(centerX, centerY, a, rotation + Math.PI, rotation); if (phase &lt; Math.PI / 2) { for (theta = 0; theta &lt;= Math.PI; theta = theta + 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } else { for (theta = 0; theta &gt;= -Math.PI; theta = theta - 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextA.lineTo(x, y); } } pfContextA.closePath(); pfContextA.fillStyle = 'rgb(' + objColorRed[k] + ',' + objColorGreen[k] + ',' + objColorBlue[k] +')'; pfContextA.fill(); } // function drawCrescentA function drawCrescentB(k, centerX, centerY, a, phase, rotation) { // halfCircle pfContextB.beginPath(); pfContextB.arc(centerX, centerY, a, rotation, rotation + Math.PI); //halfEllipse var ecc = Math.sin(phase); var b = a * Math.sqrt(1 - ecc); var x = a * Math.cos(0); var y = b * Math.sin(0); var d = Math.sqrt(x * x + y * y); var phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; if (phase &lt; Math.PI / 2) { for (theta = Math.PI; theta &gt;= 0; theta = theta - 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextB.lineTo(x, y); } } else { for (theta = Math.PI; theta &lt;= 2 * Math.PI; theta = theta + 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextB.lineTo(x, y); } } context.closePath() pfContextB.fillStyle = 'rgb(' + objShadowRed[k] + ',' + objShadowGreen[k] + ',' + objShadowBlue[k] +')'; // dark side pfContextB.fill(); pfContextB.beginPath(); pfContextB.arc(centerX, centerY, a, rotation + Math.PI, rotation); if (phase &lt; Math.PI / 2) { for (theta = 0; theta &lt;= Math.PI; theta = theta + 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextB.lineTo(x, y); } } else { for (theta = 0; theta &gt;= -Math.PI; theta = theta - 0.1) { x = a * Math.cos(theta); y = b * Math.sin(theta); d = Math.sqrt(x * x + y * y); phi = Math.atan2(y, x); x = d * Math.cos(phi + rotation) + centerX; y = d * Math.sin(phi + rotation) + centerY; pfContextB.lineTo(x, y); } } pfContextB.closePath(); pfContextB.fillStyle = 'rgb(' + objColorRed[k] + ',' + objColorGreen[k] + ',' + objColorBlue[k] +')'; pfContextB.fill(); } // function drawCrescentB function plotPerspectiveB() { if (checkPerspectiveB.checked) { perspectiveClsB(); if (checkStarsB.checked) {plotStarsB()} if (checkRaDec.checked) {plotDecB(); plotRAb()} rfr = 1; if (checkStereo.checked) { //compute3dCameraPositions(objx[toObjA], objy[toObjA], objx[fromObjA], objy[fromObjA], parseInt(txtBaseline.value)); CamX = stereoX2 * rfr; CamY = stereoY2 * rfr; CamZ = objz[fromObjA]; } else { if (parseInt(selectCitiesB.value) == cities + 1 ) { CamX = objx[fromObjB] * rfr; CamY = objy[fromObjB] * rfr; CamZ = objz[fromObjB] * rfr; } else { // cities code computeCityOffsetB(); CamX = objx[fromObjB] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjB] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjB] - dCore * Math.sin(dElta); } } if (checkBarycenterPerspectiveB.checked) { var xNumerator = objx[toObjB] * objMass[toObjB], yNumerator = objy[toObjB] * objMass[toObjB], zNumerator = objz[toObjB] * objMass[toObjB], Denominator = objMass[toObjB]; for (var k = 1; k &lt;= numberOfSystemElementsB; k++) { xNumerator = xNumerator + objMass[systemElementsB[k]] * objx[systemElementsB[k]]; yNumerator = yNumerator + objMass[systemElementsB[k]] * objy[systemElementsB[k]]; zNumerator = zNumerator + objMass[systemElementsB[k]] * objz[systemElementsB[k]]; Denominator = Denominator + objMass[systemElementsB[k]]; } focusX = xNumerator / Denominator; focusY = yNumerator / Denominator; focusZ = zNumerator / Denominator; } else { focusX = objx[toObjB]; focusY = objy[toObjB]; focusZ = objz[toObjB]; } CtrX = focusX; CtrY = focusY; CtrZ = focusZ; ScrCtrY = pCanvasHeightB / 2; ScrCtrX = pCanvasWidthB / 2; pfContextB.font = txtFontB.value; arrangeB(fromObjB); sX = ScreenX(1, objx[1], objz[1], objy[1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(1, objx[1], objz[1], objy[1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sunX = sX; sunY = sY; vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - objx[1]; vector2y = CamY - objy[1]; vector2z = CamZ - objz[1]; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x *vector1x+ vector1y * vector1y+ vector1z *vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); sunTheta = 180 * Math.acos(dot / mag) / Math.PI; for (kk = 1; kk &lt;= objects; kk++) { k = plotOrderB[kk]; XX = objx[k]; YY = objy[k]; ZZ = objz[k]; sX = ScreenX(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(k, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); dd = Math.sqrt((CamX - objx[k]) * (CamX - objx[k]) + (CamY - objy[k]) *(CamY - objy[k]) + (CamZ - objz[k]) *(CamZ - objz[k])); angularsize = 180 * Math.atan(objDiameter[k] / dd) / Math.PI; plotsize = 1000 * angularsize * sScaleB * 8.726E-06;// 3.58550596659124E-07 * 16; //Plot only if less than 90 degrees away vector1x = CamX - CtrX; vector1y = CamY - CtrY; vector1z = CamZ - CtrZ; vector2x = CamX - objx[k]; vector2y = CamY - objy[k]; vector2z = CamZ - objz[k]; dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z; mag = Math.sqrt(vector1x *vector1x+ vector1y * vector1y+ vector1z *vector1z) * Math.sqrt(vector2x * vector2x + vector2y * vector2y + vector2z * vector2z); if (k == toObjB) { theta = 0; //prevent a /0 error in Acos. } else { ddm = dot / mag; if (ddm &gt; 1) {ddm = 1} theta = 180 * Math.acos(ddm) / Math.PI; } // end if (k == toObjB) if (k == 1) {sunTheta = theta} if (theta &lt; 90) { if (plotsize &lt; minimumObjectSizeB) { plotsize = minimumObjectSizeB; } // end if (plotsize &lt; minimumObjectSizeB) if (((k != fromObjB) || (rfr &gt; 1))) { pContextB.beginPath(); if (lastXb[k] == -999) { pContextB.moveTo(sX, sY) } else { pContextB.moveTo(lastXb[k], lastYb[k]); pContextB.lineTo(sX, sY); } lastXb[k] = sX; lastYb[k] = sY; //pContextB.arc(sX, sY, trailSizeA, 0, 6.3, true); if (objz[k] &gt; 0) { pContextB.strokeStyle = 'rgb(' + objTrailRed[k] + ',' + objTrailGreen[k] + ',' + objTrailBlue[k] + ')'; } else { pContextB.strokeStyle = 'rgb(' + objSubZRed[k] + ',' + objSubZGreen[k] + ',' + objSubZBlue[k] + ')'; } // end if (objz[k] &gt; 0) //pContextB.fill(); if (checkTrailsCA.checked) { pContextB.lineWidth = trailSizeB; } else { pContextB.lineWidth = 0.000001; } pContextB.stroke(); if (k == 1 &amp;&amp; checkSunGraphicB.checked){ pfContextB.drawImage(solImage, sX - 14, sY - 14); } if (checkCrescentsB.checked &amp;&amp; k != 1) { vector1x = objx[k]; vector1y = objy[k]; vector1z = objz[k]; vector2x = objx[k] - objx[fromObjB]; vector2y = objy[k] - objy[fromObjB]; vector2z = objz[k] - objz[fromObjB]; vector1mag = Math.sqrt(vector1x * vector1x+ vector1y * vector1y + vector1z*vector1z); vector2mag = Math.sqrt(vector2x * vector2x+ vector2y * vector2y + vector2z*vector2z); dot = vector1x * vector2x + vector1y * vector2y + vector1z * vector2z ; mag = vector1mag * vector2mag; theta = Math.acos(dot / mag); rise = sY - sunY; run = sX - sunX; phi = Math.atan2(rise, run) - 0.5 * Math.PI; if (sunTheta &gt; 90) {phi = phi - Math.PI} drawCrescentB(k, sX, sY, plotsize, theta, phi); } else { pfContextB.beginPath(); pfContextB.arc(sX, sY, plotsize, 0, 6.3, true); pfContextB.fillStyle = 'rgb(' + objColorRed[k] + ',' + objColorGreen[k] + ',' + objColorBlue[k] +')'; pfContextB.fill(); } // end if(checkCrescentB.checked &amp;&amp; k != 1) if (checkLabelsB.checked) { pfContextB.fillStyle = 'rgb(' + objLabelRed[k] + ',' + objLabelGreen[k] + ',' + objLabelBlue[k] +')'; pfContextB.fillText(objName[k], sX, sY + 20) } } // if (((k != fromObjB) || (rfr &gt; 1))) } // end if (theta &lt; 90) } // next k } // end if (checked) } //end plotPerspectiveB function plotStaticObjectsA() { perspectiveClsA(); pTrailSize = 0.01; var minObjSizePA = 3; rfr = 1; if (parseInt(selectCitiesA.value) == cities + 1 ) { CamX = objx[fromObjA] * rfr; CamY = objy[fromObjA] * rfr; CamZ = objz[fromObjA] * rfr; } else { computeCityOffsetA(); CamX = objx[fromObjA] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjA] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjA] - dCore * Math.sin(dElta); } CtrX = objx[toObjA]; CtrY = objy[toObjA]; CtrZ = objz[toObjA]; ScrCtrY = pCanvasHeightA / 2; ScrCtrX = pCanvasWidthA / 2; pTrailSize = 0.4; for (k = 1; k &lt;= 1346; k++) { sX = ScreenX(k, KBOx[k], KBOz[k], KBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, KBOx[k], KBOz[k], KBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); pContextA.beginPath(); pContextA.arc(sX, sY, pTrailSize, 0, 6.3, true); pContextA.fillStyle = '#ffffff'; pContextA.fill(); } pTrailSize = 0.2; for (k = 1; k &lt;= 66038; k++) { sX = ScreenX(k, sKBOx[k], sKBOz[k], sKBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(k, sKBOx[k], sKBOz[k], sKBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); pContextA.beginPath(); pContextA.arc(sX, sY, pTrailSize, 0, 6.3, true); pContextA.fillStyle = '#ffffff'; pContextA.fill(); } } // plotStaticObjectsA function plotStaticObjectsB() { perspectiveClsB(); pTrailSize = 0.01; var minObjSizePB = 3; rfr = 1; if (parseInt(selectCitiesB.value) == cities + 1 ) { CamX = objx[fromObjB] * rfr; CamY = objy[fromObjB] * rfr; CamZ = objz[fromObjB] * rfr; } else { computeCityOffsetB(); CamX = objx[fromObjB] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjB] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjB] - dCore * Math.sin(dElta); } CtrX = objx[toObjB]; CtrY = objy[toObjB]; CtrZ = objz[toObjB]; ScrCtrY = pCanvasHeightB / 2; ScrCtrX = pCanvasWidthB / 2; pTrailSize = 0.4; for (k = 1; k &lt;= 1346; k++) { sX = ScreenX(k, KBOx[k], KBOz[k], KBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(k, KBOx[k], KBOz[k], KBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); pContextB.beginPath(); pContextB.arc(sX, sY, pTrailSize, 0, 6.3, true); pContextB.fillStyle = '#ffffff'; pContextB.fill(); } pTrailSize = 0.2; for (k = 1; k &lt;= 66038; k++) { sX = ScreenX(k, sKBOx[k], sKBOz[k], sKBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(k, sKBOx[k], sKBOz[k], sKBOy[k], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); pContextB.beginPath(); pContextB.arc(sX, sY, pTrailSize, 0, 6.3, true); pContextB.fillStyle = '#ffffff'; pContextB.fill(); } } // plotStaticObjectsB function plotTrailsA() { //perspectiveClsA(); perspectiveTrails2ClsA(); pTrailSize = 0.01; var minObjSizePA = 3; rfr = 1; if (checkStereo.checked) { compute3dCameraPositions(objx[toObjA], objy[toObjA], objz[toObjA], objx[fromObjA], objy[fromObjA], objz[fromObjA], parseInt(txtBaseline.value)); CamX = stereoX1 * rfr; CamY = stereoY1 * rfr; CamZ = objz[fromObjA]; } else { if (parseInt(selectCitiesA.value) == cities + 1 ) { CamX = objx[fromObjA] * rfr; CamY = objy[fromObjA] * rfr; CamZ = objz[fromObjA] * rfr; } else { // cities code computeCityOffsetA(); CamX = objx[fromObjA] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjA] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjA] - dCore * Math.sin(dElta); } } if (checkBarycenterPerspectiveA.checked) { var xNumerator = objx[toObjA] * objMass[toObjA], yNumerator = objy[toObjA] * objMass[toObjA], zNumerator = objz[toObjA] * objMass[toObjA], Denominator = objMass[toObjA]; for (var k = 1; k &lt;= numberOfSystemElementsA; k++) { xNumerator = xNumerator + objMass[systemElementsA[k]] * objx[systemElementsA[k]]; yNumerator = yNumerator + objMass[systemElementsA[k]] * objy[systemElementsA[k]]; zNumerator = zNumerator + objMass[systemElementsA[k]] * objz[systemElementsA[k]]; Denominator = Denominator + objMass[systemElementsA[k]]; } focusX = xNumerator / Denominator; focusY = yNumerator / Denominator; focusZ = zNumerator / Denominator; } else { focusX = objx[toObjA]; focusY = objy[toObjA]; focusZ = objz[toObjA]; } CtrX = objx[toObjA]; CtrY = objy[toObjA]; CtrZ = objz[toObjA]; ScrCtrY = pCanvasHeightA / 2; ScrCtrX = pCanvasWidthA / 2; pTrailSize = 1; if (checkPreTrailsA.checked) { for (j = 1; j &lt;= nPreTrails; j++) { sX = ScreenX(0, trail[j][1][0], trail[j][1][2], trail[j][1][1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(0, trail[j][1][0], trail[j][1][2], trail[j][1][1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); ptContextA.beginPath(); ptContextA.moveTo(sX, sY); var kStep = 4; k = 1 under = sign(trail[j][k][2]); while (trail[j][k][0] != 0 &amp;&amp; trail[j][k][1] != 0 &amp;&amp; trail[j][k][2] != 0) { XX = trail[j][k][0]; YY = trail[j][k][1]; ZZ = trail[j][k][2]; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); ptContextA.lineTo(sX, sY); if (sign(trail[j][k][2]) != under) { if (sign(trail[j][k][2]) == 1) { under = 1; ptContextA.strokeStyle = 'rgb(' + preTrailSubZRed[j] + ',' + preTrailSubZGreen[j] + ',' + preTrailSubZBlue[j] +')'; //ptContextA.strokeStyle = 'rgb(' + preTrailRed[j] + ',' + preTrailGreen[j] + ',' + preTrailBlue[j] +')'; } else { under = -1; ptContextA.strokeStyle = 'rgb(' + preTrailRed[j] + ',' + preTrailGreen[j] + ',' + preTrailBlue[j] +')'; //ptContextA.strokeStyle = 'rgb(' + preTrailSubZRed[j] + ',' + preTrailSubZGreen[j] + ',' + preTrailSubZBlue[j] +')'; } ptContextA.stroke(); ptContextA.beginPath(); ptContextA.moveTo(sX, sY); } k = k + kStep; } dummy = sign(trail[j][k-kStep][2]); dummy2 = trail[j][k-kStep][2]; dummy3 = sign(7); dummy4 = sign(-7); if (sign(trail[j][k-kStep][2]) == 1) { ptContextA.strokeStyle = 'rgb(' + preTrailRed[j] + ',' + preTrailGreen[j] + ',' + preTrailBlue[j] +')'; } else { ptContextA.strokeStyle = 'rgb(' + preTrailSubZRed[j] + ',' + preTrailSubZGreen[j] + ',' + preTrailSubZBlue[j] +')'; } ptContextA.lineWidth = pTrailSize; ptContextA.stroke(); } // next j } //end if (checkPreTrailsA.checked) if (checkAxes.checked) { var D = Math.pow(rangeRotateCameraD.value, 4) / 40000 * AU; ptContextA.strokeStyle = 'rgb(50, 15, 53)'; XX = -D; YY = 0; ZZ = 0; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); XX = 0; YY = 0; ZZ = 0; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); ptContextA.beginPath(); ptContextA.moveTo(sX, sY); ptContextA.lineTo(sX2, sY2); ptContextA.stroke(); ptContextA.strokeStyle = 'rgb(199, 59, 212)'; XX = 0; YY = 0; ZZ = 0; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); XX = D; YY = 0; ZZ = 0; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); ptContextA.beginPath(); ptContextA.moveTo(sX, sY); ptContextA.lineTo(sX2, sY2); ptContextA.stroke(); ptContextA.strokeStyle = 'rgb(199, 59, 212)'; XX = 0; YY = 0; ZZ = D; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); XX = 0; YY = 0; ZZ = 0; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); ptContextA.beginPath(); ptContextA.moveTo(sX, sY); ptContextA.lineTo(sX2, sY2); ptContextA.stroke(); ptContextA.strokeStyle = 'rgb(50, 15, 53)'; XX = 0; YY = 0; ZZ = 0; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); XX = 0; YY = 0; ZZ = -D; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleA); ptContextA.beginPath(); ptContextA.moveTo(sX, sY); ptContextA.lineTo(sX2, sY2); ptContextA.stroke(); } // end if (checkAxes.checked) } //end plotTrailsA function plotTrailsB() { //perspectiveClsB(); perspectiveTrails2ClsB(); pTrailSize = 0.01; var minObjSizePB = 3; rfr = 1; if (checkStereo.checked) { //compute3dCameraPositions(objx[toObjA], objy[toObjA], objx[fromObjA], objy[fromObjA], parseInt(txtBaseline.value)); CamX = stereoX2 * rfr; CamY = stereoY2 * rfr; CamZ = objz[fromObjA]; } else { if (parseInt(selectCitiesB.value) == cities + 1 ) { CamX = objx[fromObjB] * rfr; CamY = objy[fromObjB] * rfr; CamZ = objz[fromObjB] * rfr; } else { // cities code computeCityOffsetB(); CamX = objx[fromObjB] + dCore * Math.cos(dElta) * Math.cos(aLpha); CamY = objy[fromObjB] + dCore * Math.cos(dElta) * Math.sin(aLpha); CamZ = objz[fromObjB] - dCore * Math.sin(dElta); } } if (checkBarycenterPerspectiveB.checked) { var xNumerator = objx[toObjB] * objMass[toObjB], yNumerator = objy[toObjB] * objMass[toObjB], zNumerator = objz[toObjB] * objMass[toObjB], Denominator = objMass[toObjB]; for (var k = 1; k &lt;= numberOfSystemElementsB; k++) { xNumerator = xNumerator + objMass[systemElementsB[k]] * objx[systemElementsB[k]]; yNumerator = yNumerator + objMass[systemElementsB[k]] * objy[systemElementsB[k]]; zNumerator = zNumerator + objMass[systemElementsB[k]] * objz[systemElementsB[k]]; Denominator = Denominator + objMass[systemElementsB[k]]; } focusX = xNumerator / Denominator; focusY = yNumerator / Denominator; focusZ = zNumerator / Denominator; } else { focusX = objx[toObjB]; focusY = objy[toObjB]; focusZ = objz[toObjB]; } CtrX = objx[toObjB]; CtrY = objy[toObjB]; CtrZ = objz[toObjB]; ScrCtrY = pCanvasHeightB / 2; ScrCtrX = pCanvasWidthB / 2; pTrailSize = 1; if (checkPreTrailsB.checked) { for (j = 1; j &lt;= nPreTrails; j++) { sX = ScreenX(0, trail[j][1][0], trail[j][1][2], trail[j][1][1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(0, trail[j][1][0], trail[j][1][2], trail[j][1][1], CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); ptContextB.beginPath(); ptContextB.moveTo(sX, sY); var kStep = 4; k = 2 while (trail[j][k][0] != 0 &amp;&amp; trail[j][k][1] != 0 &amp;&amp; trail[j][k][2] != 0) { XX = trail[j][k][0]; YY = trail[j][k][1]; ZZ = trail[j][k][2]; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); ptContextB.lineTo(sX, sY); k = k + kStep; } ptContextB.closePath(); //pContextB.strokeStyle = 'rgb(' + objColorRed[1+j] + ',' + objColorGreen[1+j] + ',' + objColorBlue[1+j] +')'; ptContextB.strokeStyle = 'rgb(' + preTrailRed[j] + ',' + preTrailGreen[j] + ',' + preTrailBlue[j] +')'; ptContextB.lineWidth = pTrailSize; ptContextB.stroke(); } // next j } // end if (checkPreTrailsB.checked) if (checkAxes.checked) { var D = Math.pow(rangeRotateCameraD.value, 4) / 40000 * AU; ptContextB.strokeStyle = 'rgb(50, 15, 53)'; XX = -D; YY = 0; ZZ = 0; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); XX = 0; YY = 0; ZZ = 0; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); ptContextB.beginPath(); ptContextB.moveTo(sX, sY); ptContextB.lineTo(sX2, sY2); ptContextB.stroke(); ptContextB.strokeStyle = 'rgb(199, 59, 212)'; XX = 0; YY = 0; ZZ = 0; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); XX = D; YY = 0; ZZ = 0; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); ptContextB.beginPath(); ptContextB.moveTo(sX, sY); ptContextB.lineTo(sX2, sY2); ptContextB.stroke(); ptContextB.strokeStyle = 'rgb(199, 59, 212)'; XX = 0; YY = 0; ZZ = D; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); XX = 0; YY = 0; ZZ = 0; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); ptContextB.beginPath(); ptContextB.moveTo(sX, sY); ptContextB.lineTo(sX2, sY2); ptContextB.stroke(); ptContextB.strokeStyle = 'rgb(50, 15, 53)'; XX = 0; YY = 0; ZZ = 0; sX = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); XX = 0; YY = 0; ZZ = -D; sX2 = ScreenX(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); sY2 = ScreenY(0, XX, ZZ, YY, CamX, CamZ, CamY, CtrX, CtrZ, CtrY, ScrCtrX, ScrCtrY, sScaleB); ptContextB.beginPath(); ptContextB.moveTo(sX, sY); ptContextB.lineTo(sX2, sY2); ptContextB.stroke(); } // end if (checkAxes.checked) } //end plotTrailsB function ScreenX(k, XX, YY, ZZ, CamX, CamY, CamZ, CtrX, CtrY, CtrZ, ScrCtrX, ScrCtrY, sScaleA) { var Cam2CtrX, Cam2CtrY, Cam2CtrZ; var LenCam2Ctr; var virtualXi, virtualXj, virtualXk; var LenVirtualX; var virtualYi, virtualYj, virtualYk; var LenVirtualY; var Cam2NodeX, Cam2NodeY, Cam2NodeZ; var numerator, denominator, t; var ipX, ipY, ipZ; var Ctr2ipX, Ctr2ipY, Ctr2ipZ; var pX; Cam2CtrX = (CtrX - CamX); Cam2CtrY = (CtrY - CamY); Cam2CtrZ = (CtrZ - CamZ); LenCam2Ctr = Math.sqrt(Cam2CtrX * Cam2CtrX + Cam2CtrY * Cam2CtrY + Cam2CtrZ * Cam2CtrZ); virtualXi = (-1) * (Cam2CtrZ); virtualXj = 0; virtualXk = Cam2CtrX; LenVirtualX = Math.sqrt(virtualXi *virtualXi + virtualXj * virtualXj + virtualXk * virtualXk); virtualXi = virtualXi / LenVirtualX; virtualXj = virtualXj / LenVirtualX; virtualXk = virtualXk / LenVirtualX; virtualYi = (-1) * (virtualXk * Cam2CtrY); virtualYj = (virtualXk * Cam2CtrX) - (virtualXi * Cam2CtrZ); virtualYk = (virtualXi * Cam2CtrY); LenVirtualY = Math.sqrt(virtualYi * virtualYi + virtualYj * virtualYj + virtualYk *virtualYk); virtualYi = virtualYi / LenVirtualY; virtualYj = virtualYj / LenVirtualY; virtualYk = virtualYk / LenVirtualY; virtualXi = virtualXi / LenCam2Ctr; virtualXj = virtualXj / LenCam2Ctr; virtualXk = virtualXk / LenCam2Ctr; virtualYi = virtualYi / LenCam2Ctr; virtualYj = virtualYj / LenCam2Ctr; virtualYk = virtualYk / LenCam2Ctr; Cam2NodeX = (XX - CamX); Cam2NodeY = (YY - CamY); Cam2NodeZ = (ZZ - CamZ); numerator = Cam2CtrX * Cam2CtrX + Cam2CtrY * Cam2CtrY + Cam2CtrZ * Cam2CtrZ; denominator = (Cam2NodeX * Cam2CtrX) + (Cam2NodeY * Cam2CtrY) + (Cam2NodeZ * Cam2CtrZ); if (denominator == 0) {denominator = 0.000000001} // prevent division by 0 error t = (numerator / denominator); ipX = CamX + Cam2NodeX * t; ipY = CamY + Cam2NodeY * t; ipZ = CamZ + Cam2NodeZ * t; Ctr2ipX = (ipX - CtrX); Ctr2ipY = (ipY - CtrY); Ctr2ipZ = (ipZ - CtrZ); pX = (Ctr2ipX * virtualXi) + (Ctr2ipY * virtualXj) + (Ctr2ipZ * virtualXk); return ScrCtrX - (sScaleA * pX); } //End Function function ScreenY(k, XX, YY, ZZ, CamX, CamY, CamZ, CtrX, CtrY, CtrZ, ScrCtrX, ScrCtrY, sScaleA) { var Cam2CtrX, Cam2CtrY, Cam2CtrZ; var LenCam2Ctr; var virtualXi, virtualXj, virtualXk; var LenVirtualX; var virtualYi, virtualYj, virtualYk; var LenVirtualY; var Cam2NodeX, Cam2NodeY, Cam2NodeZ; var numerator, denominator, t; var ipX, ipY, ipZ; var Ctr2ipX, Ctr2ipY, Ctr2ipZ; var SCM, pY; Cam2CtrX = (CtrX - CamX); Cam2CtrY = (CtrY - CamY); Cam2CtrZ = (CtrZ - CamZ); LenCam2Ctr = Math.sqrt(Cam2CtrX * Cam2CtrX + Cam2CtrY * Cam2CtrY + Cam2CtrZ * Cam2CtrZ); virtualXi = (-1) * (Cam2CtrZ); virtualXj = 0; virtualXk = Cam2CtrX; LenVirtualX = Math.sqrt(virtualXi * virtualXi + virtualXj * virtualXj + virtualXk * virtualXk); virtualXi = virtualXi / LenVirtualX; virtualXj = virtualXj / LenVirtualX; virtualXk = virtualXk / LenVirtualX; virtualYi = (-1) * (virtualXk * Cam2CtrY); virtualYj = (virtualXk * Cam2CtrX) - (virtualXi * Cam2CtrZ); virtualYk = (virtualXi * Cam2CtrY); LenVirtualY = Math.sqrt(virtualYi * virtualYi + virtualYj * virtualYj + virtualYk * virtualYk); virtualYi = virtualYi / LenVirtualY; virtualYj = virtualYj / LenVirtualY; virtualYk = virtualYk / LenVirtualY; virtualXi = virtualXi / LenCam2Ctr; virtualXj = virtualXj / LenCam2Ctr; virtualXk = virtualXk / LenCam2Ctr; virtualYi = virtualYi / LenCam2Ctr; virtualYj = virtualYj / LenCam2Ctr; virtualYk = virtualYk / LenCam2Ctr; Cam2NodeX = (XX - CamX); Cam2NodeY = (YY - CamY); Cam2NodeZ = (ZZ - CamZ); numerator = Cam2CtrX * Cam2CtrX + Cam2CtrY * Cam2CtrY + Cam2CtrZ * Cam2CtrZ; denominator = (Cam2NodeX * Cam2CtrX) + (Cam2NodeY * Cam2CtrY) + (Cam2NodeZ * Cam2CtrZ); if (denominator == 0) {denominator = 0.000000001} // prevent division by 0 error t = (numerator / denominator); ipX = CamX + Cam2NodeX * t; ipY = CamY + Cam2NodeY * t; ipZ = CamZ + Cam2NodeZ * t; Ctr2ipX = (ipX - CtrX); Ctr2ipY = (ipY - CtrY); Ctr2ipZ = (ipZ - CtrZ); pY = (Ctr2ipX * virtualYi) + (Ctr2ipY * virtualYj) + (Ctr2ipZ * virtualYk); return ScrCtrY - (sScaleA * pY); } //End Function screenY function addMedia() { if (checkMedia.checked &amp;&amp; txtSaveAsFileName.value.indexOf("!@") != -1) { document.getElementById('divPerspective').style.top = "176px"; document.getElementById('divNavigate').style.visibility = 'visible'; document.getElementById('divNavigate').style.left = '0px'; document.getElementById('divLogo').style.visibility = 'visible'; document.getElementById('divAds').style.visibility = 'visible'; document.getElementById('divMenuShow').style.top = "176px"; document.getElementById('divMenu').style.top = "176px"; var dQ = String.fromCharCode(34); var nextLine = ';' + String.fromCharCode(10); adCode = ''; adCode = adCode + "&lt;scr" + "ipt type=" + dQ + "text/javascript" + dQ + "&gt;&lt;!--" + String.fromCharCode(10); adCode = adCode + " google_ad_client = " + dQ + "pub-0570457385980774" + dQ + nextLine; adCode = adCode + " google_ad_width = 728" + nextLine; adCode = adCode + " google_ad_height = 90" + nextLine; adCode = adCode + " google_ad_format = " + dQ + "728x90_as" + dQ + nextLine; adCode = adCode + " google_ad_type = " + dQ + "text_image" + dQ + nextLine; adCode = adCode + " google_ad_channel =" + dQ + dQ + nextLine; adCode = adCode + " google_color_border = " + dQ + "000000"+ dQ + nextLine; adCode = adCode + " google_color_bg = " + dQ + "000000" + dQ + nextLine; adCode = adCode + " google_color_link = " + dQ + "FFFFFF" + dQ + nextLine; adCode = adCode + " google_color_url = " + dQ + "FF6600" + dQ + nextLine; adCode = adCode + " google_color_text = " + dQ + "FF6600" + dQ + nextLine; adCode = adCode + "/" + "/--&gt;&lt;/sc" + "ript&gt;" + String.fromCharCode(10) + String.fromCharCode(10); adCode = adCode + "&lt;scr" + "ipt type=" + dQ + "text/javascript"+ dQ + String.fromCharCode(10); adCode = adCode + " src=" + dQ + "http://pagead2.googlesyndication.com/pagead/show_ads.js" + dQ + "&gt;" + String.fromCharCode(10); adCode = adCode + "&lt;/sc" + "ript&gt;" + String.fromCharCode(10); document.getElementById('divAds').innerHTML = adCode; adCode = ''; adCode = adCode + "&lt;" + "!" + "-- Go to www.addthis.com/dashboard to customize your tools -" + "-&gt;" + String.fromCharCode(10); adCode = adCode + "&lt;sc" + "ript type=" + dQ + "text/javascript" + dQ + "src=" + dQ + "//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-557c5c34046dc86f" + dQ + "async=" + dQ + "async" + dQ +"&gt;&lt;/sc" + "ript&gt;" + String.fromCharCode(10); document.getElementById('divAddThis').innerHTML = adCode; } else { //document.getElementById('divPerspective').style.left = "0px"; document.getElementById('divPerspective').style.top = "0px"; document.getElementById('divNavigate').style.visibility = 'hidden'; document.getElementById('divNavigate').style.left = '-200px'; document.getElementById('divLogo').style.visibility = 'hidden'; document.getElementById('divAds').style.visibility = 'hidden'; //document.getElementById('divMenuShow').style.left = "0px"; //document.getElementById('divMenu').style.left = "0px"; document.getElementById('divMenuShow').style.top = "0px"; document.getElementById('divMenu').style.top = "0px"; document.getElementById('divAds').innerHTML = ""; document.getElementById('divAddThis').innerHTML = ""; } } // end function addMedia() function hideMe(divName) { document.getElementById(divName).style.visibility = 'hidden'; } function manualCityA() { selectCitiesA.value = cities + 2; if (!isNaN(parseFloat(txtLatitudeCitiesA.value))) {citiesLatA = parseFloat(txtLatitudeCitiesA.value)} if (!isNaN(parseFloat(txtLongitudeCitiesA.value))) {citiesLonA = parseFloat(txtLongitudeCitiesA.value)} if (!isNaN(parseFloat(txtLongitudeCitiesA.value))) {cityLon[cities + 2] = parseFloat(txtLongitudeCitiesA.value)} if (!isNaN(parseFloat(txtLatitudeCitiesA.value))) {cityLat[cities + 2] = parseFloat(txtLatitudeCitiesA.value)} } function manualCityB() { selectCitiesB.value = cities + 2; if (!isNaN(parseFloat(txtLatitudeCitiesB.value))) {citiesLatB = parseFloat(txtLatitudeCitiesB.value)} if (!isNaN(parseFloat(txtLongitudeCitiesB.value))) {citiesLonB = parseFloat(txtLongitudeCitiesB.value)} if (!isNaN(parseFloat(txtLongitudeCitiesB.value))) {cityLon[cities + 2] = parseFloat(txtLongitudeCitiesB.value)} if (!isNaN(parseFloat(txtLatitudeCitiesB.value))) {cityLat[cities + 2] = parseFloat(txtLatitudeCitiesB.value)} } function changeCityA() { citiesLatA = parseFloat(cityLat[selectCitiesA.value]); citiesLonA = parseFloat(cityLon[selectCitiesA.value]); txtLatitudeCitiesA.value = citiesLatA; txtLongitudeCitiesA.value = citiesLonA; } function changeCityB() { citiesLatB = parseFloat(cityLat[selectCitiesB.value]); citiesLonB = parseFloat(cityLon[selectCitiesB.value]); txtLatitudeCitiesB.value = citiesLatB; txtLongitudeCitiesB.value = citiesLonB; } function changeDisplayTopDown() { if (checkTopDown.checked) { divTopDown.style.visibility = 'visible'; divPerspective.style.top = divTopDown.style.height; //divPerspectiveA.style.top = '0px'; } else { divTopDown.style.visibility = 'hidden' divPerspective.style.top = '0px'; } } function pZoomInA() { sScaleA = sScaleA * 2; txtFOVa.value = sScaleA; perspectiveClsA(); perspectiveTrailsClsA(); } function pZoomOutA() { sScaleA = sScaleA / 2; txtFOVa.value = sScaleA; perspectiveClsA(); perspectiveTrailsClsA(); } function pZoomInB() { sScaleB = sScaleB * 2; txtFOVb.value = sScaleB; perspectiveClsB(); perspectiveTrailsClsB(); } function pZoomOutB() { sScaleB = sScaleB / 2; txtFOVb.value = sScaleB; perspectiveClsB(); perspectiveTrailsClsB(); } function changeDisplayPerspective() { canvasPixelsPerspectiveA.width = Number(txtPerspectiveAWidth.value); foregroundLayerPerspectiveA.width = Number(txtPerspectiveAWidth.value); trailLayerPerspectiveA.width = Number(txtPerspectiveAWidth.value); canvasPixelsPerspectiveA.height = Number(txtPerspectiveAHeight.value); foregroundLayerPerspectiveA.height = Number(txtPerspectiveAHeight.value); trailLayerPerspectiveA.height = Number(txtPerspectiveAHeight.value); canvasPixelsPerspectiveA.style.left = txtPerspectiveALeft.value + 'px'; foregroundLayerPerspectiveA.style.left = txtPerspectiveALeft.value + 'px'; trailLayerPerspectiveA.style.left = txtPerspectiveALeft.value + 'px'; canvasPixelsPerspectiveA.style.top = txtPerspectiveATop.value + 'px'; foregroundLayerPerspectiveA.style.top = txtPerspectiveATop.value + 'px'; trailLayerPerspectiveA.style.top = txtPerspectiveATop.value + 'px'; pCanvasHeightA = canvasPixelsPerspectiveA.height; pCanvasWidthA = canvasPixelsPerspectiveA.width; canvasPixelsPerspectiveB.width = Number(txtPerspectiveBWidth.value); foregroundLayerPerspectiveB.width = Number(txtPerspectiveBWidth.value); trailLayerPerspectiveB.width = Number(txtPerspectiveBWidth.value); canvasPixelsPerspectiveB.height = Number(txtPerspectiveBHeight.value); foregroundLayerPerspectiveB.height = Number(txtPerspectiveBHeight.value); trailLayerPerspectiveB.height = Number(txtPerspectiveBHeight.value); canvasPixelsPerspectiveB.style.left = txtPerspectiveBLeft.value + 'px'; foregroundLayerPerspectiveB.style.left = txtPerspectiveBLeft.value + 'px'; trailLayerPerspectiveB.style.left = txtPerspectiveBLeft.value + 'px'; canvasPixelsPerspectiveB.style.top = txtPerspectiveBTop.value + 'px'; foregroundLayerPerspectiveB.style.top = txtPerspectiveBTop.value + 'px'; trailLayerPerspectiveB.style.top = txtPerspectiveBTop.value + 'px'; pCanvasHeightB = canvasPixelsPerspectiveB.height; pCanvasWidthB = canvasPixelsPerspectiveB.width; } function timeStepPlus() { var tts = parseFloat(spanTimeStep.innerHTML); timeStepPause = tts * 2; if (bPause == 1) {timeStep = timeStepPause} spanTimeStep.innerHTML = timeStepPause; } function timeStepMinus() { var tts = parseFloat(spanTimeStep.innerHTML); timeStepPause = tts / 2; if (bPause == 1) {timeStep = timeStepPause} spanTimeStep.innerHTML = timeStepPause; } function timeStepSet(t){ timeStep = t; spanTimeStep.innerHTML = timeStep; } function cls() { context.clearRect ( 0, 0, canvasWidth , canvasHeight ) } function perspectiveClsA() { pfContextA.clearRect(0, 0, pCanvasWidthA, pCanvasHeightA) } function perspectiveTrailsClsA() { pContextA.clearRect(0, 0, pCanvasWidthA, pCanvasHeightA) for (k = 1; k &lt;= objects; k++) { lastXa[k] = -999; lastYa[k] = -999; lastXb[k] = -999; lastYb[k] = -999; } //txtRotateCameraA.value = parseInt(180 * rangeRotateCameraA.value / Math.PI).toString(); //txtRotateCameraZ.value = parseInt(180 * rangeRotateCameraZ.value / Math.PI).toString(); //txtRotateCameraD.value = parseInt(rangeRotateCameraD.value).toString(); } function perspectiveTrails2ClsA() { ptContextA.clearRect(0, 0, pCanvasWidthA, pCanvasHeightA) if ((rangeAv != rangeRotateCameraA.value || rangeZv != rangeRotateCameraZ.value || rangeDv != rangeRotateCameraD.value) &amp;&amp; selectTargetObjectRF.selectedIndex == 0) { //for (k = 1; k &lt;= objects; k++) { // lastXa[k] = -999; lastYa[k] = -999; // lastXb[k] = -999; lastYb[k] = -999; //} perspectiveTrailsClsA(); } } function perspectiveClsB() { pfContextB.clearRect(0, 0, pCanvasWidthB, pCanvasHeightB) } function perspectiveTrailsClsB() { pContextB.clearRect(0, 0, pCanvasWidthB, pCanvasHeightB) for (k = 1; k &lt;= objects; k++) { lastXb[k] = -999; lastYb[k] = -999; } } function perspectiveTrails2ClsB() { ptContextB.clearRect(0, 0, pCanvasWidthB, pCanvasHeightB); if ((rangeAv != rangeRotateCameraA.value || rangeZv != rangeRotateCameraZ.value || rangeDv != rangeRotateCameraD.value) &amp;&amp; selectTargetObjectRF.selectedIndex == 0) { //for (k = 1; k &lt;= objects; k++) { // lastXb[k] = -999; lastYb[k] = -999; //} perspectiveTrailsClsB(); } } function clsForegroundLayer() { foregroundContext.clearRect ( 0, 0, canvasForegroundWidth , canvasForegroundHeight ) } function canvasOutputCls() { canvasOutputContext.fillStyle = "#000000"; dummy1 = canvasOutput.width; dummy2 = document.getElementById('canvasOutput').height; canvasOutputContext.fillRect(0, 0, canvasOutput.width, canvasOutput.height) } function changeTimeFlow() { var tts = parseFloat(spanTimeStep.innerHTML); timeStepPause = -timeStepPause; if (bPause == 1) {timeStep = timeStepPause} if (timeStepPause &gt; 0) { btnTimeDirection.value = '&gt;&gt;'; } else { btnTimeDirection.value = '&lt;&lt;'; } spanTimeStep.innerHTML = timeStepPause; } function changeFocusObject() { focusObject = parseInt(selectFocusObject.value); focusX = objx[focusObject]; focusY = objy[focusObject]; cls(); } function changeTargetObjectA() { toObjA = parseInt(selectTargetObjectA.value); perspectiveClsA(); perspectiveTrailsClsA(); } function changeTargetObjectB() { toObjB = parseInt(selectTargetObjectB.value); perspectiveClsB(); perspectiveTrailsClsB(); } function changeCameraObjectA() { fromObjA = parseInt(selectCameraObjectA.value); perspectiveClsA(); perspectiveTrailsClsA(); } function changeCameraObjectB() { fromObjB = parseInt(selectCameraObjectB.value); perspectiveClsB(); perspectiveTrailsClsB(); } function changeVectorObjects() { vectorObj1A = selectvectorObj1A.value; vectorObj2A = selectvectorObj2A.value; updateInfo(); } function sign(x){ if( +x === x ) { // check if a number was given return (x === 0) ? x : (x &gt; 0) ? 1 : -1; } return NaN; } function arctan2(Ey, Ex) { var u; var Pi = 3.14159265358979; if (Ex != 0) { u = Math.atan(Ey / Ex); if (Ex &lt; 0) {u = u + Pi} if (Ex &gt; 0 &amp;&amp; Ey &lt; 0) {u = u + 2 * Pi} } else { if (Ey &lt; 0) {u = -Pi / 2} if (Ey = 0) {u = 0} if (Ey &gt; 0) {u = Pi / 2} } return u; } function ComputeStateVectors() { var G = 6.6725985e-11; //var inSMA, inEcc, inInc, inNode, inPeri, inMA, inPrimaryMass, inMass, inRadius; var a = inSMA; var ec = inEcc; var i = inInc; var w0 = inPeri; var o0 = inNode; var m0 = inMA; var massPrimary = inPrimaryMass; var massSecondary = inMass; var Mass = massPrimary + massSecondary; var eca = m0 + ec / 2; var diff = 10000; var eps = 0.000001; var e1=0; while (diff &gt; eps) { e1 = eca - (eca - ec * Math.sin(eca) - m0) / (1 - ec * Math.cos(eca)); diff = Math.abs(e1 - eca); eca = e1; } var ceca = Math.cos(eca); var seca = Math.sin(eca); e1 = a * Math.sqrt(Math.abs(1 - ec * ec)); var xw = a * (ceca - ec); var yw = e1 * seca; var edot = Math.sqrt((G * Mass) / a) / (a * (1 - ec * ceca)); var xdw = -a * edot * seca; var ydw = e1 * edot * ceca; var Cw = Math.cos(w0); var Sw = Math.sin(w0); var co = Math.cos(o0); var so = Math.sin(o0); var ci = Math.cos(i); var si = Math.sin(i); var swci = Sw * ci; var cwci = Cw * ci; var pX = Cw * co - so * swci; var pY = Cw * so + co * swci; var pZ = Sw * si; var qx = -Sw * co - so * cwci; var qy = -Sw * so + co * cwci; var qz = Cw * si; xCreate = xw * pX + yw * qx; yCreate = xw * pY + yw * qy; zCreate = xw * pZ + yw * qz; vxCreate = xdw * pX + ydw * qx; vyCreate = xdw * pY + ydw * qy; vzCreate = xdw * pZ + ydw * qz; } // end function ComputeStateVectors() function toRadians(theta) {return 3.14159265358979*theta/180;} function ComputeOrbitalElements(objElements, objReference) { var G = 6.6725985e-11; var massPrimary=objMass[objReference] * 5.97369125232006E+24; var massSecondary=objMass[objElements] * 5.97369125232006E+24; var Rx = objx[objElements] - objx[objReference]; var Ry = objy[objElements] - objy[objReference]; var Rz = objz[objElements] - objz[objReference]; var Vx = objvx[objElements] - objvx[objReference]; var Vy = objvy[objElements] - objvy[objReference]; var Vz = objvz[objElements] - objvz[objReference]; v = Rx; // is this used? var Pi = 3.14159265358979; if (Rx== 0) {Rx = 0.000000000000001} // avoid division by 0 errors if (Ry== 0) {Ry = 0.000000000000001} // avoid division by 0 errors if (Rz== 0) {Rz = 0.000000000000001} // avoid division by 0 errors if (Vx== 0) {Vx = 0.000000000000001} // avoid division by 0 errors if (Vy== 0) {Vy = 0.000000000000001} // avoid division by 0 errors if (Vz== 0) {Vz = 0.000000000000001} // avoid division by 0 errors //var Mu = G * (massPrimary + massSecondary + additionalMass); var Mu = G * (massPrimary + massSecondary); var R = Math.sqrt(Rx*Rx + Ry*Ry + Rz*Rz); var V = Math.sqrt(Vx*Vx + Vy*Vy + Vz*Vz); a = 1/(2 / R - V*V / Mu); // semi-major axis oeSMA = a; var Hx = Ry*Vz - Rz*Vy; var Hy = Rz*Vx - Rx*Vz; var Hz = Rx*Vy - Ry*Vx; var H = Math.sqrt(Hx*Hx + Hy*Hy + Hz*Hz); var p = H*H / Mu; var q = Rx*Vx + Ry*Vy + Rz*Vz; // dot product of r*v E = Math.sqrt(1 - p / a); // eccentricity oeEcc = E; var Ex = 1 - R / a; var Ey = q / Math.sqrt(a * Mu); var i = Math.acos(Hz / H); oeInc = i; var lan = 0; // longitude of ascending node if ( i != 0 ) { lan = arctan2(Hx,-Hy) } oeLAN = lan; var TAx = H*H / (R*Mu) - 1; var TAy = H*q / (R * Mu); var TA = arctan2(TAy, TAx); var Cw = (Rx * Math.cos(lan) + Ry * Math.sin(lan))/R; var Sw = 0; if ( i==0 || i==Pi) { Sw = (Ry * Math.cos(lan) - Rx * Math.sin(lan)) / R } else { Sw = Rz / (R * Math.sin(i)) } W = arctan2(Sw, Cw) - TA; // argument of perihelion if (W&lt;0) {W=2*Pi+W} oePeri = W; var u = arctan2(Ey, Ex); // eccentric anomoly MA = u-E * Math.sin(u); // Mean anomoly oeMA = MA; TL = W + TA + lan; // True longitude while (TL &gt;=2*Pi) {TL = TL - 2*Pi} var PlusMinus = a * E; var Periapsis = a - PlusMinus; var Apoapsis = a + PlusMinus; var Period = 2 * Pi * Math.sqrt((a*a*a / (G*(massPrimary + massSecondary)))); } // end of function ComputeOrbitalElements() function populateSelectBoxes(){ var selbox01 = document.getElementById('selectvectorObj1A'); var selbox02 = document.getElementById('selectvectorObj2A'); var selbox03 = document.getElementById('selectTargetObjectA'); var selbox04 = document.getElementById('selectCameraObjectA'); var selbox05 = document.getElementById('selectTargetObjectB'); var selbox06 = document.getElementById('selectCameraObjectB'); var selbox07 = document.getElementById('selectCreateReferenceObject'); var selbox08 = document.getElementById('selectTargetObjectRF'); var selbox09 = document.getElementById('selectReferenceObjectRF'); var selbox10 = document.getElementById('selectTargetObjectEOV'); var selbox11 = document.getElementById('selectReferenceObjectEOV'); var selbox12 = document.getElementById('selectTargetObjectEOE'); var selbox13 = document.getElementById('selectReferenceObjectEOE'); document.getElementById('selectvectorObj1A').options.length = 0; document.getElementById('selectvectorObj2A').options.length = 0; document.getElementById('selectTargetObjectA').options.length = 0; document.getElementById('selectCameraObjectA').options.length = 0; document.getElementById('selectTargetObjectB').options.length = 0; document.getElementById('selectCameraObjectB').options.length = 0; document.getElementById('selectCreateReferenceObject').options.length = 0; document.getElementById('selectTargetObjectRF').options.length = 0; document.getElementById('selectReferenceObjectRF').options.length = 0; document.getElementById('selectTargetObjectEOV').options.length = 0; document.getElementById('selectReferenceObjectEOV').options.length = 0; document.getElementById('selectTargetObjectEOE').options.length = 0; document.getElementById('selectReferenceObjectEOE').options.length = 0; selbox08.options[selbox08.options.length] = new Option("Stationary", 0); for (h = 1; h &lt;= objects; h++) { selbox01.options[selbox01.options.length] = new Option(objName[h],h); selbox02.options[selbox02.options.length] = new Option(objName[h],h); selbox03.options[selbox03.options.length] = new Option(objName[h],h); selbox04.options[selbox04.options.length] = new Option(objName[h],h); selbox05.options[selbox05.options.length] = new Option(objName[h],h); selbox06.options[selbox06.options.length] = new Option(objName[h],h); selbox07.options[selbox07.options.length] = new Option(objName[h],h); selbox08.options[selbox08.options.length] = new Option(objName[h],h); selbox09.options[selbox09.options.length] = new Option(objName[h],h); selbox10.options[selbox10.options.length] = new Option(objName[h],h); selbox11.options[selbox11.options.length] = new Option(objName[h],h); selbox12.options[selbox12.options.length] = new Option(objName[h],h); selbox13.options[selbox13.options.length] = new Option(objName[h],h); } selbox01.options[selbox01.options.length] = new Option('Camera A', h); selbox01.options[selbox01.options.length] = new Option('Camera B', h + 1); selbox03.options[selbox03.options.length] = new Option('Camera A', h); selbox04.options[selbox04.options.length] = new Option('Camera A', h); selbox03.options[selbox03.options.length] = new Option('Camera B', h + 1); selbox04.options[selbox04.options.length] = new Option('Camera B', h + 1); selbox05.options[selbox05.options.length] = new Option('Camera A', h); selbox06.options[selbox06.options.length] = new Option('Camera A', h); selbox05.options[selbox05.options.length] = new Option('Camera B', h + 1); selbox06.options[selbox06.options.length] = new Option('Camera B', h + 1); selbox10.options[selbox10.options.length] = new Option('Camera A', h); selbox10.options[selbox10.options.length] = new Option('Camera B', h + 1); selbox12.options[selbox12.options.length] = new Option('Camera A', h); selbox12.options[selbox12.options.length] = new Option('Camera B', h + 1); selbox01.selectedIndex = vectorObj1A - 1; selbox02.selectedIndex = vectorObj2A - 1; selbox03.selectedIndex = toObjA - 1; selbox04.selectedIndex = fromObjA - 1; selbox05.selectedIndex = toObjB - 1; selbox06.selectedIndex = fromObjB - 1; selbox07.selectedIndex = 0; selbox08.selectedIndex = focusRF; selbox09.selectedIndex = referenceRF - 1; selbox10.selectedIndex = targetObjectEOV - 1; selbox11.selectedIndex = referenceObjectEOV - 1; selbox12.selectedIndex = targetObjectEOE - 1; selbox13.selectedIndex = referenceObjectEOE - 1; //determine first massless object kk = objects; while (kk &gt; 1 &amp;&amp; objMass[kk] == 0) {kk = kk - 1} masslessIndex = kk; } // end function populateSelectBoxes() // end gsimFunctions.js if (vectorPositionUnits == AU) {btnPositionUnits.value = 'Position x, y, z (AU)'} if (vectorPositionUnits == LY) {btnPositionUnits.value = 'Position x, y, z (LY)'} if (vectorPositionUnits == km) {btnPositionUnits.value = 'Position x, y, z (km)'} if (vectorPositionUnits == meter) {btnPositionUnits.value = 'Position x, y, z (m)'} if (vectorVelocityUnits == km) {btnVelocityUnits.value = 'Velocity x, y, z (km/s)'} if (vectorVelocityUnits == meter) {btnVelocityUnits.value = 'Velocity x, y, z (m/s)'} //changeBarycenter(); changeBarycenterA(); changeBarycenterB(); changeCanvasOutputSize(); changeDisplayTopDown(); txtTopDownTop.value = divTopDown.offsetTop; txtTopDownLeft.value = divTopDown.offsetLeft; txtTopDownHeight.value = divTopDown.offsetHeight; txtTopDownWidth.value = divTopDown.offsetWidth; txtPerspectiveAHeight.value = canvasPixelsPerspectiveA.offsetHeight; txtPerspectiveAWidth.value = canvasPixelsPerspectiveA.offsetWidth; txtPerspectiveBHeight.value = canvasPixelsPerspectiveB.offsetHeight; txtPerspectiveBWidth.value = canvasPixelsPerspectiveB.offsetWidth; &lt;/script&gt; &lt;div id="divAddThis"&gt; &lt;/div&gt; &lt;iframe src="https://platform.twitter.com/widgets/widget_iframe.36c0c29c73929bf937f4c70adb1a29e4.html?origin=http%3A%2F%2Forbitsimulator.com" frameborder="0" scrolling="no" style="display: none;" allowtransparency="true"&gt;&lt;/iframe&gt;&lt;iframe title="Twitter analytics iframe" id="rufous-sandbox" frameborder="0" scrolling="no" allowfullscreen="true" style="padding: 0px; border: currentColor; border-image: none; width: 0px; height: 0px; display: none; visibility: hidden; position: absolute;" allowtransparency="true"&gt;&lt;/iframe&gt;&lt;/body&gt; &lt;/html&gt;</textarea> <input id="btnSaveAs" onclick="mySaveAs()" type="button" value="Save"> </div> <div class="classControlDiv ui-draggable" id="divStars" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblStarsTitle">Stars</label> <input class="classBtnClose" id="btnStarsClose" onclick="hideMe('divStars')" type="button" value="x"> <label class="classLblData" id="lblSelectStars">Star catalog</label> <select class="classSelect" id="selectStars" onchange="loadStars()"><option>none</option><option>520</option><option>15K</option></select> <hr id="hrStars"> <input class="classTxtInput" id="checkRaDec" type="checkbox"> <label class="classLblData" id="lblRaDec" for="checkRaDec">RA / Dec</label> <label class="classLblData" id="lblStarBrightness">Star brightness</label> <input class="classTxtInput" id="txtStarBrightness" type="text" value="1"> <label class="classLblData" id="lblGridBrightness">Grid brightness</label> <input class="classTxtInput" id="txtGridBrightness" type="text" value="1"> <label class="classLblData" id="lblRaSpacing">RA spacing (min)</label> <input class="classTxtInput" id="txtRaSpacing" type="text" value="60"> <label class="classLblData" id="lblDecSpacing">Dec spacing (deg)</label> <input class="classTxtInput" id="txtDecSpacing" type="text" value="15"> <label class="classLblData" id="lblGridColor">Color</label> <input class="color classTxtColor" id="txtGridColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> </div> <div class="classControlDiv ui-draggable" id="divRotatingFrame" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblRotatingFrameTitle">Rotating frame</label> <span class="classLblData" id="lblTargetObjectRF">Target object A</span> <span class="classLblData" id="lblReferenceObjectRF">Reference object A</span> <select class="classSelect" id="selectReferenceObjectRF" onchange="changeRF()"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <span class="classLblData" id="lblLongitudeRF">Longitude</span> <span class="classLblData" id="lblAltitudeRF">Altitude (AU)</span> <input id="txtAltitudeRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"> <span class="classLblData" id="lblDistanceRF">Distance (AU)</span> <input id="txtDistanceRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"> <input class="classTxtInput" id="checkRF" type="checkbox" value="Rotating frame"> <input class="classBtnClose" id="btnRotatingFrameClose" onclick="hideMe('divRotatingFrame')" type="button" value="x"> </div> <div id="divLargerPlayButton" style="visibility: hidden;" onmouseover="hideAllMenuButtons()"> <input class="classBtnPlay" id="btnLargerPlayButton" style="left: 453px; top: 95px;" onclick="largePlayButtonPressed()" type="button"> </div> <div class="classControlDiv ui-draggable" id="divCitiesA" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCitiesTitleA">Cities A</label> <input class="classBtnClose" id="btnCitiesCloseA" onclick="hideMe('divCitiesA')" type="button" value="x"> <select class="classSelect" id="selectCitiesA" onchange="changeCityA()"><option value="1">Aberdeen, Scotland</option><option value="2">Adelaide, Australia</option><option value="3">Albany, N.Y.</option><option value="4">Albuquerque, N.M.</option><option value="5">Algiers, Algeria</option><option value="6">Amarillo, Tex.</option><option value="7">Amsterdam, Netherlands</option><option value="8">Anchorage, Alaska</option><option value="9">Ankara, Turkey</option><option value="10">Asuncion, Paraguay</option><option value="11">Athens, Greece</option><option value="12">Atlanta, Ga.</option><option value="13">Auckland, New Zealand</option><option value="14">Austin, Tex.</option><option value="15">Baker, Ore.</option><option value="16">Baltimore, Md.</option><option value="17">Bangkok, Thailand</option><option value="18">Bangor, Maine</option><option value="19">Barcelona, Spain</option><option value="20">Barrow, Alaska</option><option value="21">Beijing, China</option><option value="22">Belem, Brazil</option><option value="23">Belfast, Northern Ireland</option><option value="24">Belgrade, Serbia</option><option value="25">Berlin, Germany</option><option value="26">Birmingham, Ala.</option><option value="27">Birmingham, England</option><option value="28">Bismarck, N.D.</option><option value="29">Bogota, Colombia</option><option value="30">Boise, Idaho</option><option value="31">Bombay, India</option><option value="32">Bordeaux, France</option><option value="33">Boston, Mass.</option><option value="34">Bremen, Germany</option><option value="35">Brisbane, Australia</option><option value="36">Bristol, England</option><option value="37">Brussels, Belgium</option><option value="38">Bucharest, Romania</option><option value="39">Budapest, Hungary</option><option value="40">Buenos Aires, Argentina</option><option value="41">Buffalo, N.Y.</option><option value="42">Cairo, Egypt</option><option value="43">Calcutta, India</option><option value="44">Calgary, Alba., Can.</option><option value="45">Canton, China</option><option value="46">Cape Town, South Africa</option><option value="47">Caracas, Venezuela</option><option value="48">Carbondale, Illinois</option><option value="49">Carlsbad, N.M.</option><option value="50">Cayenne, French Guiana</option><option value="51">Charleston, S.C.</option><option value="52">Charleston, W. Va.</option><option value="53">Charlotte, N.C.</option><option value="54">Casper, Wyo.</option><option value="55">Cheyenne, Wyo.</option><option value="56">Chebarlul Lake, Russia</option><option value="57">Chicago, Ill.</option><option value="58">Chico, Ca</option><option value="59">Chihuahua, Mexico</option><option value="60">Chongqing, China</option><option value="61">Christchurch, New Zealand</option><option value="62">Cincinnati, Ohio</option><option value="63">Cleveland, Ohio</option><option value="64">Columbia, S.C.</option><option value="65">Columbus, Ohio</option><option value="66">Copenhagen, Denmark</option><option value="67">Cordoba, Argentina</option><option value="68">Crescent City, California</option><option value="69">Dakar, Senegal</option><option value="70">Dallas, Tex.</option><option value="71">Darwin, Australia</option><option value="72">Denver, Colo.</option><option value="73">Des Moines, Iowa</option><option value="74">Detroit, Mich.</option><option value="75">Djibouti, Djibouti</option><option value="76">Dublin, Ireland</option><option value="77">Dubuque, Iowa</option><option value="78">Duluth, Minn.</option><option value="79">Durban, South Africa</option><option value="80">Eastport, Maine</option><option value="81">Edinburgh, Scotland</option><option value="82">Edmonton, Alb., Can.</option><option value="83">El Centro, Calif.</option><option value="84">El Paso, Tex.</option><option value="85">Eugene, Ore.</option><option value="86">Fairfax, CA</option><option value="87">Fargo, N.D.</option><option value="88">Flagstaff, Ariz.</option><option value="89">Fort Worth, Tex.</option><option value="90">Frankfurt, Germany</option><option value="91">Fresno, Calif.</option><option value="92">Georgetown, Guyana</option><option value="93">Glasgow, Scotland</option><option value="94">Grand Island, Neb</option><option value="95">Grand Junction, Colo.</option><option value="96">Grand Rapids, Mich.</option><option value="97">Guatemala City, Guatemala</option><option value="98">Guayaquil, Ecuador</option><option value="99">Hamburg, Germany</option><option value="100">Hammerfest, Norway</option><option value="101">Havana, Cuba</option><option value="102">Havre, Mont.</option><option value="103">Helena, Mont.</option><option value="104">Helsinki, Finland</option><option value="105">Hobart, Tasmania</option><option value="106">Hong Kong, China</option><option value="107">Honolulu, Hawaii</option><option value="108">Hopkinsville, Kentucky</option><option value="109">Hot Springs, Ark.</option><option value="110">Houston, Tex.</option><option value="111">Idaho Falls, Idaho</option><option value="112">Indianapolis, Ind.</option><option value="113">Iquique, Chile</option><option value="114">Irkutsk, Russia</option><option value="115">Jackson, Miss.</option><option value="116">Jacksonville, Fla.</option><option value="117">Jakarta, Indonesia</option><option value="118">Jefferson City, Missouri</option><option value="119">Johannesburg, South Africa</option><option value="120">Juneau, Alaska</option><option value="121">Kansas City, Mo.</option><option value="122">Key West, Fla.</option><option value="123">Kingston, Jamaica</option><option value="124">Kingston, Ont., Can.</option><option value="125">Kinshasa, Congo</option><option value="126">Klamath Falls, Ore.</option><option value="127">Knoxville, Tenn.</option><option value="128">Kuala Lumpur, Malaysia</option><option value="129">La Paz, Bolivia</option><option value="130">Las Vegas, Nev.</option><option value="131">Leeds, England</option><option value="132">Lewiston, Idaho</option><option value="133">Lima, Peru</option><option value="134">Lincoln, Neb.</option><option value="135">Lisbon, Portugal</option><option value="136">Litchfield Park, AZ</option><option value="137">Liverpool, England</option><option value="138">London, England</option><option value="139">London, Ont., Can.</option><option value="140">Long Beach, Calif.</option><option value="141">Los Angeles, Calif.</option><option value="142">Louisville, Ky.</option><option value="143">Lyons, France</option><option value="144">Madrid, Spain</option><option value="145">Manchester, England</option><option value="146">Manchester, N.H.</option><option value="147">Manila, Philippines</option><option value="148">Marseilles, France</option><option value="149">Mazatlan, Mexico</option><option value="150">Mecca, Saudi Arabia</option><option value="151">Melbourne, Australia</option><option value="152">Memphis, Tenn.</option><option value="153">Mexico City, Mexico</option><option value="154">Miami, Fla.</option><option value="155">Milan, Italy</option><option value="156">Milwaukee, Wis.</option><option value="157">Minneapolis, Minn.</option><option value="158">Mobile, Ala.</option><option value="159">Montevideo, Uruguay</option><option value="160">Montgomery, Ala.</option><option value="161">Montpelier, Vt.</option><option value="162">Montreal, Que., Can.</option><option value="163">Moose Jaw, Sask., Can.</option><option value="164">Moscow, Russia</option><option value="165">Munich, Germany</option><option value="166">Nagasaki, Japan</option><option value="167">Nagoya, Japan</option><option value="168">Nairobi, Kenya</option><option value="169">Nanjing (Nanking), China</option><option value="170">Naples, Italy</option><option value="171">Nashville, Tenn.</option><option value="172">Nelson, B.C., Can.</option><option value="173">New Delhi, India</option><option value="174">New Haven, Conn.</option><option value="175">New Orleans, La.</option><option value="176">New York, N.Y.</option><option value="177">Newark, N.J.</option><option value="178">Newcastle-on-Tyne, England</option><option value="179">Nome, Alaska</option><option value="180">Oakland, Calif.</option><option value="181">Odessa, Ukraine</option><option value="182">Oklahoma City, Okla.</option><option value="183">Omaha, Neb.</option><option value="184">Osaka, Japan</option><option value="185">Oslo, Norway</option><option value="186">Ottawa, Ont., Can.</option><option value="187">Paducah, Kentucky</option><option value="188">Panama City, Panama</option><option value="189">Paramaribo, Suriname</option><option value="190">Paris, France</option><option value="191">Perth, Australia</option><option value="192">Philadelphia, Pa.</option><option value="193">Phoenix, Ariz.</option><option value="194">Pierre, S.D.</option><option value="195">Pittsburgh, Pa.</option><option value="196">Plymouth, England</option><option value="197">Port Moresby, Papua New Guinea</option><option value="198">Portland, Maine</option><option value="199">Portland, Ore.</option><option value="200">Prague, Czech Republic</option><option value="201">Providence, R.I.</option><option value="202">Quebec, Que., Can.</option><option value="203">Raleigh, N.C.</option><option value="204">Rangoon, Myanmar</option><option value="205">Redding, CA</option><option value="206">Reno, Nev.</option><option value="207">Reykjavik, Iceland</option><option value="208">Richfield, Utah</option><option value="209">Richmond, Va.</option><option value="210">Rio de Janeiro, Brazil</option><option value="211">Roanoke, Va.</option><option value="212">Rome, Italy</option><option value="213">Sacramento, Calif.</option><option value="214">Salem, Oregon</option><option value="215">Salt Lake City, Utah</option><option value="216">Salvador, Brazil</option><option value="217">San Antonio, Tex.</option><option value="218">San Diego, Calif.</option><option value="219">San Francisco, Calif.</option><option value="220">San Jose, Calif.</option><option value="221">San Juan, P.R.</option><option value="222">Santa Fe, N.M.</option><option value="223">Santiago, Chile</option><option value="224">Sao Paulo, Brazil</option><option value="225">Savannah, Ga.</option><option value="226">Scottsbluff, Neb.</option><option value="227">Seattle, Wash.</option><option value="228">Shanghai, China</option><option value="229">Shreveport, La.</option><option value="230">Singapore, Singapore</option><option value="231">Sioux Falls, S.D.</option><option value="232">Sitka, Alaska</option><option value="233">Sogod, Southern Leyte, Philippines</option><option value="234">Sofia, Bulgaria</option><option value="235">South Lake Tahoe, CA</option><option value="236">Spokane, Wash.</option><option value="237">Springfield, Ill.</option><option value="238">Springfield, Mass.</option><option value="239">Springfield, Mo.</option><option value="240">St. John, N.B., Can.</option><option value="241">St. Louis, Mo.</option><option value="242">St. Petersburg, Russia</option><option value="243">Stockholm, Sweden</option><option value="244">Susanville Ranch Park, CA</option><option value="245">Sydney, Australia</option><option value="246">Syracuse, N.Y.</option><option value="247">Tacloban, Philippines</option><option value="248">Tampa, Fla.</option><option value="249">Tananarive, Madagascar</option><option value="250">Teheran, Iran</option><option value="251">Tokyo, Japan</option><option value="252">Toledo, Ohio</option><option value="253">Toronto, Ont., Can.</option><option value="254">Tripoli, Libya</option><option value="255">Tulsa, Okla.</option><option value="256">Vancouver, B.C., Can.</option><option value="257">Venice, Italy</option><option value="258">Veracruz, Mexico</option><option value="259">Victoria, B.C., Can.</option><option value="260">Vienna, Austria</option><option value="261">Virginia Beach, Va.</option><option value="262">Vladivostok, Russia</option><option value="263">Warsaw, Poland</option><option value="264">Washington, D.C.</option><option value="265">Weed, CA</option><option value="266">Wellington, New Zealand</option><option value="267">Wichita, Kan.</option><option value="268">Wilmington, N.C.</option><option value="269">Winnipeg, Man., Can.</option><option value="270">Yellowstone, Wyoming</option><option value="271">Yuba City, CA</option><option value="272">Zurich, Switzerland</option><option value="273">Geocenter</option><option value="274">Custom location</option></select> <label class="classLblData" id="lblLatitudeCitiesA">Latitude</label> <input class="classTxtInput" id="txtLatitudeCitiesA" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityA()" type="text" value="0"> <label class="classLblData" id="lblLongitudeCitiesA">Longitude</label> <input class="classTxtInput" id="txtLongitudeCitiesA" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityA()" type="text" value="0" ;=""> </div> <div class="classControlDiv ui-draggable" id="divCitiesB" style="left: 969px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCitiesTitleB">Cities B</label> <input class="classBtnClose" id="btnCitiesCloseB" onclick="hideMe('divCitiesB')" type="button" value="x"> <select class="classSelect" id="selectCitiesB" onchange="changeCityB()"><option value="1">Aberdeen, Scotland</option><option value="2">Adelaide, Australia</option><option value="3">Albany, N.Y.</option><option value="4">Albuquerque, N.M.</option><option value="5">Algiers, Algeria</option><option value="6">Amarillo, Tex.</option><option value="7">Amsterdam, Netherlands</option><option value="8">Anchorage, Alaska</option><option value="9">Ankara, Turkey</option><option value="10">Asuncion, Paraguay</option><option value="11">Athens, Greece</option><option value="12">Atlanta, Ga.</option><option value="13">Auckland, New Zealand</option><option value="14">Austin, Tex.</option><option value="15">Baker, Ore.</option><option value="16">Baltimore, Md.</option><option value="17">Bangkok, Thailand</option><option value="18">Bangor, Maine</option><option value="19">Barcelona, Spain</option><option value="20">Barrow, Alaska</option><option value="21">Beijing, China</option><option value="22">Belem, Brazil</option><option value="23">Belfast, Northern Ireland</option><option value="24">Belgrade, Serbia</option><option value="25">Berlin, Germany</option><option value="26">Birmingham, Ala.</option><option value="27">Birmingham, England</option><option value="28">Bismarck, N.D.</option><option value="29">Bogota, Colombia</option><option value="30">Boise, Idaho</option><option value="31">Bombay, India</option><option value="32">Bordeaux, France</option><option value="33">Boston, Mass.</option><option value="34">Bremen, Germany</option><option value="35">Brisbane, Australia</option><option value="36">Bristol, England</option><option value="37">Brussels, Belgium</option><option value="38">Bucharest, Romania</option><option value="39">Budapest, Hungary</option><option value="40">Buenos Aires, Argentina</option><option value="41">Buffalo, N.Y.</option><option value="42">Cairo, Egypt</option><option value="43">Calcutta, India</option><option value="44">Calgary, Alba., Can.</option><option value="45">Canton, China</option><option value="46">Cape Town, South Africa</option><option value="47">Caracas, Venezuela</option><option value="48">Carbondale, Illinois</option><option value="49">Carlsbad, N.M.</option><option value="50">Cayenne, French Guiana</option><option value="51">Charleston, S.C.</option><option value="52">Charleston, W. Va.</option><option value="53">Charlotte, N.C.</option><option value="54">Casper, Wyo.</option><option value="55">Cheyenne, Wyo.</option><option value="56">Chebarlul Lake, Russia</option><option value="57">Chicago, Ill.</option><option value="58">Chico, Ca</option><option value="59">Chihuahua, Mexico</option><option value="60">Chongqing, China</option><option value="61">Christchurch, New Zealand</option><option value="62">Cincinnati, Ohio</option><option value="63">Cleveland, Ohio</option><option value="64">Columbia, S.C.</option><option value="65">Columbus, Ohio</option><option value="66">Copenhagen, Denmark</option><option value="67">Cordoba, Argentina</option><option value="68">Crescent City, California</option><option value="69">Dakar, Senegal</option><option value="70">Dallas, Tex.</option><option value="71">Darwin, Australia</option><option value="72">Denver, Colo.</option><option value="73">Des Moines, Iowa</option><option value="74">Detroit, Mich.</option><option value="75">Djibouti, Djibouti</option><option value="76">Dublin, Ireland</option><option value="77">Dubuque, Iowa</option><option value="78">Duluth, Minn.</option><option value="79">Durban, South Africa</option><option value="80">Eastport, Maine</option><option value="81">Edinburgh, Scotland</option><option value="82">Edmonton, Alb., Can.</option><option value="83">El Centro, Calif.</option><option value="84">El Paso, Tex.</option><option value="85">Eugene, Ore.</option><option value="86">Fairfax, CA</option><option value="87">Fargo, N.D.</option><option value="88">Flagstaff, Ariz.</option><option value="89">Fort Worth, Tex.</option><option value="90">Frankfurt, Germany</option><option value="91">Fresno, Calif.</option><option value="92">Georgetown, Guyana</option><option value="93">Glasgow, Scotland</option><option value="94">Grand Island, Neb</option><option value="95">Grand Junction, Colo.</option><option value="96">Grand Rapids, Mich.</option><option value="97">Guatemala City, Guatemala</option><option value="98">Guayaquil, Ecuador</option><option value="99">Hamburg, Germany</option><option value="100">Hammerfest, Norway</option><option value="101">Havana, Cuba</option><option value="102">Havre, Mont.</option><option value="103">Helena, Mont.</option><option value="104">Helsinki, Finland</option><option value="105">Hobart, Tasmania</option><option value="106">Hong Kong, China</option><option value="107">Honolulu, Hawaii</option><option value="108">Hopkinsville, Kentucky</option><option value="109">Hot Springs, Ark.</option><option value="110">Houston, Tex.</option><option value="111">Idaho Falls, Idaho</option><option value="112">Indianapolis, Ind.</option><option value="113">Iquique, Chile</option><option value="114">Irkutsk, Russia</option><option value="115">Jackson, Miss.</option><option value="116">Jacksonville, Fla.</option><option value="117">Jakarta, Indonesia</option><option value="118">Jefferson City, Missouri</option><option value="119">Johannesburg, South Africa</option><option value="120">Juneau, Alaska</option><option value="121">Kansas City, Mo.</option><option value="122">Key West, Fla.</option><option value="123">Kingston, Jamaica</option><option value="124">Kingston, Ont., Can.</option><option value="125">Kinshasa, Congo</option><option value="126">Klamath Falls, Ore.</option><option value="127">Knoxville, Tenn.</option><option value="128">Kuala Lumpur, Malaysia</option><option value="129">La Paz, Bolivia</option><option value="130">Las Vegas, Nev.</option><option value="131">Leeds, England</option><option value="132">Lewiston, Idaho</option><option value="133">Lima, Peru</option><option value="134">Lincoln, Neb.</option><option value="135">Lisbon, Portugal</option><option value="136">Litchfield Park, AZ</option><option value="137">Liverpool, England</option><option value="138">London, England</option><option value="139">London, Ont., Can.</option><option value="140">Long Beach, Calif.</option><option value="141">Los Angeles, Calif.</option><option value="142">Louisville, Ky.</option><option value="143">Lyons, France</option><option value="144">Madrid, Spain</option><option value="145">Manchester, England</option><option value="146">Manchester, N.H.</option><option value="147">Manila, Philippines</option><option value="148">Marseilles, France</option><option value="149">Mazatlan, Mexico</option><option value="150">Mecca, Saudi Arabia</option><option value="151">Melbourne, Australia</option><option value="152">Memphis, Tenn.</option><option value="153">Mexico City, Mexico</option><option value="154">Miami, Fla.</option><option value="155">Milan, Italy</option><option value="156">Milwaukee, Wis.</option><option value="157">Minneapolis, Minn.</option><option value="158">Mobile, Ala.</option><option value="159">Montevideo, Uruguay</option><option value="160">Montgomery, Ala.</option><option value="161">Montpelier, Vt.</option><option value="162">Montreal, Que., Can.</option><option value="163">Moose Jaw, Sask., Can.</option><option value="164">Moscow, Russia</option><option value="165">Munich, Germany</option><option value="166">Nagasaki, Japan</option><option value="167">Nagoya, Japan</option><option value="168">Nairobi, Kenya</option><option value="169">Nanjing (Nanking), China</option><option value="170">Naples, Italy</option><option value="171">Nashville, Tenn.</option><option value="172">Nelson, B.C., Can.</option><option value="173">New Delhi, India</option><option value="174">New Haven, Conn.</option><option value="175">New Orleans, La.</option><option value="176">New York, N.Y.</option><option value="177">Newark, N.J.</option><option value="178">Newcastle-on-Tyne, England</option><option value="179">Nome, Alaska</option><option value="180">Oakland, Calif.</option><option value="181">Odessa, Ukraine</option><option value="182">Oklahoma City, Okla.</option><option value="183">Omaha, Neb.</option><option value="184">Osaka, Japan</option><option value="185">Oslo, Norway</option><option value="186">Ottawa, Ont., Can.</option><option value="187">Paducah, Kentucky</option><option value="188">Panama City, Panama</option><option value="189">Paramaribo, Suriname</option><option value="190">Paris, France</option><option value="191">Perth, Australia</option><option value="192">Philadelphia, Pa.</option><option value="193">Phoenix, Ariz.</option><option value="194">Pierre, S.D.</option><option value="195">Pittsburgh, Pa.</option><option value="196">Plymouth, England</option><option value="197">Port Moresby, Papua New Guinea</option><option value="198">Portland, Maine</option><option value="199">Portland, Ore.</option><option value="200">Prague, Czech Republic</option><option value="201">Providence, R.I.</option><option value="202">Quebec, Que., Can.</option><option value="203">Raleigh, N.C.</option><option value="204">Rangoon, Myanmar</option><option value="205">Redding, CA</option><option value="206">Reno, Nev.</option><option value="207">Reykjavik, Iceland</option><option value="208">Richfield, Utah</option><option value="209">Richmond, Va.</option><option value="210">Rio de Janeiro, Brazil</option><option value="211">Roanoke, Va.</option><option value="212">Rome, Italy</option><option value="213">Sacramento, Calif.</option><option value="214">Salem, Oregon</option><option value="215">Salt Lake City, Utah</option><option value="216">Salvador, Brazil</option><option value="217">San Antonio, Tex.</option><option value="218">San Diego, Calif.</option><option value="219">San Francisco, Calif.</option><option value="220">San Jose, Calif.</option><option value="221">San Juan, P.R.</option><option value="222">Santa Fe, N.M.</option><option value="223">Santiago, Chile</option><option value="224">Sao Paulo, Brazil</option><option value="225">Savannah, Ga.</option><option value="226">Scottsbluff, Neb.</option><option value="227">Seattle, Wash.</option><option value="228">Shanghai, China</option><option value="229">Shreveport, La.</option><option value="230">Singapore, Singapore</option><option value="231">Sioux Falls, S.D.</option><option value="232">Sitka, Alaska</option><option value="233">Sogod, Southern Leyte, Philippines</option><option value="234">Sofia, Bulgaria</option><option value="235">South Lake Tahoe, CA</option><option value="236">Spokane, Wash.</option><option value="237">Springfield, Ill.</option><option value="238">Springfield, Mass.</option><option value="239">Springfield, Mo.</option><option value="240">St. John, N.B., Can.</option><option value="241">St. Louis, Mo.</option><option value="242">St. Petersburg, Russia</option><option value="243">Stockholm, Sweden</option><option value="244">Susanville Ranch Park, CA</option><option value="245">Sydney, Australia</option><option value="246">Syracuse, N.Y.</option><option value="247">Tacloban, Philippines</option><option value="248">Tampa, Fla.</option><option value="249">Tananarive, Madagascar</option><option value="250">Teheran, Iran</option><option value="251">Tokyo, Japan</option><option value="252">Toledo, Ohio</option><option value="253">Toronto, Ont., Can.</option><option value="254">Tripoli, Libya</option><option value="255">Tulsa, Okla.</option><option value="256">Vancouver, B.C., Can.</option><option value="257">Venice, Italy</option><option value="258">Veracruz, Mexico</option><option value="259">Victoria, B.C., Can.</option><option value="260">Vienna, Austria</option><option value="261">Virginia Beach, Va.</option><option value="262">Vladivostok, Russia</option><option value="263">Warsaw, Poland</option><option value="264">Washington, D.C.</option><option value="265">Weed, CA</option><option value="266">Wellington, New Zealand</option><option value="267">Wichita, Kan.</option><option value="268">Wilmington, N.C.</option><option value="269">Winnipeg, Man., Can.</option><option value="270">Yellowstone, Wyoming</option><option value="271">Yuba City, CA</option><option value="272">Zurich, Switzerland</option><option value="273">Geocenter</option><option value="274">Custom location</option></select> <label class="classLblData" id="lblLatitudeCitiesB">Latitude</label> <input class="classTxtInput" id="txtLatitudeCitiesB" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityB()" type="text" value="0"> <label class="classLblData" id="lblLongitudeCitiesB">Longitude</label> <input class="classTxtInput" id="txtLongitudeCitiesB" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityB()" type="text" value="0" ;=""> </div> <div class="classControlDiv ui-draggable" id="divToFromA" style="left: 0px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblToFromATitle">Frame A</label> <input class="classBtnClose" id="btnToFromAClose" onclick="hideMe('divToFromA')" type="button" value="x"> <span class="classLblData" id="lblTargetObjectA">Target object A</span> <select class="classSelect" id="selectTargetObjectA" onchange="changeTargetObjectA(); changeBarycenterA()"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="lblCameraObjectA">Camera object A</span> <select class="classSelect" id="selectCameraObjectA" onchange="changeCameraObjectA();"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="spanBarycenterCheckBoxA">Barycenter</span> <input class="classTxtInput" id="checkBarycenterPerspectiveA" onclick="changeBarycenterA();" type="checkbox" value="Barycenter"> <span class="classLblData" id="lblMinimumObjectSizeA">Minimum object size</span> <input class="classTxtInput" id="txtMinimumObjectSizeA" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeMinimumObjectSizeA()" type="text"> <span class="classLblData" id="lblTrailSizeA">Trail size</span> <input class="classTxtInput" id="txtTrailSizeA" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeTrailSizeA()" type="text"> <label class="classLblData" id="lblZoomA">Zoom</label> <input class="classBtnSmall" id="pZoomInA" onclick="pZoomInA()" type="button" value="+"> <input class="classTxtInput" id="txtFOVa" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input class="classBtnSmall" id="pZoomOutA" onclick="pZoomOutA()" type="button" value="-"> <input class="classTxtInput" id="checkStarsA" type="checkbox"> <label class="classLblData" id="lblStarsA" for="checkStarsA">Stars</label> <input class="classTxtInput" id="checkStarsLabelsA" type="checkbox"> <label class="classLblData" id="lblStarsLabelsA" for="checkStarsLabelsA">Star labels</label> <input class="classTxtInput" id="checkKBOsA" type="checkbox"> <label class="classLblData" id="lblKBOsA" for="checkKBOsA">Static KBOs</label> <input class="classTxtInput" id="checkPreTrailsA" onclick="checkKeplerCA.checked = checkPreTrailsA.checked" type="checkbox"> <label class="classLblData" id="lblPreTrailsA" for="checkPreTrailsA">Pre trails</label> <input class="classTxtInput" id="checkCrescentsA" type="checkbox"> <label class="classLblData" id="lblCrescentsA" for="checkCrescentsA">Phases</label> <input class="classTxtInput" id="checkSunGraphicA" type="checkbox"> <label class="classLblData" id="lblSunGraphicA" for="checkSunGraphicA">Sun graphic</label> <input id="checkLabelsA" type="checkbox" value="Labels"> <label class="classLblData" id="lblLabelsA" for="checkLabelsA">Labels</label> <input class="classTxtInput" id="txtFontA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="bold 16px Arial"> </div> <div class="classControlDiv ui-draggable" id="divToFromB" style="left: 970px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblToFromBTitle">Frame B</label> <input class="classBtnClose" id="btnToFromBClose" onclick="hideMe('divToFromB')" type="button" value="x"> <span class="classLblData" id="lblTargetObjectB">Target object B</span> <select class="classSelect" id="selectTargetObjectB" onchange="changeTargetObjectB(); changeBarycenterB()"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="lblCameraObjectB">Camera object B</span> <select class="classSelect" id="selectCameraObjectB" onchange="changeCameraObjectB();"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="spanBarycenterCheckBoxB">Barycenter</span> <input class="classTxtInput" id="checkBarycenterPerspectiveB" onclick="changeBarycenterB();" type="checkbox" value="Barycenter"> <span class="classLblData" id="lblMinimumObjectSizeB">Minimum object size</span> <input class="classTxtInput" id="txtMinimumObjectSizeB" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeMinimumObjectSizeB()" type="text"> <span class="classLblData" id="lblTrailSizeB">Trail size</span> <input class="classTxtInput" id="txtTrailSizeB" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeTrailSizeB()" type="text"> <label class="classLblData" id="lblZoomB">Zoom</label> <input class="classBtnSmall" id="pZoomInB" onclick="pZoomInB()" type="button" value="+"> <input class="classTxtInput" id="txtFOVb" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input class="classBtnSmall" id="pZoomOutB" onclick="pZoomOutB()" type="button" value="-"> <input class="classTxtInput" id="checkStarsB" type="checkbox"> <label class="classLblData" id="lblStarsB" for="checkStarsB">Stars</label> <input class="classTxtInput" id="checkStarsLabelsB" type="checkbox"> <label class="classLblData" id="lblStarsLabelsB" for="checkStarsLabelsB">Star labels</label> <input class="classTxtInput" id="checkKBOsB" type="checkbox"> <label class="classLblData" id="lblKBOsB" for="checkKBOsB">Static KBOs</label> <input class="classTxtInput" id="checkPreTrailsB" type="checkbox"> <label class="classLblData" id="lblPreTrailsB" for="checkPreTrailsB">Pre trails</label> <input class="classTxtInput" id="checkCrescentsB" type="checkbox"> <label class="classLblData" id="lblCrescentsB" for="checkCrescentsB">Phases</label> <input class="classTxtInput" id="checkSunGraphicB" type="checkbox"> <label class="classLblData" id="lblSunGraphicB" for="checkSunGraphicB">Sun graphic</label> <input id="checkLabelsB" type="checkbox" value="Labels"> <label class="classLblData" id="lblLabelsB" for="checkLabelsB">Labels</label> <input class="classTxtInput" id="txtFontB" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="bold 16px Arial"> </div> <div class="classControlDiv ui-draggable" id="divPreferences" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblPreferencesTitle">Preferences</label> <input class="classBtnClose" id="btnPreferencesClose" onclick="hideMe('divPreferences')" type="button" value="x"> <label class="classLblData" id="lblDoEvents">Do events</label> <input class="classTxtInput" id="txtDoEvents" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDoEvents()" type="text"> <label class="classLblData" id="lblSelectIntegrator">Integrator:</label> <select class="classSelect" id="selectIntegrator"><option value="Euler">Euler-Cromer</option><option value="RK4">RK4</option> <option value="RK4vtsc">RK4 variable time step with collisions</option><option value="RK4vts">RK4 variable time step</option><option value="RK4c">RK4 with collisions</option></select> <label class="classLblData" id="lblStepsPerRadian">Variable time step - steps per radian:</label> <input class="classTxtInput" id="txtStepsPerRadian" type="text" value="150"> <label class="classLblData" id="lblEventsDuration">Events duration</label> <input class="classTxtInput" id="txtEventsDuration" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeEventsDuration()" type="text"> <label class="classLblData" id="lblOpacity">Opacity</label> <input class="classTxtInput" id="txtOpacity" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeOpacity()" type="text"> <input id="checkMedia" onclick="addMedia()" type="checkbox"> <label class="classLblData" id="lblMedia" for="checkMedia">Media</label> <input id="checkRealTime" onclick="toggleRealTime()" type="checkbox"> <label class="classLblData" id="lblRealTime" for="checkRealTime">Real time</label> </div> <div id="divLogo"> <a href="http://gravitysimulator.com"><img id="imgLogo1" src="http://orbitsimulator.com/gravitySimulatorCloud/logo3.gif"></a> </div> <div id="divNavigate"> <table id="tableNavigate"> <tbody><tr> <td><img src="http://orbitsimulator.com/gravity/articles/copyright.GIF"></td> </tr> <tr><td> <iframe title="Twitter Follow Button" class="twitter-follow-button twitter-follow-button" id="twitter-widget-0" src="http://platform.twitter.com/widgets/follow_button.403b2a3ca10837290e034c22c8a16c06.en.html#_=1435713363184&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=tony873004&amp;show_count=false&amp;show_screen_name=true&amp;size=m" frameborder="0" scrolling="no" style="width: 134px; height: 20px; visibility: visible; position: static;" allowtransparency="true" data-twttr-rendered="true"></iframe> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </td></tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td> <a onmouseover="document.btndesc.src = btndescover.src" onmouseout="document.btndesc.src = btndescout.src" href="http://orbitsimulator.com/gravity/articles/what.html"> <img name="btndesc" src="http://orbitsimulator.com/gravity/articles/descorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btndown.src = btndownover.src" onmouseout="document.btndown.src = btndownout.src" href="http://orbitsimulator.com/gravity/articles/download.html"> <img name="btndown" src="http://orbitsimulator.com/gravity/articles/downorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btnsimu.src = btnsimuover.src" onmouseout="document.btnsimu.src = btnsimuout.src" href="http://orbitsimulator.com/gravity/articles/simu.html"> <img name="btnsimu" src="http://orbitsimulator.com/gravity/articles/simuorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btnmess.src = btnmessover.src" onmouseout="document.btnmess.src = btnmessout.src" href="http://www.orbitsimulator.com/cgi-bin/yabb/YaBB.pl"> <img name="btnmess" src="http://orbitsimulator.com/gravity/articles/messorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btnlink.src = btnlinkover.src" onmouseout="document.btnlink.src = btnlinkout.src" href="http://orbitsimulator.com/gravity/articles/link.html"> <img name="btnlink" src="http://orbitsimulator.com/gravity/articles/linkorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btncont.src = btncontover.src" onmouseout="document.btncont.src = btncontout.src" href="http://orbitsimulator.com/gravity/articles/cont.html"> <img name="btncont" src="http://orbitsimulator.com/gravity/articles/contorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick"> <input name="submit" type="image" alt="Make payments with PayPal - it's fast, free and secure!" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" border="0"> <input name="encrypted" type="hidden" value="-----BEGIN PKCS7-----MIIHPwYJKoZIhvcNAQcEoIIHMDCCBywCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYCLc/NY/XdfFAzDttbWKXzt5DjkEuvN2YRZa0H36w36xquEjZUAA/Nsc7vex3R+2qDKJwmVJoB46B/deoVWXwAafrxq+tImrT6dL/jNg9oHf/RneisPX1cUXEm5QczhjD+RaFW4zWtS8QHUXFJhHuy4G+MrNKAItphJvpcqX0TfSjELMAkGBSsOAwIaBQAwgbwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIxHNrs3ZRLUqAgZip6BnnFbE998OORKiFrEZPHjAavqnX/zbyJyNFom/ewDsSVIXBNQfSOILoRoNmPo7yNPHRfQUpWdqy2lFR6UgNkzVc+VnNo00Hd/v0QAyK2CHAYg0paLLLF3rj+XCQD1lXp2EKI2L/lG7VOmioDtu+UoLV3iNJ54b2hDpTUJznliYRXjNP33kPpD7U7C+L7zlhksClLjqd26CCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTA1MDMyNTE5MDczNlowIwYJKoZIhvcNAQkEMRYEFNSan1XUsliJxuSb5WIJTBzg/cbDMA0GCSqGSIb3DQEBAQUABIGAmHGHFBJrMgFP23tTNSFoGPUAGPJlGvHYjPis1hjxGFMH61+3veJn9niQJc1+GEwBAs/AYYE2rWdvNAZ6WzntKlWNcx+gYaeDnjzSlW+XBhg32dDDtP0G4z1U0EVBq/E01t+J799gkAiiolK19G8jW+zQIqZ2Gmn89sn1pqGCS8s=-----END PKCS7-----&#13;"> </form> </td> </tr> </tbody></table> </div> <div class="classControlDiv ui-draggable" id="divCollisionLog" style="left: 1071px; top: 0px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCollisionLogTitle">Collision log</label> <input class="classBtnClose" id="btnCollisionLogClose" onclick="hideMe('divCollisionLog')" type="button" value="x"> <textarea id="txtAreaCollisionLog" readonly="readonly"></textarea> </div> <div class="classControlDiv ui-draggable" id="divSimulationDescription" style="left: 1071px; top: 0px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblSimulationDescriptionTitle">Simulation description</label> <input class="classBtnClose" id="btnSimulationDescriptionClose" onclick="hideMe('divSimulationDescription')" type="button" value="x"> <textarea id="txtAreaSimulationDescription" readonly="readonly">Enter the name of any asteroid to see a simulation of its orbit.</textarea> </div> <div class="ui-widget-content ui-draggable" id="divScreens" style="left: 251px; top: 128px; visibility: hidden;" onmouseover="document.getElementById('btnScreensClose').style.visibility='visible'" onmouseout="document.getElementById('btnScreensClose').style.visibility='hidden'"> <input class="btnClose" id="btnScreensClose" style="visibility: hidden;" onclick="document.getElementById('divScreens').style.visibility = 'hidden';&#10; document.getElementById('btnScreensClose').style.visibility='hidden'" type="button" value="x"> <span id="lblScreens">Screens</span><br> <table border="1"> <tbody><tr> <td><input id="checkTopDown" onclick="changeDisplayTopDown()" type="checkbox" ;=""><label class="classTable" id="spanTable01" for="checkTopDown">Override</label></td> <td><span class="classTable" id="spanTable02">Top</span><input id="txtTopDownTop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable03">Left</span><input id="txtTopDownLeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable04">Height</span><input id="txtTopDownHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable05">Width</span><input id="txtTopDownWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> </tr> <tr> <td><span class="classTable" id="spanTable06">Perspective A</span><input id="checkPerspectiveA" onclick="sizeFrames()" type="checkbox" ;=""></td> <td><span class="classTable" id="spanTable07">Top</span><input id="txtPerspectiveATop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable08">Left</span><input id="txtPerspectiveALeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable09">Height</span><input id="txtPerspectiveAHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable10">Width</span><input id="txtPerspectiveAWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> </tr> <tr> <td><span class="classTable" id="spanTable11">Perspective B</span><input id="checkPerspectiveB" onclick="sizeFrames(); changeCanvasOutputSize()" type="checkbox"></td> <td><span class="classTable" id="spanTable12">Top</span><input id="txtPerspectiveBTop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable13">Left</span><input id="txtPerspectiveBLeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable14">Height</span><input id="txtPerspectiveBHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable15">Width</span><input id="txtPerspectiveBWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> </tr> </tbody></table> </div> <div class="classControlDiv ui-draggable" id="divQuickHelp" style="left: 252px; top: 287px; visibility: hidden;" onresize="txtAreaQuickHelp.width = divQuickHelp.width"> <label class="classControlTitle" id="lblQuickHelpTitle">Quick help</label> <input class="classBtnClose" id="btnQuickHelpClose" onclick="hideMe('divQuickHelp')" type="button" value="x"> <textarea id="txtAreaQuickHelp" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> </div> <div class="classControlDiv ui-draggable" id="divAPsingleEvents" style="left: 252px; top: 287px; visibility: hidden;"> <label class="classControlTitle" id="lblAPsingleEventsTitle">Autopilot single events</label> <input class="classBtnClose" id="btnAPsingleEventsClose" onclick="hideMe('divAPsingleEvents')" type="button" value="x"> <textarea id="txtAreaAPsingleEvents" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> <input class="classBtn" id="btnAPsingleEventsUpdate" onclick="updateAPsingleEvents()" type="button" value="Update"> </div> <div class="classControlDiv ui-draggable" id="divAPperIteration" style="left: 652px; top: 287px; visibility: hidden;"> <label class="classControlTitle" id="lblAPperIterationTitle">Autopilot per iteration</label> <input class="classBtnClose" id="btnAPperIterationClose" onclick="hideMe('divAPperIteration')" type="button" value="x"> <textarea id="txtAreaAPperIteration" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> <input class="classBtn" id="btnAPperIterationUpdate" onclick="updateAPperIteration()" type="button" value="Update"> </div> <div class="classControlDiv ui-draggable" id="divAPperGraphicUpdate" style="left: 1053px; top: 287px; visibility: hidden;"> <label class="classControlTitle" id="lblAPperGraphicUpdateTitle">Autopilot per graphic update</label> <input class="classBtnClose" id="btnAPperGraphicUpdateClose" onclick="hideMe('divAPperGraphicUpdate')" type="button" value="x"> <textarea id="txtAreaAPperGraphicUpdate" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> <input class="classBtn" id="btnAPperGraphicUpdateUpdate" onclick="updateAPperGraphicUpdate()" type="button" value="Update"> </div> <div class="classControlDiv ui-draggable" id="divScreenShotImage" style="left: 97px; top: 282px; visibility: hidden;"> <label class="classControlTitle" id="lblScreenShotImageTitle">Screen shot</label> <input class="classBtnClose" id="btnScreenShotImageClose" onclick="hideMe('divScreenShotImage')" type="button" value="x"> <img id="imgScreenShotImage"> </div> <div class="classControlDiv ui-draggable" id="divScreenShots" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblScreenShotsTitle">Screen shots</label> <label class="classLblData" id="lblScreenShotsDimensions">Dimensions (<i>x</i>, <i>y</i>)</label> <input class="classTxtInput" id="txtScreenShotDimensions" onchange="changeCanvasOutputSizeOverride()" type="text"> <input id="btnTakeScreenShots" onclick="saveCanvasImage()" type="button" value="Take screen shot"> <input id="checkScreenShotsCls" type="checkbox"> <label class="classLblData" id="lblScreenShotsCls" for="checkScreenShotsCls">Clear screen after screen shot</label> <input id="checkScreenShotsAforeground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsAforeground" for="checkscreenshotsaforeground">Frame A foreground</label> <input id="checkScreenShotsAbackground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsAbackground" for="checkscreenshotsabackground">Frame A background</label> <label class="classLblData" id="lblScreenShotsAposition">Frame A position (<i>x</i>, <i>y</i>)</label> <input class="classTxtInput" id="txtScreenShotsAposition" type="text"> <input id="checkScreenShotsBforeground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsBforeground" for="" 'checkscreenshotsbforeground'="">Frame B foreground</label> <input id="checkScreenShotsBbackground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsBbackground" for="" 'checkscreenshotsbbackground'="">Frame B background</label> <label class="classLblData" id="lblScreenShotsBposition">Frame B position (<i>x</i>, <i>y</i>)</label> <input class="classTxtInput" id="txtScreenShotsBposition" type="text"> <label class="classLblData" id="lblScreenShotData"></label> <input class="classBtnClose" id="btnScreenShotsClose" onclick="hideMe('divScreenShots')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divVectors" style="left: 382px; top: 507px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblVectorsTitle">Vectors</label> <input class="classBtnClose" id="btnVectorsClose" onclick="hideMe('divVectors')" type="button" value="x"> <select class="classSelect" id="selectvectorObj1A" onchange="changeVectorObjects()" document.getelementbyid('selectvectorobj1a').style.visibility="hidden"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <select class="classSelect" id="selectvectorObj2A" onchange="changeVectorObjects()" document.getelementbyid('selectvectorobj2a').style.visibility="hidden"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select><p></p><p> <input class="classBtnUnit" id="btnPositionUnits" onclick="changePositionUnits()" type="button" value="Position x, y, z (km)"> <input class="classTxtInput" id="txtObjx" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjy" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjz" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classBtnUnit" id="btnVelocityUnits" onclick="changeVelocityUnits('btnVelocityUnits')" type="button" value="Velocity x, y, z (km/s)"> <input class="classTxtInput" id="txtObjvx" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjvy" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjvz" onkeydown="userTyping(true)" onkeyup="userTyping(false); " type="text" updatevectors()';=""> <span id="lblDistanceAndSpeed">Distance and speed</span> <input class="classLblData" id="txtDistance" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input class="classLblData" id="txtSpeed" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <span id="spanTangentialSpeedVectors">Tangential speed</span> <span class="classLblData" id="lblTangentialSpeedVectors">NaN</span> <span id="spanRadialVelocityVectors">Radial velocity</span> <span class="classLblData" id="lblRadialVelocityVectors">NaN</span> </p></div> <div class="ui-widget-content ui-draggable" id="divEccentricity" onmouseover="document.getElementById('btnEccentricityClose').style.visibility='visible'" onmouseout="document.getElementById('btnEccentricityClose').style.visibility='hidden'"> <span id="lblDivEccentricity">Eccentricity</span><br> <span id="lblEccentricity">0.2610044423007468</span> <input class="btnClose" id="btnEccentricityClose" onclick="document.getElementById('divEccentricity').style.visibility = 'hidden'; document.getElementById('btnEccentricityClose').style.visibility='hidden'" type="button" value="x"> </div> <div class="ui-widget-content ui-draggable" id="divSMA" onmouseover="document.getElementById('btnSMAClose').style.visibility='visible'" onmouseout="document.getElementById('btnSMAClose').style.visibility='hidden'"> <span id="lblDivSMA">Semi-major axis (AU)</span><br> <span id="lblSMA">1.3343277621989557</span> <input class="btnClose" id="btnSMAClose" onclick="document.getElementById('divSMA').style.visibility = 'hidden'; document.getElementById('btnSMAClose').style.visibility='hidden'" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divImportObjectsLite" style="left: 375px; top: 303px; visibility: hidden;"> <label class="classControlTitle" id="lblImportObjectsLiteTitle">Import object</label> <input class="classBtnClose" id="btnImportObjectsLiteClose" onclick="hideMe('divImportObjectsLite')" type="button" value="x"> <input class="classTxtInput" id="txtImportObjectsLite" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" ;=""> <label class="classLblData" id="lblImportObjectsLite">Importing roadster -- SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </label> <input class="classBtn" id="btnImportObjectsLite" onclick="importAnObject()" type="button" value="Import"> <input class="color classTxtColor" id="txtImportColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> </div> <div class="classControlDiv ui-draggable" id="divImportObjects" style="left: 375px; top: 303px; visibility: hidden;"> <label class="classControlTitle" id="lblImportObjectsTitle">Import objects</label> <input class="classBtnClose" id="btnImportObjectsClose" onclick="hideMe('divImportObjects')" type="button" value="x"> <input class="classTxtInput" id="checkDeleteExistingObjects" type="checkbox" checked="checked"> <label class="classLblData" id="lblDeleteExistingObjects" for="" 'checkdeleteexistingobjects'="">Delete existing objects</label> <label class="classLblData" id="lblImportSetTimeDateAndTime">Date and Time (UTC)</label> <input class="classTxtInput" id="txtImportSetDateAndTime" type="text"> <input class="classBtn" id="btnImportNow" onclick="setCurrentTime()" type="button" value="Now"> <div id="divImportButtons"> <input class="classBtn" id="btnPlanetsLuna" onclick="importPlanetsLuna()" type="button" value="Planets and Luna"> <input class="classBtn" id="btnPlanetsLunaPluto" onclick="importPlanetsLunaPluto()" type="button" value="Planets and Luna and Pluto"> <input class="classBtn" id="btnMajorKBOsTNOs" onclick="importKBOsTNOs()" type="button" value="Major KBOs and TNOs"> <input class="classBtn" id="btnMajorAsteroids" onclick="importMajorAsteroids()" type="button" value="Major asteroids"> <input class="classBtn" id="btnPhobosDeimos" onclick="importPhobosDeimos()" type="button" value="Phobos and Deimos"> <input class="classBtn" id="btnGalilianMoons" onclick="importGalilianMoons()" type="button" value="Galilian moons"> <input class="classBtn" id="btnJovianMoons" onclick="importJovianMoons()" type="button" value="Jovian moons"> <input class="classBtn" id="btnSaturianMoons" onclick="importSaturianMoons()" type="button" value="Saturn's moons"> <input class="classBtn" id="btnUranianMoons" onclick="importUranianMoons()" type="button" value="Uranus' moons"> <input class="classBtn" id="btnNeptuneMoons" onclick="importNeptuneMoons()" type="button" value="Neptune's moons"> <input class="classBtn" id="btnPlutoMoons" onclick="importPlutoMoons()" type="button" value="Pluto's moons"><p></p><p> </p></div> <textarea id="txtAreaObjects" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea><p></p><p> <input class="classBtn" id="btnImportObjects" onclick="importObjects()" type="button" value="Import"> </p></div> <div class="classControlDiv ui-draggable" id="divDeleteObjects" style="left: 697px; top: 164px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblDeleteObjectsTitle">Delete objects</label> <div id="divDeleteList"><input id="checkDEL1" type="checkbox"><label class="classLblData" id="lblDEL1" for="checkDEL1">Sun</label><br><input id="checkDEL2" type="checkbox"><label class="classLblData" id="lblDEL2" for="checkDEL2">Mercury (199)</label><br><input id="checkDEL3" type="checkbox"><label class="classLblData" id="lblDEL3" for="checkDEL3">Venus (299)</label><br><input id="checkDEL4" type="checkbox"><label class="classLblData" id="lblDEL4" for="checkDEL4">Earth (399)</label><br><input id="checkDEL5" type="checkbox"><label class="classLblData" id="lblDEL5" for="checkDEL5">Mars Barycenter (4)</label><br><input id="checkDEL6" type="checkbox"><label class="classLblData" id="lblDEL6" for="checkDEL6">Jupiter Barycenter (5)</label><br><input id="checkDEL7" type="checkbox"><label class="classLblData" id="lblDEL7" for="checkDEL7">Saturn Barycenter (6)</label><br><input id="checkDEL8" type="checkbox"><label class="classLblData" id="lblDEL8" for="checkDEL8">Uranus Barycenter (7)</label><br><input id="checkDEL9" type="checkbox"><label class="classLblData" id="lblDEL9" for="checkDEL9">Neptune Barycenter (8)</label><br><input id="checkDEL10" type="checkbox"><label class="classLblData" id="lblDEL10" for="checkDEL10">Pluto Barycenter (9)</label><br><input id="checkDEL11" type="checkbox"><label class="classLblData" id="lblDEL11" for="checkDEL11">Moon (301)</label><br><input id="checkDEL12" type="checkbox"><label class="classLblData" id="lblDEL12" for="checkDEL12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </label><br></div> <input class="classBtn" id="btnDeleteList" onclick="deleteObjects()" type="button" value="Delete selected"> <input class="classBtn" id="btnDeleteExistingObjects" onclick="deleteAll()" type="button" value="Delete all"> <input class="classBtnClose" id="btnDeleteObjectsClose" onclick="hideMe('divDeleteObjects')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divPreTrailObjectList" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblPreTrailObjectListTitle">Generate Pre trails</label> <div id="divPTOList"><input id="checkPT1" type="checkbox"><label class="classLblData" id="lblPT1" for="checkPT1">Sun</label><br><input id="checkPT2" type="checkbox"><label class="classLblData" id="lblPT2" for="checkPT2">Mercury (199)</label><br><input id="checkPT3" type="checkbox"><label class="classLblData" id="lblPT3" for="checkPT3">Venus (299)</label><br><input id="checkPT4" type="checkbox"><label class="classLblData" id="lblPT4" for="checkPT4">Earth (399)</label><br><input id="checkPT5" type="checkbox"><label class="classLblData" id="lblPT5" for="checkPT5">Mars Barycenter (4)</label><br><input id="checkPT6" type="checkbox"><label class="classLblData" id="lblPT6" for="checkPT6">Jupiter Barycenter (5)</label><br><input id="checkPT7" type="checkbox"><label class="classLblData" id="lblPT7" for="checkPT7">Saturn Barycenter (6)</label><br><input id="checkPT8" type="checkbox"><label class="classLblData" id="lblPT8" for="checkPT8">Uranus Barycenter (7)</label><br><input id="checkPT9" type="checkbox"><label class="classLblData" id="lblPT9" for="checkPT9">Neptune Barycenter (8)</label><br><input id="checkPT10" type="checkbox"><label class="classLblData" id="lblPT10" for="checkPT10">Pluto Barycenter (9)</label><br><input id="checkPT11" type="checkbox"><label class="classLblData" id="lblPT11" for="checkPT11">Moon (301)</label><br><input id="checkPT12" type="checkbox"><label class="classLblData" id="lblPT12" for="checkPT12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </label><br></div> <input class="classBtn" id="btnPreTrailObject" onclick="createPreTrails()" type="button" value="Generate"> <input class="classBtnClose" id="btnPreTrailObjectListClose" onclick="hideMe('divPreTrailObjectList')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divClones" style="left: 251px; top: 127px; visibility: hidden; z-index: 10;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblClonesTitle">Create object with clones</label> <input class="classBtnClose" id="btnClonesClose" onclick="hideMe('divClones')" type="button" value="x"> <label class="classLblData" id="lblClonesPaste">Paste source code here</label> <input class="classTxtInput" id="txtClonesPaste" type="text"> <input class="classBtn" id="btnClonesPaste" onclick="populateCovarianceMatrix()" type="button" value="Populate covariance matrix"> <table class="classLblData" id="tableCloneElements" border="1"> <tbody><tr><td>(JD, n)</td><td><input class="classTxtInput" id="txtJD" type="text" value="2455365.5" td="" )<=""></td><td><input class="classTxtInput" id="txtNclones" type="text"></td><td><label class="classLblData" id="lblClonedObjectName">2007 WD5</label></td></tr> <tr><td>(e, q, tp)</td><td><input class="classTxtInput" id="txtnEcc" type="text" value=".1264166503745047"></td><td><input class="classTxtInput" id="txtnq" type="text" value="2.755053229767674"></td><td><input class="classTxtInput" id="txtnTp" type="text" value="2455525.258613222718"></td></tr> <tr><td>(node, peri, i)</td><td><input class="classTxtInput" id="txtnNode" type="text" value="124.3122969912694"></td><td><input class="classTxtInput" id="txtnPeri" type="text" value="286.9360372037381"></td><td><input class="classTxtInput" id="txtnInc" type="text" value="27.39981009912621"></td></tr> </tbody></table> <!-- pre-populate with 2006 AA at Epoch 2455365.5 (2010-Jun-18.0)--> <table class="classLblData" id="tableCloneCovarianceMatrix"> <tbody><tr><td></td><td>e</td><td>q</td><td>tp</td><td>node</td><td>peri</td><td>i</td></tr> <tr><td>e </td><td><input class="classTxtInput" id="txtCov11" type="text" value="1.256493863742578E-14"> </td><td><input class="classTxtInput" id="txtCov12" type="text" value="-3.737499676885835E-14"></td><td><input class="classTxtInput" id="txtCov13" type="text" value="2.492967729016577E-12"></td><td><input class="classTxtInput" id="txtCov14" type="text" value="-8.232821912270769E-15"></td><td><input class="classTxtInput" id="txtCov15" type="text" value="-1.050649910011074E-13"></td><td><input class="classTxtInput" id="txtCov16" type="text" value="-2.888856910680375E-14"></td></tr> <tr><td>q </td><td><input class="classTxtInput" id="txtCov21" type="text" value="-3.737499676885835E-14"></td><td><input class="classTxtInput" id="txtCov22" type="text" value="1.184105292855541E-13"></td><td> <input class="classTxtInput" id="txtCov23" type="text" value="1.08665669987453E-11"> </td><td><input class="classTxtInput" id="txtCov24" type="text" value="3.826745839277628E-14"> </td><td><input class="classTxtInput" id="txtCov25" type="text" value="3.440271904983499E-12"></td> <td><input class="classTxtInput" id="txtCov26" type="text" value="9.955185933555504E-14"></td></tr> <tr><td>tp </td><td><input class="classTxtInput" id="txtCov31" type="text" value="2.492967729016577E-12"> </td><td><input class="classTxtInput" id="txtCov32" type="text" value="1.08665669987453E-11"></td><td> <input class="classTxtInput" id="txtCov33" type="text" value="1.286267586657627E-7"> </td><td><input class="classTxtInput" id="txtCov34" type="text" value="6.423207666821493E-11"> </td><td><input class="classTxtInput" id="txtCov35" type="text" value="2.287005522814516E-8"></td> <td><input class="classTxtInput" id="txtCov36" type="text" value="4.776368038655077E-12"></td></tr> <tr><td>node</td><td><input class="classTxtInput" id="txtCov41" type="text" value="-8.232821912270769E-15"></td><td><input class="classTxtInput" id="txtCov42" type="text" value="3.826745839277628E-14"></td><td> <input class="classTxtInput" id="txtCov43" type="text" value="6.423207666821493E-11"></td><td><input class="classTxtInput" id="txtCov44" type="text" value="5.448612714195269E-10"> </td><td><input class="classTxtInput" id="txtCov45" type="text" value="-4.691034007504948E-10"></td><td><input class="classTxtInput" id="txtCov46" type="text" value="2.775940320101119E-11"></td></tr> <tr><td>peri</td><td><input class="classTxtInput" id="txtCov51" type="text" value="-1.050649910011074E-13"></td><td><input class="classTxtInput" id="txtCov52" type="text" value="3.440271904983499E-12"></td><td> <input class="classTxtInput" id="txtCov53" type="text" value="2.287005522814516E-8"> </td><td><input class="classTxtInput" id="txtCov54" type="text" value="-4.691034007504948E-10"></td><td><input class="classTxtInput" id="txtCov55" type="text" value="4.590982230201347E-9"></td> <td><input class="classTxtInput" id="txtCov56" type="text" value="-2.053773610023171E-11"></td></tr> <tr><td>i </td><td><input class="classTxtInput" id="txtCov61" type="text" value="-2.888856910680375E-14"></td><td><input class="classTxtInput" id="txtCov62" type="text" value="9.955185933555504E-14"></td><td> <input class="classTxtInput" id="txtCov63" type="text" value="4.776368038655077E-12"></td><td><input class="classTxtInput" id="txtCov64" type="text" value="2.775940320101119E-11"> </td><td><input class="classTxtInput" id="txtCov65" type="text" value="-2.053773610023171E-11"></td><td><input class="classTxtInput" id="txtCov66" type="text" value="1.70215905699744E-10"></td></tr> </tbody></table> <input class="classBtn" id="btnCreateClones" onclick="createObjectWithClones()" type="button" value="Create"> </div> <div class="classControlDiv ui-draggable" id="divCreateObjects" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCreateObjectsTitle">Create objects</label> <input class="classBtnClose" id="btnCreateObjectsClose" onclick="hideMe('divCreateObjects')" type="button" value="x"> <table id="tblCreateObjects" style="color: cyan;" border="1"> <tbody><tr> <td>____Number_of_objects</td> <td style="text-align: right;"> <input id="txtNumberOfObjectsCreated" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="1"> </td><td style="text-align: right;">Reference_object</td> <td> <select id="selectCreateReferenceObject"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> </td> </tr> <tr> <td style="text-align: right;">Name</td> <td> <input id="txtCreateName" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="object"><br> </td> </tr> <tr> <td style="text-align: right;"> Red (0-255)</td> <td><input id="txtCreateRed" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="128"></td> <td><input id="btnRedPlusMinus" onclick="changeDistribution('btnRedPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateRedDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Green (0-255)</td> <td><input id="txtCreateGreen" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="128"></td> <td><input id="btnGreenPlusMinus" onclick="changeDistribution('btnGreenPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateGreenDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Blue (0-255)</td> <td><input id="txtCreateBlue" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="255"></td> <td><input id="btnBluePlusMinus" onclick="changeDistribution('btnBluePlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateBlueDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Radius <input class="classBtnUnit" id="btnRadiusUnit" onclick="changeLengthUnitSmall('btnRadiusUnit')" type="button" value="(km)"></td> <td><input id="txtCreateRadius" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0" td="" <=""> </td><td><input id="btnRadiusPlusMinus" onclick="changeDistribution('btnRadiusPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateRadiusDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Mass <input class="classBtnUnit" id="btnMassUnit" onclick="changeMassUnit('btnMassUnit')" type="button" value="(kg)"></td> <td><input id="txtCreateMass" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnMassPlusMinus" onclick="changeDistribution('btnMassPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateMassDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Semi-major axis <input class="classBtnUnit" id="btnSMAUnit" onclick="changeLengthUnitLarge('btnSMAUnit')" type="button" value="(km)"></td> <td><input id="txtSMA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="1"></td> <td><input id="btnSMAPlusMinus" onclick="changeDistribution('btnSMAPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtSMADistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Eccentricity</td> <td><input id="txtEccentricity" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnEccentricityPlusMinus" onclick="changeDistribution('btnEccentricityPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtEccentricityDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Inclination (deg)</td> <td><input id="txtInclination" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnInclinationPlusMinus" onclick="changeDistribution('btnInclinationPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtInclinationDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Longitude(deg)</td> <td><input id="txtLongitude" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnLongitudePlusMinus" onclick="changeDistribution('btnLongitudePlusMinus')" type="button" value="+/- %"></td> <td><input id="txtLongitudeDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Periapsis(deg)</td> <td><input id="txtPeriapsis" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnPeriapsisPlusMinus" onclick="changeDistribution('btnPeriapsisPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtPeriapsisDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">MA (deg)</td> <td><input id="txtMA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnMAPlusMinus" onclick="changeDistribution('btnMAPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtMADistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> </tbody></table> <input class="classBtn" id="btnCreateObjects" onclick="createObjects()" type="button" value="Create"> </div> <div id="divTopDown" style="visibility: hidden;"> <canvas width="1800" height="1200" id="canvasPixels" style="background: black;"></canvas> <canvas width="1800" height="1200" id="foregroundLayer"></canvas> </div> <div id="divPerspective" style="top: 0px;" onmouseover="hideAllMenuButtons()"> <canvas width="1366" height="650" id="canvasPixelsPerspectiveA" style="left: 0px; top: 0px;"></canvas> <canvas width="1366" height="650" id="foregroundLayerPerspectiveA" style="left: 0px; top: 0px;"></canvas> <canvas width="1366" height="650" id="trailLayerPerspectiveA" style="left: 0px; top: 0px;"></canvas> <canvas width="0" height="0" id="canvasPixelsPerspectiveB" style="left: 961px; top: 0px;"></canvas> <canvas width="0" height="0" id="foregroundLayerPerspectiveB" style="left: 961px; top: 0px;"></canvas> <canvas width="0" height="0" id="trailLayerPerspectiveB" style="left: 961px; top: 0px;"></canvas> <canvas width="0" height="0" id="canvasOutput" <="" canvas=""> </canvas></div> <script> var version = '20150605'; function KeyPress(e) { var evtobj = window.event ? event : e if (evtobj.keyCode == 76 && !keyDown) {checkLabelsA.checked = !checkLabelsA.checked; checkLabelsB.checked = !checkLabelsB.checked} if (evtobj.keyCode == 77 && !keyDown) {menu()} if (evtobj.keyCode == 80 && !keyDown) {pause()} if (evtobj.keyCode == 67 && !keyDown) {perspectiveTrailsClsA(); perspectiveTrailsClsB(); perspectiveTrails2ClsA(); perspectiveTrails2ClsB()} if (evtobj.keyCode == 65 && !keyDown) {document.getElementById('divToFromA').style.visibility = 'visible'} if (evtobj.keyCode == 66 && !keyDown) {document.getElementById('divToFromB').style.visibility = 'visible'} if (evtobj.keyCode == 82 && !keyDown) {checkRaDec.checked = true} if (evtobj.keyCode == 61 && !keyDown) {pZoomInA(); pZoomInB()} if (evtobj.keyCode == 45 && !keyDown) {pZoomOutA(); pZoomOutB()} if (evtobj.keyCode == 173 && !keyDown) {pZoomOutA(); pZoomOutB()} if (evtobj.keyCode == 74 && !keyDown) {document.getElementById('divJulianDate').style.visibility = 'visible'} if (evtobj.keyCode == 73 && !keyDown) {document.getElementById('divImportObjectsLite').style.visibility = 'visible'} if (evtobj.keyCode == 69 && !keyDown) {document.getElementById('divEditObjectsVectors').style.visibility = 'visible'} if (evtobj.keyCode == 81 && !keyDown) {document.getElementById('divStereo').style.visibility = 'visible'} } document.onkeydown = KeyPress; var citiesLatA = 0, citiesLonA = 0, citiesLatB = 0, citiesLonB = 0, aLpha = 0, dElta = 0, dCore = 0, eqR = 6378000, polR = 6356000, ePsilon = Math.PI * (23 + 26/60 + 21.448 / 3600) / 180; var nPreTrails = 0; document.getElementById('selectCitiesA').options.length = 0; document.getElementById('selectCitiesB').options.length = 0; var selCitiesA = document.getElementById('selectCitiesA'); var selCitiesB = document.getElementById('selectCitiesB'); for (k = 1; k <= cities; k++) { selCitiesA.options[selCitiesA.options.length] = new Option(cityName[k], k); selCitiesB.options[selCitiesB.options.length] = new Option(cityName[k], k); } cityLat[k] = 0; cityLon[k] = 0; //geocenter selCitiesA.options[selCitiesA.options.length] = new Option("Geocenter", k); selCitiesB.options[selCitiesB.options.length] = new Option("Geocenter", k); selCitiesA.options[selCitiesA.options.length] = new Option("Custom location", k + 1); selCitiesB.options[selCitiesB.options.length] = new Option("Custom location", k + 1); selCitiesA.value = k; selCitiesB.value = k; $(function() { $("#divCitiesA").draggable(); $("#divCitiesB").draggable(); $("#divStereo").draggable(); $("#divSetTime").draggable(); $("#divEditObjectsVectors").draggable(); $("#divEditObjectsElements").draggable(); $("#divTimeStep").draggable(); $("#divScreens").draggable(); $("#divScreenShots").draggable(); $("#divAPsingleEvents").draggable(); $("#divAPperIteration").draggable(); $("#divAPperGraphicUpdate").draggable(); $("#divScreenShotImage").draggable(); $("#divCalendarDate").draggable(); $("#divCalendarDateUTC").draggable(); $("#divJulianDate").draggable(); $( "#divFocusObject" ).draggable(); $( "#divToFromA" ).draggable(); $( "#divToFromB" ).draggable(); $( "#divEccentricity" ).draggable(); $( "#divSMA" ).draggable(); $( "#divPreferences" ).draggable(); $( "#divCollisionLog" ).draggable(); $( "#divSimulationDescription" ).draggable(); $( "#divVectors" ).draggable(); $( "#divCreateObjects" ).draggable(); $( "#divClones" ).draggable(); $( "#divImportObjectsLite" ).draggable(); $( "#divImportObjects" ).draggable(); $( "#divPreTrailObjectList" ).draggable(); $( "#divDeleteObjects" ).draggable(); $( "#divRotatingFrame" ).draggable(); $( "#divStars" ).draggable(); $( "#divSaveAs" ).draggable(); $( "#divRotateCameraA" ).draggable(); $( "#divQuickHelp" ).draggable(); }); var additionalMass = 0; var stealth = false; var timeStepPause; var rangeAv, rangeZv, rangeDv; var intervalRealTime; var APnv1 = 0, APnv2 = 0, APnv3 = 0, APnv4 = 0; var APperIterationCode = '', APperGraphicUpdateCode = ''; var masslessIndex = 0; var navigateTo = ''; var objReferenceNumber = []; var a, E, lan, W, TL, MA, v; // discontinue using these. Use next line instead. var oeSMA, oeEcc, oeInc, oeLAN, oePeri, oeMA var hiZ = 2; var keyDown = false; var beenHere = 0, resumeStep = 1; screenShots = 0; var h, screenSize = 1000 * 149597870691, plotX, plotY, plotCounter = 0, updateGraphics = 1; var sScaleA, sScaleB; var screenSize2 = 800000000000,plotCounter2 = 0, updateGraphics2 = 10, plot2X, plot2y; var canvas2Width, center2X, center2Y; var canvas2Height, center2X, center2Y; var minimumObjectSize, trailSize; var minimumObjectSizeA, minimumObjectSizeB, trailSizeA, trailSizeB; var nextScreenShot = 0; var solImage = new Image(); solImage.src = 'http://orbitsimulator.com/gravitySimulatorCloud/sol-3.png'; //var solImage = new Image(); solImage.src = 'http://orbitsimulator.com/gravitySimulatorCloud/happySun.png'; //The following line are variables for dynamic time step determination var tsTime = 0, stepsPerRadian = 0, tsV = 0, tsVx = 0, tsVy = 0, tsVz = 0, tsobjMin1 = 0, tsobjMin2 = 0, preferencesStepsPerRadian = 150; integrator = 'RK4'; var collisions = 0, collisionObjectA = [], collisionObjectB = [], collisionLog = ''; var plotOrderA = new Array(), plotOrderB = new Array(), plotDistance = new Array(); var lastXa = new Array(), lastYa = new Array(); var lastXb = new Array(), lastYb = new Array(); var objx = new Array(), objy = new Array(), objz = new Array(); var objvx = new Array(), objvy = new Array(), objvz = new Array(); var objMass = new Array(), objName = new Array(); var objColorRed = new Array(), objColorGreen = new Array(), objColorBlue = new Array(); var objShadowRed = new Array(), objShadowGreen = new Array(), objShadowBlue = new Array(); var objLabelRed = new Array(), objLabelGreen = new Array(), objLabelBlue = new Array(); var objTrailRed = new Array(), objTrailGreen = new Array(), objTrailBlue = new Array(); var objSubZRed = new Array(), objSubZGreen = new Array(), objSubZBlue = new Array(); objColor = new Array(); objColorHex = new Array(); var objReferenceObject = new Array(), objDiameter = new Array(); var systemElements = new Array(), numberOfSystemElements = 0; var systemElementsA = new Array(),numberOfSystemElementsA = 0; var systemElementsB = new Array(),numberOfSystemElementsB = 0; var objPreTrail = new Array(); var A = [], B = [], na = []; var n = 6; var cov = [], chol = [], dev = [], dev0 = []; cov[1] = []; cov[2] = []; cov[3] = []; cov[4] = []; cov[5] = []; cov[6] = []; chol[1] = []; chol[2] = []; chol[3] = []; chol[4] = []; chol[5] = []; chol[6] = []; A[1] = []; A[2] = []; A[3] = []; A[4] = []; A[5] = []; A[6] = []; B[1] = []; B[2] = []; B[3] = []; B[4] = []; B[5] = []; B[6] = []; var trail = []; var preTrailRed = [], preTrailGreen = [], preTrailBlue = []; var preTrailSubZRed = [], preTrailSubZGreen = [], preTrailSubZBlue = []; var vectorObj1A = 29, vectorObj2A = 1; var AU = 149597870691, km = 1000, LY = 9.4605284E+15, meter = 1; var vectorPositionUnits = km, vectorVelocityUnits = km; var longRF = 0, altRF = 0, distanceRF = 0, focusRF = 0, referenceRF = 0; var G = 398600432896939; var a1x = new Array(), a1y = new Array(), a1z = new Array(); var a2x = new Array(), a2y = new Array(), a2z = new Array(); var a3x = new Array(), a3y = new Array(), a3z = new Array(); var a4x = new Array(), a4y = new Array(), a4z = new Array(); var v1x = new Array(), v1y = new Array(), v1z = new Array(); var v2x = new Array(), v2y = new Array(), v2z = new Array(); var v3x = new Array(), v3y = new Array(), v3z = new Array(); var v4x = new Array(), v4y = new Array(), v4z = new Array(); var p2x = new Array(), p2y = new Array(), p2z = new Array(); var p3x = new Array(), p3y = new Array(), p3z = new Array(); var p4x = new Array(), p4y = new Array(), p4z = new Array(); var halfstep, timeStep; var ddx, ddy, ddz; var vvx, vvy, vvz; var k, j; var a1, a2, a3, a4; var deltavx, deltavy, deltavz; var deltapx, deltapy, deltapz; var Mu, Mu2; var dx, dy, dz, D; var objects; //var cameraAx = 0.001 * LY, cameraAy = 0.001 * LY, cameraAz = 1 * LY; //var cameraAvx = 0, cameraAvy = 0, cameraAvz = 0; //var cameraBx = 1 * LY, cameraBy = 0.001 * LY, cameraBz = 0 * LY; //var cameraBvx = 0, cameraBvy = 0, cameraBvz = 0; var cameraAx, cameraAy, cameraAz, cameraBx, cameraBy, cameraBz; var cameraAvx, cameraAvy, cameraAvz, cameraBvx, cameraBvy, cameraBvz; var focusObject = 1, focusX = objx[focusObject], focusY = objy[focusObject]; var fromObjA, toObjA; var fromObjB, toObjB; var targetObjectEOV, referenceObjectEOV, targetObjectEOE, referenceObjectEOE; var bPause = 0, play; var iteration, iterationsPerVisit, iterations, elapsedTime; //iterations per visit is do events var timerInterval, gOpacity; var startDate, julianStartDate, julianDate; var currentDate = new Date(), currentUTCdate = new Date(); var hiZ = 3; var autoPilotTime = [], autoPilotCommand = [], nAutoPilot; var stereoX1 = 0, stereoY1 = 0, stereoX2 = 0, stereoY2 = 0; var inSMA, inEcc, inInc, inNode, inPeri, inMA, inPrimaryMass, inMass, inRadius; var canvas = document.getElementById ('canvasPixels'); var foregroundCanvas = document.getElementById ('foregroundLayer'); var context = canvas.getContext('2d'); var pContextA = canvasPixelsPerspectiveA.getContext('2d'); var pfContextA = foregroundLayerPerspectiveA.getContext('2d'); var ptContextA = trailLayerPerspectiveA.getContext('2d'); var pContextB = canvasPixelsPerspectiveB.getContext('2d'); var pfContextB = foregroundLayerPerspectiveB.getContext('2d'); var ptContextB = trailLayerPerspectiveB.getContext('2d'); var foregroundContext = foregroundLayer.getContext("2d"); var canvasOutputContext = canvasOutput.getContext("2d"); foregroundContext.globalAlpha=0.7; var canvasWidth = canvas.width; var canvasHeight = canvas.height; var pCanvasHeightA = canvasPixelsPerspectiveA.height; var pCanvasWidthA = canvasPixelsPerspectiveA.width; var pCanvasHeightB = canvasPixelsPerspectiveB.height; var pCanvasWidthB = canvasPixelsPerspectiveB.width; var canvasForegroundWidth = foregroundCanvas.width; var canvasForegroundHeight = foregroundCanvas.height; var centerX = canvasWidth / 2; var centerY = canvasHeight / 2; document.getElementById("canvasPixels").style.background = 'black'; pZoomInA(); pZoomOutA(); pZoomInB(); pZoomOutB(); initializeObjects(); initializeStuff(); initializeDivs(); //initializeAutoPilot(); //loadStars(); for (k = 1; k <= objects; k++) { lastXa[k] = -999; lastYa[k] = -999; lastXb[k] = -999; lastYb[k] = -999; } txtImportSetDateAndTime.value = UTC2(elapsedTime * 1000 + startDate) sizeFrames(); for (k = 1; k <= objects; k++) { objReferenceNumber[k] = 1; refN = 1; while (objReferenceObject[k] != objName[refN] && refN < objects) { refN++; } if (objReferenceObject[k] == objName[refN]) { objReferenceNumber[k] = refN; } } // next k for (k = objects + 1; k <= objects + 2; k++) { // cameraA & B objReferenceObject[k] = 'Sun'; objReferenceNumber[k] = 1; objMass[k] = 0; objDiameter[k] = 0; objColorRed[k] = 0; objColorGreen[k] = 0; objColorBlue[k] = 0; objShadowRed[k] = 0; objShadowGreen[k] = 0; objShadowBlue[k] = 0; objLabelRed[k] = 0; objLabelGreen[k] = 0; objLabelBlue[k] = 0; objTrailRed[k] = 0; objTrailGreen[k] = 0; objTrailBlue[k] = 0; objSubZRed[k] = 0; objSubZGreen[k] = 0; objSubZBlue[k] = 0; } //if (!checkRealTime.checked && bPause == 1) { // play(); //} play(); if (checkRealTime.checked) { var d = new Date(); var n = d.getTime() / 1000; advanceTo(n); iterationsPerVisit = 1; timeStep = 1; intervalRealTime = setInterval(realTime, 500); } txtAreaCollisionLog.value = ''; focusObject = 1, focusX = objx[focusObject], focusY = objy[focusObject]; //spanTimeStep.innerHTML = timeStepPause; updateInfo(); changeBarycenterA(); changeBarycenterB(); populateSelectBoxes(); changeRF(); var saveAsD = new Date(); var saveAsDs = saveAsD.getTime().toString() + "_"; var qrStr = window.location.search; var queryArray = qrStr.split(','); if (queryArray.length >= 3) { queryArray[1] = queryArray[1].replace('%20', ''); queryArray[2] = queryArray[2].replace('%20', ''); } var screenShotDelay = parseFloat(queryArray[1]); if (isNaN(screenShotDelay)) {screenShotDelay = 0} var maxScreenShots = parseFloat(queryArray[2]); if (isNaN(maxScreenShots)) {maxScreenShots = -1} var screenShotsTaken = 0; //var starID = new Array(), starRA = new Array(), starDec = new Array(), starMag = new Array(), starSpec = new Array(), starColor = new Array(), starX = new Array(), starY = new Array(), starZ = new Array(), numberOfStars = 0, starsIndex = '', sI = '-1', tagHead= document.getElementsByTagName('head')[0]; var starID = new Array(), starHIP = new Array(), starProper = new Array(), starRA = new Array(), starDec = new Array(), starMag = new Array(), starSpec = new Array(), starColor = new Array(), starX = new Array(), starY = new Array(), starZ = new Array(), starVx = new Array(), starVy = new Array(), starVz = new Array(), starAmag = new Array(), numberOfStars = 0, starsIndex = '', sI = '-1', tagHead= document.getElementsByTagName('head')[0]; includeStars(); populatePreTrailList(); createPreTrails(); txtRotateCameraA.value = parseInt(180 * rangeRotateCameraA.value / Math.PI).toString(); txtRotateCameraZ.value = parseInt(180 * rangeRotateCameraZ.value / Math.PI).toString(); txtRotateCameraD.value = parseInt(180 * rangeRotateCameraD.value / Math.PI).toString(); rangeAv = rangeRotateCameraA.value; rangeZv = rangeRotateCameraZ.value; rangeDv = rangeRotateCameraD.value; plotPerspectiveA(); plotPerspectiveB(); </html></textarea> <input id="btnSaveAs" onclick="mySaveAs()" type="button" value="Save"> </div> <div class="classControlDiv ui-draggable" id="divStars" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblStarsTitle">Stars</label> <input class="classBtnClose" id="btnStarsClose" onclick="hideMe('divStars')" type="button" value="x"> <label class="classLblData" id="lblSelectStars">Star catalog</label> <select class="classSelect" id="selectStars" onchange="loadStars()"><option>none</option><option>520</option><option>15K</option></select> <hr id="hrStars"> <input class="classTxtInput" id="checkRaDec" type="checkbox"> <label class="classLblData" id="lblRaDec" for="checkRaDec">RA / Dec</label> <label class="classLblData" id="lblStarBrightness">Star brightness</label> <input class="classTxtInput" id="txtStarBrightness" type="text" value="1"> <label class="classLblData" id="lblGridBrightness">Grid brightness</label> <input class="classTxtInput" id="txtGridBrightness" type="text" value="1"> <label class="classLblData" id="lblRaSpacing">RA spacing (min)</label> <input class="classTxtInput" id="txtRaSpacing" type="text" value="60"> <label class="classLblData" id="lblDecSpacing">Dec spacing (deg)</label> <input class="classTxtInput" id="txtDecSpacing" type="text" value="15"> <label class="classLblData" id="lblGridColor">Color</label> <input class="color classTxtColor" id="txtGridColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> </div> <div class="classControlDiv ui-draggable" id="divRotatingFrame" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblRotatingFrameTitle">Rotating frame</label> <span class="classLblData" id="lblTargetObjectRF">Target object A</span> <span class="classLblData" id="lblReferenceObjectRF">Reference object A</span> <select class="classSelect" id="selectReferenceObjectRF" onchange="changeRF()"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> <span class="classLblData" id="lblLongitudeRF">Longitude</span> <span class="classLblData" id="lblAltitudeRF">Altitude (AU)</span> <input id="txtAltitudeRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"> <span class="classLblData" id="lblDistanceRF">Distance (AU)</span> <input id="txtDistanceRF" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeRF()" type="text"> <input class="classTxtInput" id="checkRF" type="checkbox" value="Rotating frame"> <input class="classBtnClose" id="btnRotatingFrameClose" onclick="hideMe('divRotatingFrame')" type="button" value="x"> </div> <div id="divLargerPlayButton" style="visibility: hidden;" onmouseover="hideAllMenuButtons()"> <input class="classBtnPlay" id="btnLargerPlayButton" style="left: 453px; top: 95px;" onclick="largePlayButtonPressed()" type="button"> </div> <div class="classControlDiv ui-draggable" id="divCitiesA" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCitiesTitleA">Cities A</label> <input class="classBtnClose" id="btnCitiesCloseA" onclick="hideMe('divCitiesA')" type="button" value="x"> <select class="classSelect" id="selectCitiesA" onchange="changeCityA()"><option value="1">Aberdeen, Scotland</option><option value="2">Adelaide, Australia</option><option value="3">Albany, N.Y.</option><option value="4">Albuquerque, N.M.</option><option value="5">Algiers, Algeria</option><option value="6">Amarillo, Tex.</option><option value="7">Amsterdam, Netherlands</option><option value="8">Anchorage, Alaska</option><option value="9">Ankara, Turkey</option><option value="10">Asuncion, Paraguay</option><option value="11">Athens, Greece</option><option value="12">Atlanta, Ga.</option><option value="13">Auckland, New Zealand</option><option value="14">Austin, Tex.</option><option value="15">Baker, Ore.</option><option value="16">Baltimore, Md.</option><option value="17">Bangkok, Thailand</option><option value="18">Bangor, Maine</option><option value="19">Barcelona, Spain</option><option value="20">Barrow, Alaska</option><option value="21">Beijing, China</option><option value="22">Belem, Brazil</option><option value="23">Belfast, Northern Ireland</option><option value="24">Belgrade, Serbia</option><option value="25">Berlin, Germany</option><option value="26">Birmingham, Ala.</option><option value="27">Birmingham, England</option><option value="28">Bismarck, N.D.</option><option value="29">Bogota, Colombia</option><option value="30">Boise, Idaho</option><option value="31">Bombay, India</option><option value="32">Bordeaux, France</option><option value="33">Boston, Mass.</option><option value="34">Bremen, Germany</option><option value="35">Brisbane, Australia</option><option value="36">Bristol, England</option><option value="37">Brussels, Belgium</option><option value="38">Bucharest, Romania</option><option value="39">Budapest, Hungary</option><option value="40">Buenos Aires, Argentina</option><option value="41">Buffalo, N.Y.</option><option value="42">Cairo, Egypt</option><option value="43">Calcutta, India</option><option value="44">Calgary, Alba., Can.</option><option value="45">Canton, China</option><option value="46">Cape Town, South Africa</option><option value="47">Caracas, Venezuela</option><option value="48">Carbondale, Illinois</option><option value="49">Carlsbad, N.M.</option><option value="50">Cayenne, French Guiana</option><option value="51">Charleston, S.C.</option><option value="52">Charleston, W. Va.</option><option value="53">Charlotte, N.C.</option><option value="54">Casper, Wyo.</option><option value="55">Cheyenne, Wyo.</option><option value="56">Chebarlul Lake, Russia</option><option value="57">Chicago, Ill.</option><option value="58">Chico, Ca</option><option value="59">Chihuahua, Mexico</option><option value="60">Chongqing, China</option><option value="61">Christchurch, New Zealand</option><option value="62">Cincinnati, Ohio</option><option value="63">Cleveland, Ohio</option><option value="64">Columbia, S.C.</option><option value="65">Columbus, Ohio</option><option value="66">Copenhagen, Denmark</option><option value="67">Cordoba, Argentina</option><option value="68">Crescent City, California</option><option value="69">Dakar, Senegal</option><option value="70">Dallas, Tex.</option><option value="71">Darwin, Australia</option><option value="72">Denver, Colo.</option><option value="73">Des Moines, Iowa</option><option value="74">Detroit, Mich.</option><option value="75">Djibouti, Djibouti</option><option value="76">Dublin, Ireland</option><option value="77">Dubuque, Iowa</option><option value="78">Duluth, Minn.</option><option value="79">Durban, South Africa</option><option value="80">Eastport, Maine</option><option value="81">Edinburgh, Scotland</option><option value="82">Edmonton, Alb., Can.</option><option value="83">El Centro, Calif.</option><option value="84">El Paso, Tex.</option><option value="85">Eugene, Ore.</option><option value="86">Fairfax, CA</option><option value="87">Fargo, N.D.</option><option value="88">Flagstaff, Ariz.</option><option value="89">Fort Worth, Tex.</option><option value="90">Frankfurt, Germany</option><option value="91">Fresno, Calif.</option><option value="92">Georgetown, Guyana</option><option value="93">Glasgow, Scotland</option><option value="94">Grand Island, Neb</option><option value="95">Grand Junction, Colo.</option><option value="96">Grand Rapids, Mich.</option><option value="97">Guatemala City, Guatemala</option><option value="98">Guayaquil, Ecuador</option><option value="99">Hamburg, Germany</option><option value="100">Hammerfest, Norway</option><option value="101">Havana, Cuba</option><option value="102">Havre, Mont.</option><option value="103">Helena, Mont.</option><option value="104">Helsinki, Finland</option><option value="105">Hobart, Tasmania</option><option value="106">Hong Kong, China</option><option value="107">Honolulu, Hawaii</option><option value="108">Hopkinsville, Kentucky</option><option value="109">Hot Springs, Ark.</option><option value="110">Houston, Tex.</option><option value="111">Idaho Falls, Idaho</option><option value="112">Indianapolis, Ind.</option><option value="113">Iquique, Chile</option><option value="114">Irkutsk, Russia</option><option value="115">Jackson, Miss.</option><option value="116">Jacksonville, Fla.</option><option value="117">Jakarta, Indonesia</option><option value="118">Jefferson City, Missouri</option><option value="119">Johannesburg, South Africa</option><option value="120">Juneau, Alaska</option><option value="121">Kansas City, Mo.</option><option value="122">Key West, Fla.</option><option value="123">Kingston, Jamaica</option><option value="124">Kingston, Ont., Can.</option><option value="125">Kinshasa, Congo</option><option value="126">Klamath Falls, Ore.</option><option value="127">Knoxville, Tenn.</option><option value="128">Kuala Lumpur, Malaysia</option><option value="129">La Paz, Bolivia</option><option value="130">Las Vegas, Nev.</option><option value="131">Leeds, England</option><option value="132">Lewiston, Idaho</option><option value="133">Lima, Peru</option><option value="134">Lincoln, Neb.</option><option value="135">Lisbon, Portugal</option><option value="136">Litchfield Park, AZ</option><option value="137">Liverpool, England</option><option value="138">London, England</option><option value="139">London, Ont., Can.</option><option value="140">Long Beach, Calif.</option><option value="141">Los Angeles, Calif.</option><option value="142">Louisville, Ky.</option><option value="143">Lyons, France</option><option value="144">Madrid, Spain</option><option value="145">Manchester, England</option><option value="146">Manchester, N.H.</option><option value="147">Manila, Philippines</option><option value="148">Marseilles, France</option><option value="149">Mazatlan, Mexico</option><option value="150">Mecca, Saudi Arabia</option><option value="151">Melbourne, Australia</option><option value="152">Memphis, Tenn.</option><option value="153">Mexico City, Mexico</option><option value="154">Miami, Fla.</option><option value="155">Milan, Italy</option><option value="156">Milwaukee, Wis.</option><option value="157">Minneapolis, Minn.</option><option value="158">Mobile, Ala.</option><option value="159">Montevideo, Uruguay</option><option value="160">Montgomery, Ala.</option><option value="161">Montpelier, Vt.</option><option value="162">Montreal, Que., Can.</option><option value="163">Moose Jaw, Sask., Can.</option><option value="164">Moscow, Russia</option><option value="165">Munich, Germany</option><option value="166">Nagasaki, Japan</option><option value="167">Nagoya, Japan</option><option value="168">Nairobi, Kenya</option><option value="169">Nanjing (Nanking), China</option><option value="170">Naples, Italy</option><option value="171">Nashville, Tenn.</option><option value="172">Nelson, B.C., Can.</option><option value="173">New Delhi, India</option><option value="174">New Haven, Conn.</option><option value="175">New Orleans, La.</option><option value="176">New York, N.Y.</option><option value="177">Newark, N.J.</option><option value="178">Newcastle-on-Tyne, England</option><option value="179">Nome, Alaska</option><option value="180">Oakland, Calif.</option><option value="181">Odessa, Ukraine</option><option value="182">Oklahoma City, Okla.</option><option value="183">Omaha, Neb.</option><option value="184">Osaka, Japan</option><option value="185">Oslo, Norway</option><option value="186">Ottawa, Ont., Can.</option><option value="187">Paducah, Kentucky</option><option value="188">Panama City, Panama</option><option value="189">Paramaribo, Suriname</option><option value="190">Paris, France</option><option value="191">Perth, Australia</option><option value="192">Philadelphia, Pa.</option><option value="193">Phoenix, Ariz.</option><option value="194">Pierre, S.D.</option><option value="195">Pittsburgh, Pa.</option><option value="196">Plymouth, England</option><option value="197">Port Moresby, Papua New Guinea</option><option value="198">Portland, Maine</option><option value="199">Portland, Ore.</option><option value="200">Prague, Czech Republic</option><option value="201">Providence, R.I.</option><option value="202">Quebec, Que., Can.</option><option value="203">Raleigh, N.C.</option><option value="204">Rangoon, Myanmar</option><option value="205">Redding, CA</option><option value="206">Reno, Nev.</option><option value="207">Reykjavik, Iceland</option><option value="208">Richfield, Utah</option><option value="209">Richmond, Va.</option><option value="210">Rio de Janeiro, Brazil</option><option value="211">Roanoke, Va.</option><option value="212">Rome, Italy</option><option value="213">Sacramento, Calif.</option><option value="214">Salem, Oregon</option><option value="215">Salt Lake City, Utah</option><option value="216">Salvador, Brazil</option><option value="217">San Antonio, Tex.</option><option value="218">San Diego, Calif.</option><option value="219">San Francisco, Calif.</option><option value="220">San Jose, Calif.</option><option value="221">San Juan, P.R.</option><option value="222">Santa Fe, N.M.</option><option value="223">Santiago, Chile</option><option value="224">Sao Paulo, Brazil</option><option value="225">Savannah, Ga.</option><option value="226">Scottsbluff, Neb.</option><option value="227">Seattle, Wash.</option><option value="228">Shanghai, China</option><option value="229">Shreveport, La.</option><option value="230">Singapore, Singapore</option><option value="231">Sioux Falls, S.D.</option><option value="232">Sitka, Alaska</option><option value="233">Sogod, Southern Leyte, Philippines</option><option value="234">Sofia, Bulgaria</option><option value="235">South Lake Tahoe, CA</option><option value="236">Spokane, Wash.</option><option value="237">Springfield, Ill.</option><option value="238">Springfield, Mass.</option><option value="239">Springfield, Mo.</option><option value="240">St. John, N.B., Can.</option><option value="241">St. Louis, Mo.</option><option value="242">St. Petersburg, Russia</option><option value="243">Stockholm, Sweden</option><option value="244">Susanville Ranch Park, CA</option><option value="245">Sydney, Australia</option><option value="246">Syracuse, N.Y.</option><option value="247">Tacloban, Philippines</option><option value="248">Tampa, Fla.</option><option value="249">Tananarive, Madagascar</option><option value="250">Teheran, Iran</option><option value="251">Tokyo, Japan</option><option value="252">Toledo, Ohio</option><option value="253">Toronto, Ont., Can.</option><option value="254">Tripoli, Libya</option><option value="255">Tulsa, Okla.</option><option value="256">Vancouver, B.C., Can.</option><option value="257">Venice, Italy</option><option value="258">Veracruz, Mexico</option><option value="259">Victoria, B.C., Can.</option><option value="260">Vienna, Austria</option><option value="261">Virginia Beach, Va.</option><option value="262">Vladivostok, Russia</option><option value="263">Warsaw, Poland</option><option value="264">Washington, D.C.</option><option value="265">Weed, CA</option><option value="266">Wellington, New Zealand</option><option value="267">Wichita, Kan.</option><option value="268">Wilmington, N.C.</option><option value="269">Winnipeg, Man., Can.</option><option value="270">Yellowstone, Wyoming</option><option value="271">Yuba City, CA</option><option value="272">Zurich, Switzerland</option><option value="273">Geocenter</option><option value="274">Custom location</option></select> <label class="classLblData" id="lblLatitudeCitiesA">Latitude</label> <input class="classTxtInput" id="txtLatitudeCitiesA" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityA()" type="text" value="0"> <label class="classLblData" id="lblLongitudeCitiesA">Longitude</label> <input class="classTxtInput" id="txtLongitudeCitiesA" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityA()" type="text" value="0" ;=""> </div> <div class="classControlDiv ui-draggable" id="divCitiesB" style="left: 969px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCitiesTitleB">Cities B</label> <input class="classBtnClose" id="btnCitiesCloseB" onclick="hideMe('divCitiesB')" type="button" value="x"> <select class="classSelect" id="selectCitiesB" onchange="changeCityB()"><option value="1">Aberdeen, Scotland</option><option value="2">Adelaide, Australia</option><option value="3">Albany, N.Y.</option><option value="4">Albuquerque, N.M.</option><option value="5">Algiers, Algeria</option><option value="6">Amarillo, Tex.</option><option value="7">Amsterdam, Netherlands</option><option value="8">Anchorage, Alaska</option><option value="9">Ankara, Turkey</option><option value="10">Asuncion, Paraguay</option><option value="11">Athens, Greece</option><option value="12">Atlanta, Ga.</option><option value="13">Auckland, New Zealand</option><option value="14">Austin, Tex.</option><option value="15">Baker, Ore.</option><option value="16">Baltimore, Md.</option><option value="17">Bangkok, Thailand</option><option value="18">Bangor, Maine</option><option value="19">Barcelona, Spain</option><option value="20">Barrow, Alaska</option><option value="21">Beijing, China</option><option value="22">Belem, Brazil</option><option value="23">Belfast, Northern Ireland</option><option value="24">Belgrade, Serbia</option><option value="25">Berlin, Germany</option><option value="26">Birmingham, Ala.</option><option value="27">Birmingham, England</option><option value="28">Bismarck, N.D.</option><option value="29">Bogota, Colombia</option><option value="30">Boise, Idaho</option><option value="31">Bombay, India</option><option value="32">Bordeaux, France</option><option value="33">Boston, Mass.</option><option value="34">Bremen, Germany</option><option value="35">Brisbane, Australia</option><option value="36">Bristol, England</option><option value="37">Brussels, Belgium</option><option value="38">Bucharest, Romania</option><option value="39">Budapest, Hungary</option><option value="40">Buenos Aires, Argentina</option><option value="41">Buffalo, N.Y.</option><option value="42">Cairo, Egypt</option><option value="43">Calcutta, India</option><option value="44">Calgary, Alba., Can.</option><option value="45">Canton, China</option><option value="46">Cape Town, South Africa</option><option value="47">Caracas, Venezuela</option><option value="48">Carbondale, Illinois</option><option value="49">Carlsbad, N.M.</option><option value="50">Cayenne, French Guiana</option><option value="51">Charleston, S.C.</option><option value="52">Charleston, W. Va.</option><option value="53">Charlotte, N.C.</option><option value="54">Casper, Wyo.</option><option value="55">Cheyenne, Wyo.</option><option value="56">Chebarlul Lake, Russia</option><option value="57">Chicago, Ill.</option><option value="58">Chico, Ca</option><option value="59">Chihuahua, Mexico</option><option value="60">Chongqing, China</option><option value="61">Christchurch, New Zealand</option><option value="62">Cincinnati, Ohio</option><option value="63">Cleveland, Ohio</option><option value="64">Columbia, S.C.</option><option value="65">Columbus, Ohio</option><option value="66">Copenhagen, Denmark</option><option value="67">Cordoba, Argentina</option><option value="68">Crescent City, California</option><option value="69">Dakar, Senegal</option><option value="70">Dallas, Tex.</option><option value="71">Darwin, Australia</option><option value="72">Denver, Colo.</option><option value="73">Des Moines, Iowa</option><option value="74">Detroit, Mich.</option><option value="75">Djibouti, Djibouti</option><option value="76">Dublin, Ireland</option><option value="77">Dubuque, Iowa</option><option value="78">Duluth, Minn.</option><option value="79">Durban, South Africa</option><option value="80">Eastport, Maine</option><option value="81">Edinburgh, Scotland</option><option value="82">Edmonton, Alb., Can.</option><option value="83">El Centro, Calif.</option><option value="84">El Paso, Tex.</option><option value="85">Eugene, Ore.</option><option value="86">Fairfax, CA</option><option value="87">Fargo, N.D.</option><option value="88">Flagstaff, Ariz.</option><option value="89">Fort Worth, Tex.</option><option value="90">Frankfurt, Germany</option><option value="91">Fresno, Calif.</option><option value="92">Georgetown, Guyana</option><option value="93">Glasgow, Scotland</option><option value="94">Grand Island, Neb</option><option value="95">Grand Junction, Colo.</option><option value="96">Grand Rapids, Mich.</option><option value="97">Guatemala City, Guatemala</option><option value="98">Guayaquil, Ecuador</option><option value="99">Hamburg, Germany</option><option value="100">Hammerfest, Norway</option><option value="101">Havana, Cuba</option><option value="102">Havre, Mont.</option><option value="103">Helena, Mont.</option><option value="104">Helsinki, Finland</option><option value="105">Hobart, Tasmania</option><option value="106">Hong Kong, China</option><option value="107">Honolulu, Hawaii</option><option value="108">Hopkinsville, Kentucky</option><option value="109">Hot Springs, Ark.</option><option value="110">Houston, Tex.</option><option value="111">Idaho Falls, Idaho</option><option value="112">Indianapolis, Ind.</option><option value="113">Iquique, Chile</option><option value="114">Irkutsk, Russia</option><option value="115">Jackson, Miss.</option><option value="116">Jacksonville, Fla.</option><option value="117">Jakarta, Indonesia</option><option value="118">Jefferson City, Missouri</option><option value="119">Johannesburg, South Africa</option><option value="120">Juneau, Alaska</option><option value="121">Kansas City, Mo.</option><option value="122">Key West, Fla.</option><option value="123">Kingston, Jamaica</option><option value="124">Kingston, Ont., Can.</option><option value="125">Kinshasa, Congo</option><option value="126">Klamath Falls, Ore.</option><option value="127">Knoxville, Tenn.</option><option value="128">Kuala Lumpur, Malaysia</option><option value="129">La Paz, Bolivia</option><option value="130">Las Vegas, Nev.</option><option value="131">Leeds, England</option><option value="132">Lewiston, Idaho</option><option value="133">Lima, Peru</option><option value="134">Lincoln, Neb.</option><option value="135">Lisbon, Portugal</option><option value="136">Litchfield Park, AZ</option><option value="137">Liverpool, England</option><option value="138">London, England</option><option value="139">London, Ont., Can.</option><option value="140">Long Beach, Calif.</option><option value="141">Los Angeles, Calif.</option><option value="142">Louisville, Ky.</option><option value="143">Lyons, France</option><option value="144">Madrid, Spain</option><option value="145">Manchester, England</option><option value="146">Manchester, N.H.</option><option value="147">Manila, Philippines</option><option value="148">Marseilles, France</option><option value="149">Mazatlan, Mexico</option><option value="150">Mecca, Saudi Arabia</option><option value="151">Melbourne, Australia</option><option value="152">Memphis, Tenn.</option><option value="153">Mexico City, Mexico</option><option value="154">Miami, Fla.</option><option value="155">Milan, Italy</option><option value="156">Milwaukee, Wis.</option><option value="157">Minneapolis, Minn.</option><option value="158">Mobile, Ala.</option><option value="159">Montevideo, Uruguay</option><option value="160">Montgomery, Ala.</option><option value="161">Montpelier, Vt.</option><option value="162">Montreal, Que., Can.</option><option value="163">Moose Jaw, Sask., Can.</option><option value="164">Moscow, Russia</option><option value="165">Munich, Germany</option><option value="166">Nagasaki, Japan</option><option value="167">Nagoya, Japan</option><option value="168">Nairobi, Kenya</option><option value="169">Nanjing (Nanking), China</option><option value="170">Naples, Italy</option><option value="171">Nashville, Tenn.</option><option value="172">Nelson, B.C., Can.</option><option value="173">New Delhi, India</option><option value="174">New Haven, Conn.</option><option value="175">New Orleans, La.</option><option value="176">New York, N.Y.</option><option value="177">Newark, N.J.</option><option value="178">Newcastle-on-Tyne, England</option><option value="179">Nome, Alaska</option><option value="180">Oakland, Calif.</option><option value="181">Odessa, Ukraine</option><option value="182">Oklahoma City, Okla.</option><option value="183">Omaha, Neb.</option><option value="184">Osaka, Japan</option><option value="185">Oslo, Norway</option><option value="186">Ottawa, Ont., Can.</option><option value="187">Paducah, Kentucky</option><option value="188">Panama City, Panama</option><option value="189">Paramaribo, Suriname</option><option value="190">Paris, France</option><option value="191">Perth, Australia</option><option value="192">Philadelphia, Pa.</option><option value="193">Phoenix, Ariz.</option><option value="194">Pierre, S.D.</option><option value="195">Pittsburgh, Pa.</option><option value="196">Plymouth, England</option><option value="197">Port Moresby, Papua New Guinea</option><option value="198">Portland, Maine</option><option value="199">Portland, Ore.</option><option value="200">Prague, Czech Republic</option><option value="201">Providence, R.I.</option><option value="202">Quebec, Que., Can.</option><option value="203">Raleigh, N.C.</option><option value="204">Rangoon, Myanmar</option><option value="205">Redding, CA</option><option value="206">Reno, Nev.</option><option value="207">Reykjavik, Iceland</option><option value="208">Richfield, Utah</option><option value="209">Richmond, Va.</option><option value="210">Rio de Janeiro, Brazil</option><option value="211">Roanoke, Va.</option><option value="212">Rome, Italy</option><option value="213">Sacramento, Calif.</option><option value="214">Salem, Oregon</option><option value="215">Salt Lake City, Utah</option><option value="216">Salvador, Brazil</option><option value="217">San Antonio, Tex.</option><option value="218">San Diego, Calif.</option><option value="219">San Francisco, Calif.</option><option value="220">San Jose, Calif.</option><option value="221">San Juan, P.R.</option><option value="222">Santa Fe, N.M.</option><option value="223">Santiago, Chile</option><option value="224">Sao Paulo, Brazil</option><option value="225">Savannah, Ga.</option><option value="226">Scottsbluff, Neb.</option><option value="227">Seattle, Wash.</option><option value="228">Shanghai, China</option><option value="229">Shreveport, La.</option><option value="230">Singapore, Singapore</option><option value="231">Sioux Falls, S.D.</option><option value="232">Sitka, Alaska</option><option value="233">Sogod, Southern Leyte, Philippines</option><option value="234">Sofia, Bulgaria</option><option value="235">South Lake Tahoe, CA</option><option value="236">Spokane, Wash.</option><option value="237">Springfield, Ill.</option><option value="238">Springfield, Mass.</option><option value="239">Springfield, Mo.</option><option value="240">St. John, N.B., Can.</option><option value="241">St. Louis, Mo.</option><option value="242">St. Petersburg, Russia</option><option value="243">Stockholm, Sweden</option><option value="244">Susanville Ranch Park, CA</option><option value="245">Sydney, Australia</option><option value="246">Syracuse, N.Y.</option><option value="247">Tacloban, Philippines</option><option value="248">Tampa, Fla.</option><option value="249">Tananarive, Madagascar</option><option value="250">Teheran, Iran</option><option value="251">Tokyo, Japan</option><option value="252">Toledo, Ohio</option><option value="253">Toronto, Ont., Can.</option><option value="254">Tripoli, Libya</option><option value="255">Tulsa, Okla.</option><option value="256">Vancouver, B.C., Can.</option><option value="257">Venice, Italy</option><option value="258">Veracruz, Mexico</option><option value="259">Victoria, B.C., Can.</option><option value="260">Vienna, Austria</option><option value="261">Virginia Beach, Va.</option><option value="262">Vladivostok, Russia</option><option value="263">Warsaw, Poland</option><option value="264">Washington, D.C.</option><option value="265">Weed, CA</option><option value="266">Wellington, New Zealand</option><option value="267">Wichita, Kan.</option><option value="268">Wilmington, N.C.</option><option value="269">Winnipeg, Man., Can.</option><option value="270">Yellowstone, Wyoming</option><option value="271">Yuba City, CA</option><option value="272">Zurich, Switzerland</option><option value="273">Geocenter</option><option value="274">Custom location</option></select> <label class="classLblData" id="lblLatitudeCitiesB">Latitude</label> <input class="classTxtInput" id="txtLatitudeCitiesB" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityB()" type="text" value="0"> <label class="classLblData" id="lblLongitudeCitiesB">Longitude</label> <input class="classTxtInput" id="txtLongitudeCitiesB" onkeydown="userTyping(true)" onkeyup="userTyping(false); manualCityB()" type="text" value="0" ;=""> </div> <div class="classControlDiv ui-draggable" id="divToFromA" style="left: 0px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblToFromATitle">Frame A</label> <input class="classBtnClose" id="btnToFromAClose" onclick="hideMe('divToFromA')" type="button" value="x"> <span class="classLblData" id="lblTargetObjectA">Target object A</span> <select class="classSelect" id="selectTargetObjectA" onchange="changeTargetObjectA(); changeBarycenterA()"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="lblCameraObjectA">Camera object A</span> <select class="classSelect" id="selectCameraObjectA" onchange="changeCameraObjectA();"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="spanBarycenterCheckBoxA">Barycenter</span> <input class="classTxtInput" id="checkBarycenterPerspectiveA" onclick="changeBarycenterA();" type="checkbox" value="Barycenter"> <span class="classLblData" id="lblMinimumObjectSizeA">Minimum object size</span> <input class="classTxtInput" id="txtMinimumObjectSizeA" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeMinimumObjectSizeA()" type="text"> <span class="classLblData" id="lblTrailSizeA">Trail size</span> <input class="classTxtInput" id="txtTrailSizeA" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeTrailSizeA()" type="text"> <label class="classLblData" id="lblZoomA">Zoom</label> <input class="classBtnSmall" id="pZoomInA" onclick="pZoomInA()" type="button" value="+"> <input class="classTxtInput" id="txtFOVa" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input class="classBtnSmall" id="pZoomOutA" onclick="pZoomOutA()" type="button" value="-"> <input class="classTxtInput" id="checkStarsA" type="checkbox"> <label class="classLblData" id="lblStarsA" for="checkStarsA">Stars</label> <input class="classTxtInput" id="checkStarsLabelsA" type="checkbox"> <label class="classLblData" id="lblStarsLabelsA" for="checkStarsLabelsA">Star labels</label> <input class="classTxtInput" id="checkKBOsA" type="checkbox"> <label class="classLblData" id="lblKBOsA" for="checkKBOsA">Static KBOs</label> <input class="classTxtInput" id="checkPreTrailsA" onclick="checkKeplerCA.checked = checkPreTrailsA.checked" type="checkbox"> <label class="classLblData" id="lblPreTrailsA" for="checkPreTrailsA">Pre trails</label> <input class="classTxtInput" id="checkCrescentsA" type="checkbox"> <label class="classLblData" id="lblCrescentsA" for="checkCrescentsA">Phases</label> <input class="classTxtInput" id="checkSunGraphicA" type="checkbox"> <label class="classLblData" id="lblSunGraphicA" for="checkSunGraphicA">Sun graphic</label> <input id="checkLabelsA" type="checkbox" value="Labels"> <label class="classLblData" id="lblLabelsA" for="checkLabelsA">Labels</label> <input class="classTxtInput" id="txtFontA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="bold 16px Arial"> </div> <div class="classControlDiv ui-draggable" id="divToFromB" style="left: 970px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblToFromBTitle">Frame B</label> <input class="classBtnClose" id="btnToFromBClose" onclick="hideMe('divToFromB')" type="button" value="x"> <span class="classLblData" id="lblTargetObjectB">Target object B</span> <select class="classSelect" id="selectTargetObjectB" onchange="changeTargetObjectB(); changeBarycenterB()"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="lblCameraObjectB">Camera object B</span> <select class="classSelect" id="selectCameraObjectB" onchange="changeCameraObjectB();"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <span class="classLblData" id="spanBarycenterCheckBoxB">Barycenter</span> <input class="classTxtInput" id="checkBarycenterPerspectiveB" onclick="changeBarycenterB();" type="checkbox" value="Barycenter"> <span class="classLblData" id="lblMinimumObjectSizeB">Minimum object size</span> <input class="classTxtInput" id="txtMinimumObjectSizeB" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeMinimumObjectSizeB()" type="text"> <span class="classLblData" id="lblTrailSizeB">Trail size</span> <input class="classTxtInput" id="txtTrailSizeB" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeTrailSizeB()" type="text"> <label class="classLblData" id="lblZoomB">Zoom</label> <input class="classBtnSmall" id="pZoomInB" onclick="pZoomInB()" type="button" value="+"> <input class="classTxtInput" id="txtFOVb" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input class="classBtnSmall" id="pZoomOutB" onclick="pZoomOutB()" type="button" value="-"> <input class="classTxtInput" id="checkStarsB" type="checkbox"> <label class="classLblData" id="lblStarsB" for="checkStarsB">Stars</label> <input class="classTxtInput" id="checkStarsLabelsB" type="checkbox"> <label class="classLblData" id="lblStarsLabelsB" for="checkStarsLabelsB">Star labels</label> <input class="classTxtInput" id="checkKBOsB" type="checkbox"> <label class="classLblData" id="lblKBOsB" for="checkKBOsB">Static KBOs</label> <input class="classTxtInput" id="checkPreTrailsB" type="checkbox"> <label class="classLblData" id="lblPreTrailsB" for="checkPreTrailsB">Pre trails</label> <input class="classTxtInput" id="checkCrescentsB" type="checkbox"> <label class="classLblData" id="lblCrescentsB" for="checkCrescentsB">Phases</label> <input class="classTxtInput" id="checkSunGraphicB" type="checkbox"> <label class="classLblData" id="lblSunGraphicB" for="checkSunGraphicB">Sun graphic</label> <input id="checkLabelsB" type="checkbox" value="Labels"> <label class="classLblData" id="lblLabelsB" for="checkLabelsB">Labels</label> <input class="classTxtInput" id="txtFontB" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="bold 16px Arial"> </div> <div class="classControlDiv ui-draggable" id="divPreferences" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblPreferencesTitle">Preferences</label> <input class="classBtnClose" id="btnPreferencesClose" onclick="hideMe('divPreferences')" type="button" value="x"> <label class="classLblData" id="lblDoEvents">Do events</label> <input class="classTxtInput" id="txtDoEvents" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDoEvents()" type="text"> <label class="classLblData" id="lblSelectIntegrator">Integrator:</label> <select class="classSelect" id="selectIntegrator"><option value="Euler">Euler-Cromer</option><option value="RK4">RK4</option> <option value="RK4vtsc">RK4 variable time step with collisions</option><option value="RK4vts">RK4 variable time step</option><option value="RK4c">RK4 with collisions</option></select> <label class="classLblData" id="lblStepsPerRadian">Variable time step - steps per radian:</label> <input class="classTxtInput" id="txtStepsPerRadian" type="text" value="150"> <label class="classLblData" id="lblEventsDuration">Events duration</label> <input class="classTxtInput" id="txtEventsDuration" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeEventsDuration()" type="text"> <label class="classLblData" id="lblOpacity">Opacity</label> <input class="classTxtInput" id="txtOpacity" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeOpacity()" type="text"> <input id="checkMedia" onclick="addMedia()" type="checkbox"> <label class="classLblData" id="lblMedia" for="checkMedia">Media</label> <input id="checkRealTime" onclick="toggleRealTime()" type="checkbox"> <label class="classLblData" id="lblRealTime" for="checkRealTime">Real time</label> </div> <div id="divLogo"> <a href="http://gravitysimulator.com"><img id="imgLogo1" src="http://orbitsimulator.com/gravitySimulatorCloud/logo3.gif"></a> </div> <div id="divNavigate"> <table id="tableNavigate"> <tbody><tr> <td><img src="http://orbitsimulator.com/gravity/articles/copyright.GIF"></td> </tr> <tr><td> <iframe title="Twitter Follow Button" class="twitter-follow-button twitter-follow-button" id="twitter-widget-0" src="http://platform.twitter.com/widgets/follow_button.403b2a3ca10837290e034c22c8a16c06.en.html#_=1435713363184&dnt=false&id=twitter-widget-0&lang=en&screen_name=tony873004&show_count=false&show_screen_name=true&size=m" frameborder="0" scrolling="no" style="width: 134px; height: 20px; visibility: visible; position: static;" allowtransparency="true" data-twttr-rendered="true"></iframe> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </td></tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td> <a onmouseover="document.btndesc.src = btndescover.src" onmouseout="document.btndesc.src = btndescout.src" href="http://orbitsimulator.com/gravity/articles/what.html"> <img name="btndesc" src="http://orbitsimulator.com/gravity/articles/descorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btndown.src = btndownover.src" onmouseout="document.btndown.src = btndownout.src" href="http://orbitsimulator.com/gravity/articles/download.html"> <img name="btndown" src="http://orbitsimulator.com/gravity/articles/downorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btnsimu.src = btnsimuover.src" onmouseout="document.btnsimu.src = btnsimuout.src" href="http://orbitsimulator.com/gravity/articles/simu.html"> <img name="btnsimu" src="http://orbitsimulator.com/gravity/articles/simuorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btnmess.src = btnmessover.src" onmouseout="document.btnmess.src = btnmessout.src" href="http://www.orbitsimulator.com/cgi-bin/yabb/YaBB.pl"> <img name="btnmess" src="http://orbitsimulator.com/gravity/articles/messorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btnlink.src = btnlinkover.src" onmouseout="document.btnlink.src = btnlinkout.src" href="http://orbitsimulator.com/gravity/articles/link.html"> <img name="btnlink" src="http://orbitsimulator.com/gravity/articles/linkorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <a onmouseover="document.btncont.src = btncontover.src" onmouseout="document.btncont.src = btncontout.src" href="http://orbitsimulator.com/gravity/articles/cont.html"> <img name="btncont" src="http://orbitsimulator.com/gravity/articles/contorange.GIF" border="0"> </a> </td> </tr> <tr> <td> <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick"> <input name="submit" type="image" alt="Make payments with PayPal - it's fast, free and secure!" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" border="0"> <input name="encrypted" type="hidden" value="-----BEGIN PKCS7-----MIIHPwYJKoZIhvcNAQcEoIIHMDCCBywCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYCLc/NY/XdfFAzDttbWKXzt5DjkEuvN2YRZa0H36w36xquEjZUAA/Nsc7vex3R+2qDKJwmVJoB46B/deoVWXwAafrxq+tImrT6dL/jNg9oHf/RneisPX1cUXEm5QczhjD+RaFW4zWtS8QHUXFJhHuy4G+MrNKAItphJvpcqX0TfSjELMAkGBSsOAwIaBQAwgbwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIxHNrs3ZRLUqAgZip6BnnFbE998OORKiFrEZPHjAavqnX/zbyJyNFom/ewDsSVIXBNQfSOILoRoNmPo7yNPHRfQUpWdqy2lFR6UgNkzVc+VnNo00Hd/v0QAyK2CHAYg0paLLLF3rj+XCQD1lXp2EKI2L/lG7VOmioDtu+UoLV3iNJ54b2hDpTUJznliYRXjNP33kPpD7U7C+L7zlhksClLjqd26CCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTA1MDMyNTE5MDczNlowIwYJKoZIhvcNAQkEMRYEFNSan1XUsliJxuSb5WIJTBzg/cbDMA0GCSqGSIb3DQEBAQUABIGAmHGHFBJrMgFP23tTNSFoGPUAGPJlGvHYjPis1hjxGFMH61+3veJn9niQJc1+GEwBAs/AYYE2rWdvNAZ6WzntKlWNcx+gYaeDnjzSlW+XBhg32dDDtP0G4z1U0EVBq/E01t+J799gkAiiolK19G8jW+zQIqZ2Gmn89sn1pqGCS8s=-----END PKCS7----- "> </form> </td> </tr> </tbody></table> </div> <div class="classControlDiv ui-draggable" id="divCollisionLog" style="left: 1071px; top: 0px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCollisionLogTitle">Collision log</label> <input class="classBtnClose" id="btnCollisionLogClose" onclick="hideMe('divCollisionLog')" type="button" value="x"> <textarea id="txtAreaCollisionLog" readonly="readonly"></textarea> </div> <div class="classControlDiv ui-draggable" id="divSimulationDescription" style="left: 1071px; top: 0px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblSimulationDescriptionTitle">Simulation description</label> <input class="classBtnClose" id="btnSimulationDescriptionClose" onclick="hideMe('divSimulationDescription')" type="button" value="x"> <textarea id="txtAreaSimulationDescription" readonly="readonly">Enter the name of any asteroid to see a simulation of its orbit.</textarea> </div> <div class="ui-widget-content ui-draggable" id="divScreens" style="left: 251px; top: 128px; visibility: hidden;" onmouseover="document.getElementById('btnScreensClose').style.visibility='visible'" onmouseout="document.getElementById('btnScreensClose').style.visibility='hidden'"> <input class="btnClose" id="btnScreensClose" style="visibility: hidden;" onclick="document.getElementById('divScreens').style.visibility = 'hidden'; document.getElementById('btnScreensClose').style.visibility='hidden'" type="button" value="x"> <span id="lblScreens">Screens</span><br> <table border="1"> <tbody><tr> <td><input id="checkTopDown" onclick="changeDisplayTopDown()" type="checkbox" ;=""><label class="classTable" id="spanTable01" for="checkTopDown">Override</label></td> <td><span class="classTable" id="spanTable02">Top</span><input id="txtTopDownTop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable03">Left</span><input id="txtTopDownLeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable04">Height</span><input id="txtTopDownHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable05">Width</span><input id="txtTopDownWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeCanvasOutputSize()" type="text"></td> </tr> <tr> <td><span class="classTable" id="spanTable06">Perspective A</span><input id="checkPerspectiveA" onclick="sizeFrames()" type="checkbox" ;=""></td> <td><span class="classTable" id="spanTable07">Top</span><input id="txtPerspectiveATop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable08">Left</span><input id="txtPerspectiveALeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable09">Height</span><input id="txtPerspectiveAHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable10">Width</span><input id="txtPerspectiveAWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> </tr> <tr> <td><span class="classTable" id="spanTable11">Perspective B</span><input id="checkPerspectiveB" onclick="sizeFrames(); changeCanvasOutputSize()" type="checkbox"></td> <td><span class="classTable" id="spanTable12">Top</span><input id="txtPerspectiveBTop" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable13">Left</span><input id="txtPerspectiveBLeft" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable14">Height</span><input id="txtPerspectiveBHeight" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> <td><span class="classTable" id="spanTable15">Width</span><input id="txtPerspectiveBWidth" onkeydown="userTyping(true)" onkeyup="userTyping(false); changeDisplayPerspective(); changeCanvasOutputSize()" type="text"></td> </tr> </tbody></table> </div> <div class="classControlDiv ui-draggable" id="divQuickHelp" style="left: 252px; top: 287px; visibility: hidden;" onresize="txtAreaQuickHelp.width = divQuickHelp.width"> <label class="classControlTitle" id="lblQuickHelpTitle">Quick help</label> <input class="classBtnClose" id="btnQuickHelpClose" onclick="hideMe('divQuickHelp')" type="button" value="x"> <textarea id="txtAreaQuickHelp" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> </div> <div class="classControlDiv ui-draggable" id="divAPsingleEvents" style="left: 252px; top: 287px; visibility: hidden;"> <label class="classControlTitle" id="lblAPsingleEventsTitle">Autopilot single events</label> <input class="classBtnClose" id="btnAPsingleEventsClose" onclick="hideMe('divAPsingleEvents')" type="button" value="x"> <textarea id="txtAreaAPsingleEvents" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> <input class="classBtn" id="btnAPsingleEventsUpdate" onclick="updateAPsingleEvents()" type="button" value="Update"> </div> <div class="classControlDiv ui-draggable" id="divAPperIteration" style="left: 652px; top: 287px; visibility: hidden;"> <label class="classControlTitle" id="lblAPperIterationTitle">Autopilot per iteration</label> <input class="classBtnClose" id="btnAPperIterationClose" onclick="hideMe('divAPperIteration')" type="button" value="x"> <textarea id="txtAreaAPperIteration" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> <input class="classBtn" id="btnAPperIterationUpdate" onclick="updateAPperIteration()" type="button" value="Update"> </div> <div class="classControlDiv ui-draggable" id="divAPperGraphicUpdate" style="left: 1053px; top: 287px; visibility: hidden;"> <label class="classControlTitle" id="lblAPperGraphicUpdateTitle">Autopilot per graphic update</label> <input class="classBtnClose" id="btnAPperGraphicUpdateClose" onclick="hideMe('divAPperGraphicUpdate')" type="button" value="x"> <textarea id="txtAreaAPperGraphicUpdate" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea> <input class="classBtn" id="btnAPperGraphicUpdateUpdate" onclick="updateAPperGraphicUpdate()" type="button" value="Update"> </div> <div class="classControlDiv ui-draggable" id="divScreenShotImage" style="left: 97px; top: 282px; visibility: hidden;"> <label class="classControlTitle" id="lblScreenShotImageTitle">Screen shot</label> <input class="classBtnClose" id="btnScreenShotImageClose" onclick="hideMe('divScreenShotImage')" type="button" value="x"> <img id="imgScreenShotImage"> </div> <div class="classControlDiv ui-draggable" id="divScreenShots" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblScreenShotsTitle">Screen shots</label> <label class="classLblData" id="lblScreenShotsDimensions">Dimensions (<i>x</i>, <i>y</i>)</label> <input class="classTxtInput" id="txtScreenShotDimensions" onchange="changeCanvasOutputSizeOverride()" type="text"> <input id="btnTakeScreenShots" onclick="saveCanvasImage()" type="button" value="Take screen shot"> <input id="checkScreenShotsCls" type="checkbox"> <label class="classLblData" id="lblScreenShotsCls" for="checkScreenShotsCls">Clear screen after screen shot</label> <input id="checkScreenShotsAforeground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsAforeground" for="checkscreenshotsaforeground">Frame A foreground</label> <input id="checkScreenShotsAbackground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsAbackground" for="checkscreenshotsabackground">Frame A background</label> <label class="classLblData" id="lblScreenShotsAposition">Frame A position (<i>x</i>, <i>y</i>)</label> <input class="classTxtInput" id="txtScreenShotsAposition" type="text"> <input id="checkScreenShotsBforeground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsBforeground" for="" 'checkscreenshotsbforeground'="">Frame B foreground</label> <input id="checkScreenShotsBbackground" onchange="changeCanvasOutputSize()" type="checkbox"> <label class="classLblData" id="lblscreenShotsBbackground" for="" 'checkscreenshotsbbackground'="">Frame B background</label> <label class="classLblData" id="lblScreenShotsBposition">Frame B position (<i>x</i>, <i>y</i>)</label> <input class="classTxtInput" id="txtScreenShotsBposition" type="text"> <label class="classLblData" id="lblScreenShotData"></label> <input class="classBtnClose" id="btnScreenShotsClose" onclick="hideMe('divScreenShots')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divVectors" style="left: 382px; top: 507px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblVectorsTitle">Vectors</label> <input class="classBtnClose" id="btnVectorsClose" onclick="hideMe('divVectors')" type="button" value="x"> <select class="classSelect" id="selectvectorObj1A" onchange="changeVectorObjects()" document.getelementbyid('selectvectorobj1a').style.visibility="hidden"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option><option value="13">Camera A</option><option value="14">Camera B</option></select> <select class="classSelect" id="selectvectorObj2A" onchange="changeVectorObjects()" document.getelementbyid('selectvectorobj2a').style.visibility="hidden"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select><p></p><p> <input class="classBtnUnit" id="btnPositionUnits" onclick="changePositionUnits()" type="button" value="Position x, y, z (km)"> <input class="classTxtInput" id="txtObjx" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjy" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjz" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classBtnUnit" id="btnVelocityUnits" onclick="changeVelocityUnits('btnVelocityUnits')" type="button" value="Velocity x, y, z (km/s)"> <input class="classTxtInput" id="txtObjvx" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjvy" onkeydown="userTyping(true)" onkeyup="userTyping(false); updateVectors()" type="text"> <input class="classTxtInput" id="txtObjvz" onkeydown="userTyping(true)" onkeyup="userTyping(false); " type="text" updatevectors()';=""> <span id="lblDistanceAndSpeed">Distance and speed</span> <input class="classLblData" id="txtDistance" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <input class="classLblData" id="txtSpeed" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text"> <span id="spanTangentialSpeedVectors">Tangential speed</span> <span class="classLblData" id="lblTangentialSpeedVectors">NaN</span> <span id="spanRadialVelocityVectors">Radial velocity</span> <span class="classLblData" id="lblRadialVelocityVectors">NaN</span> </p></div> <div class="ui-widget-content ui-draggable" id="divEccentricity" onmouseover="document.getElementById('btnEccentricityClose').style.visibility='visible'" onmouseout="document.getElementById('btnEccentricityClose').style.visibility='hidden'"> <span id="lblDivEccentricity">Eccentricity</span><br> <span id="lblEccentricity">0.2610044423007468</span> <input class="btnClose" id="btnEccentricityClose" onclick="document.getElementById('divEccentricity').style.visibility = 'hidden'; document.getElementById('btnEccentricityClose').style.visibility='hidden'" type="button" value="x"> </div> <div class="ui-widget-content ui-draggable" id="divSMA" onmouseover="document.getElementById('btnSMAClose').style.visibility='visible'" onmouseout="document.getElementById('btnSMAClose').style.visibility='hidden'"> <span id="lblDivSMA">Semi-major axis (AU)</span><br> <span id="lblSMA">1.3343277621989557</span> <input class="btnClose" id="btnSMAClose" onclick="document.getElementById('divSMA').style.visibility = 'hidden'; document.getElementById('btnSMAClose').style.visibility='hidden'" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divImportObjectsLite" style="left: 375px; top: 303px; visibility: hidden;"> <label class="classControlTitle" id="lblImportObjectsLiteTitle">Import object</label> <input class="classBtnClose" id="btnImportObjectsLiteClose" onclick="hideMe('divImportObjectsLite')" type="button" value="x"> <input class="classTxtInput" id="txtImportObjectsLite" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" ;=""> <label class="classLblData" id="lblImportObjectsLite">Importing roadster -- SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </label> <input class="classBtn" id="btnImportObjectsLite" onclick="importAnObject()" type="button" value="Import"> <input class="color classTxtColor" id="txtImportColor" style="color: rgb(0, 0, 0); background-image: none; background-color: rgb(255, 255, 255);" type="text" readonly="readonly" autocomplete="off"> </div> <div class="classControlDiv ui-draggable" id="divImportObjects" style="left: 375px; top: 303px; visibility: hidden;"> <label class="classControlTitle" id="lblImportObjectsTitle">Import objects</label> <input class="classBtnClose" id="btnImportObjectsClose" onclick="hideMe('divImportObjects')" type="button" value="x"> <input class="classTxtInput" id="checkDeleteExistingObjects" type="checkbox" checked="checked"> <label class="classLblData" id="lblDeleteExistingObjects" for="" 'checkdeleteexistingobjects'="">Delete existing objects</label> <label class="classLblData" id="lblImportSetTimeDateAndTime">Date and Time (UTC)</label> <input class="classTxtInput" id="txtImportSetDateAndTime" type="text"> <input class="classBtn" id="btnImportNow" onclick="setCurrentTime()" type="button" value="Now"> <div id="divImportButtons"> <input class="classBtn" id="btnPlanetsLuna" onclick="importPlanetsLuna()" type="button" value="Planets and Luna"> <input class="classBtn" id="btnPlanetsLunaPluto" onclick="importPlanetsLunaPluto()" type="button" value="Planets and Luna and Pluto"> <input class="classBtn" id="btnMajorKBOsTNOs" onclick="importKBOsTNOs()" type="button" value="Major KBOs and TNOs"> <input class="classBtn" id="btnMajorAsteroids" onclick="importMajorAsteroids()" type="button" value="Major asteroids"> <input class="classBtn" id="btnPhobosDeimos" onclick="importPhobosDeimos()" type="button" value="Phobos and Deimos"> <input class="classBtn" id="btnGalilianMoons" onclick="importGalilianMoons()" type="button" value="Galilian moons"> <input class="classBtn" id="btnJovianMoons" onclick="importJovianMoons()" type="button" value="Jovian moons"> <input class="classBtn" id="btnSaturianMoons" onclick="importSaturianMoons()" type="button" value="Saturn's moons"> <input class="classBtn" id="btnUranianMoons" onclick="importUranianMoons()" type="button" value="Uranus' moons"> <input class="classBtn" id="btnNeptuneMoons" onclick="importNeptuneMoons()" type="button" value="Neptune's moons"> <input class="classBtn" id="btnPlutoMoons" onclick="importPlutoMoons()" type="button" value="Pluto's moons"><p></p><p> </p></div> <textarea id="txtAreaObjects" onkeydown="userTyping(true)" onkeyup="userTyping(false)"></textarea><p></p><p> <input class="classBtn" id="btnImportObjects" onclick="importObjects()" type="button" value="Import"> </p></div> <div class="classControlDiv ui-draggable" id="divDeleteObjects" style="left: 697px; top: 164px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblDeleteObjectsTitle">Delete objects</label> <div id="divDeleteList"><input id="checkDEL1" type="checkbox"><label class="classLblData" id="lblDEL1" for="checkDEL1">Sun</label><br><input id="checkDEL2" type="checkbox"><label class="classLblData" id="lblDEL2" for="checkDEL2">Mercury (199)</label><br><input id="checkDEL3" type="checkbox"><label class="classLblData" id="lblDEL3" for="checkDEL3">Venus (299)</label><br><input id="checkDEL4" type="checkbox"><label class="classLblData" id="lblDEL4" for="checkDEL4">Earth (399)</label><br><input id="checkDEL5" type="checkbox"><label class="classLblData" id="lblDEL5" for="checkDEL5">Mars Barycenter (4)</label><br><input id="checkDEL6" type="checkbox"><label class="classLblData" id="lblDEL6" for="checkDEL6">Jupiter Barycenter (5)</label><br><input id="checkDEL7" type="checkbox"><label class="classLblData" id="lblDEL7" for="checkDEL7">Saturn Barycenter (6)</label><br><input id="checkDEL8" type="checkbox"><label class="classLblData" id="lblDEL8" for="checkDEL8">Uranus Barycenter (7)</label><br><input id="checkDEL9" type="checkbox"><label class="classLblData" id="lblDEL9" for="checkDEL9">Neptune Barycenter (8)</label><br><input id="checkDEL10" type="checkbox"><label class="classLblData" id="lblDEL10" for="checkDEL10">Pluto Barycenter (9)</label><br><input id="checkDEL11" type="checkbox"><label class="classLblData" id="lblDEL11" for="checkDEL11">Moon (301)</label><br><input id="checkDEL12" type="checkbox"><label class="classLblData" id="lblDEL12" for="checkDEL12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </label><br></div> <input class="classBtn" id="btnDeleteList" onclick="deleteObjects()" type="button" value="Delete selected"> <input class="classBtn" id="btnDeleteExistingObjects" onclick="deleteAll()" type="button" value="Delete all"> <input class="classBtnClose" id="btnDeleteObjectsClose" onclick="hideMe('divDeleteObjects')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divPreTrailObjectList" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblPreTrailObjectListTitle">Generate Pre trails</label> <div id="divPTOList"><input id="checkPT1" type="checkbox"><label class="classLblData" id="lblPT1" for="checkPT1">Sun</label><br><input id="checkPT2" type="checkbox"><label class="classLblData" id="lblPT2" for="checkPT2">Mercury (199)</label><br><input id="checkPT3" type="checkbox"><label class="classLblData" id="lblPT3" for="checkPT3">Venus (299)</label><br><input id="checkPT4" type="checkbox"><label class="classLblData" id="lblPT4" for="checkPT4">Earth (399)</label><br><input id="checkPT5" type="checkbox"><label class="classLblData" id="lblPT5" for="checkPT5">Mars Barycenter (4)</label><br><input id="checkPT6" type="checkbox"><label class="classLblData" id="lblPT6" for="checkPT6">Jupiter Barycenter (5)</label><br><input id="checkPT7" type="checkbox"><label class="classLblData" id="lblPT7" for="checkPT7">Saturn Barycenter (6)</label><br><input id="checkPT8" type="checkbox"><label class="classLblData" id="lblPT8" for="checkPT8">Uranus Barycenter (7)</label><br><input id="checkPT9" type="checkbox"><label class="classLblData" id="lblPT9" for="checkPT9">Neptune Barycenter (8)</label><br><input id="checkPT10" type="checkbox"><label class="classLblData" id="lblPT10" for="checkPT10">Pluto Barycenter (9)</label><br><input id="checkPT11" type="checkbox"><label class="classLblData" id="lblPT11" for="checkPT11">Moon (301)</label><br><input id="checkPT12" type="checkbox"><label class="classLblData" id="lblPT12" for="checkPT12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </label><br></div> <input class="classBtn" id="btnPreTrailObject" onclick="createPreTrails()" type="button" value="Generate"> <input class="classBtnClose" id="btnPreTrailObjectListClose" onclick="hideMe('divPreTrailObjectList')" type="button" value="x"> </div> <div class="classControlDiv ui-draggable" id="divClones" style="left: 251px; top: 127px; visibility: hidden; z-index: 10;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblClonesTitle">Create object with clones</label> <input class="classBtnClose" id="btnClonesClose" onclick="hideMe('divClones')" type="button" value="x"> <label class="classLblData" id="lblClonesPaste">Paste source code here</label> <input class="classTxtInput" id="txtClonesPaste" type="text"> <input class="classBtn" id="btnClonesPaste" onclick="populateCovarianceMatrix()" type="button" value="Populate covariance matrix"> <table class="classLblData" id="tableCloneElements" border="1"> <tbody><tr><td>(JD, n)</td><td><input class="classTxtInput" id="txtJD" type="text" value="2455365.5" td="" )<=""></td><td><input class="classTxtInput" id="txtNclones" type="text"></td><td><label class="classLblData" id="lblClonedObjectName">2007 WD5</label></td></tr> <tr><td>(e, q, tp)</td><td><input class="classTxtInput" id="txtnEcc" type="text" value=".1264166503745047"></td><td><input class="classTxtInput" id="txtnq" type="text" value="2.755053229767674"></td><td><input class="classTxtInput" id="txtnTp" type="text" value="2455525.258613222718"></td></tr> <tr><td>(node, peri, i)</td><td><input class="classTxtInput" id="txtnNode" type="text" value="124.3122969912694"></td><td><input class="classTxtInput" id="txtnPeri" type="text" value="286.9360372037381"></td><td><input class="classTxtInput" id="txtnInc" type="text" value="27.39981009912621"></td></tr> </tbody></table> <!-- pre-populate with 2006 AA at Epoch 2455365.5 (2010-Jun-18.0)--> <table class="classLblData" id="tableCloneCovarianceMatrix"> <tbody><tr><td></td><td>e</td><td>q</td><td>tp</td><td>node</td><td>peri</td><td>i</td></tr> <tr><td>e </td><td><input class="classTxtInput" id="txtCov11" type="text" value="1.256493863742578E-14"> </td><td><input class="classTxtInput" id="txtCov12" type="text" value="-3.737499676885835E-14"></td><td><input class="classTxtInput" id="txtCov13" type="text" value="2.492967729016577E-12"></td><td><input class="classTxtInput" id="txtCov14" type="text" value="-8.232821912270769E-15"></td><td><input class="classTxtInput" id="txtCov15" type="text" value="-1.050649910011074E-13"></td><td><input class="classTxtInput" id="txtCov16" type="text" value="-2.888856910680375E-14"></td></tr> <tr><td>q </td><td><input class="classTxtInput" id="txtCov21" type="text" value="-3.737499676885835E-14"></td><td><input class="classTxtInput" id="txtCov22" type="text" value="1.184105292855541E-13"></td><td> <input class="classTxtInput" id="txtCov23" type="text" value="1.08665669987453E-11"> </td><td><input class="classTxtInput" id="txtCov24" type="text" value="3.826745839277628E-14"> </td><td><input class="classTxtInput" id="txtCov25" type="text" value="3.440271904983499E-12"></td> <td><input class="classTxtInput" id="txtCov26" type="text" value="9.955185933555504E-14"></td></tr> <tr><td>tp </td><td><input class="classTxtInput" id="txtCov31" type="text" value="2.492967729016577E-12"> </td><td><input class="classTxtInput" id="txtCov32" type="text" value="1.08665669987453E-11"></td><td> <input class="classTxtInput" id="txtCov33" type="text" value="1.286267586657627E-7"> </td><td><input class="classTxtInput" id="txtCov34" type="text" value="6.423207666821493E-11"> </td><td><input class="classTxtInput" id="txtCov35" type="text" value="2.287005522814516E-8"></td> <td><input class="classTxtInput" id="txtCov36" type="text" value="4.776368038655077E-12"></td></tr> <tr><td>node</td><td><input class="classTxtInput" id="txtCov41" type="text" value="-8.232821912270769E-15"></td><td><input class="classTxtInput" id="txtCov42" type="text" value="3.826745839277628E-14"></td><td> <input class="classTxtInput" id="txtCov43" type="text" value="6.423207666821493E-11"></td><td><input class="classTxtInput" id="txtCov44" type="text" value="5.448612714195269E-10"> </td><td><input class="classTxtInput" id="txtCov45" type="text" value="-4.691034007504948E-10"></td><td><input class="classTxtInput" id="txtCov46" type="text" value="2.775940320101119E-11"></td></tr> <tr><td>peri</td><td><input class="classTxtInput" id="txtCov51" type="text" value="-1.050649910011074E-13"></td><td><input class="classTxtInput" id="txtCov52" type="text" value="3.440271904983499E-12"></td><td> <input class="classTxtInput" id="txtCov53" type="text" value="2.287005522814516E-8"> </td><td><input class="classTxtInput" id="txtCov54" type="text" value="-4.691034007504948E-10"></td><td><input class="classTxtInput" id="txtCov55" type="text" value="4.590982230201347E-9"></td> <td><input class="classTxtInput" id="txtCov56" type="text" value="-2.053773610023171E-11"></td></tr> <tr><td>i </td><td><input class="classTxtInput" id="txtCov61" type="text" value="-2.888856910680375E-14"></td><td><input class="classTxtInput" id="txtCov62" type="text" value="9.955185933555504E-14"></td><td> <input class="classTxtInput" id="txtCov63" type="text" value="4.776368038655077E-12"></td><td><input class="classTxtInput" id="txtCov64" type="text" value="2.775940320101119E-11"> </td><td><input class="classTxtInput" id="txtCov65" type="text" value="-2.053773610023171E-11"></td><td><input class="classTxtInput" id="txtCov66" type="text" value="1.70215905699744E-10"></td></tr> </tbody></table> <input class="classBtn" id="btnCreateClones" onclick="createObjectWithClones()" type="button" value="Create"> </div> <div class="classControlDiv ui-draggable" id="divCreateObjects" style="left: 251px; top: 127px; visibility: hidden;" onmouseover="hideAllMenuButtons()"> <label class="classControlTitle" id="lblCreateObjectsTitle">Create objects</label> <input class="classBtnClose" id="btnCreateObjectsClose" onclick="hideMe('divCreateObjects')" type="button" value="x"> <table id="tblCreateObjects" style="color: cyan;" border="1"> <tbody><tr> <td>____Number_of_objects</td> <td style="text-align: right;"> <input id="txtNumberOfObjectsCreated" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="1"> </td><td style="text-align: right;">Reference_object</td> <td> <select id="selectCreateReferenceObject"><option value="1">Sun</option><option value="2">Mercury (199)</option><option value="3">Venus (299)</option><option value="4">Earth (399)</option><option value="5">Mars Barycenter (4)</option><option value="6">Jupiter Barycenter (5)</option><option value="7">Saturn Barycenter (6)</option><option value="8">Uranus Barycenter (7)</option><option value="9">Neptune Barycenter (8)</option><option value="10">Pluto Barycenter (9)</option><option value="11">Moon (301)</option><option value="12">SpaceX Roadster (spacecraft) (-143205) {source: tesla_s5} Center body name: Sun (10) </option></select> </td> </tr> <tr> <td style="text-align: right;">Name</td> <td> <input id="txtCreateName" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="object"><br> </td> </tr> <tr> <td style="text-align: right;"> Red (0-255)</td> <td><input id="txtCreateRed" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="128"></td> <td><input id="btnRedPlusMinus" onclick="changeDistribution('btnRedPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateRedDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Green (0-255)</td> <td><input id="txtCreateGreen" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="128"></td> <td><input id="btnGreenPlusMinus" onclick="changeDistribution('btnGreenPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateGreenDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Blue (0-255)</td> <td><input id="txtCreateBlue" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="255"></td> <td><input id="btnBluePlusMinus" onclick="changeDistribution('btnBluePlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateBlueDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Radius <input class="classBtnUnit" id="btnRadiusUnit" onclick="changeLengthUnitSmall('btnRadiusUnit')" type="button" value="(km)"></td> <td><input id="txtCreateRadius" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0" td="" <=""> </td><td><input id="btnRadiusPlusMinus" onclick="changeDistribution('btnRadiusPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateRadiusDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Mass <input class="classBtnUnit" id="btnMassUnit" onclick="changeMassUnit('btnMassUnit')" type="button" value="(kg)"></td> <td><input id="txtCreateMass" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnMassPlusMinus" onclick="changeDistribution('btnMassPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtCreateMassDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;"> Semi-major axis <input class="classBtnUnit" id="btnSMAUnit" onclick="changeLengthUnitLarge('btnSMAUnit')" type="button" value="(km)"></td> <td><input id="txtSMA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="1"></td> <td><input id="btnSMAPlusMinus" onclick="changeDistribution('btnSMAPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtSMADistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Eccentricity</td> <td><input id="txtEccentricity" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnEccentricityPlusMinus" onclick="changeDistribution('btnEccentricityPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtEccentricityDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Inclination (deg)</td> <td><input id="txtInclination" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnInclinationPlusMinus" onclick="changeDistribution('btnInclinationPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtInclinationDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Longitude(deg)</td> <td><input id="txtLongitude" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnLongitudePlusMinus" onclick="changeDistribution('btnLongitudePlusMinus')" type="button" value="+/- %"></td> <td><input id="txtLongitudeDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">Periapsis(deg)</td> <td><input id="txtPeriapsis" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnPeriapsisPlusMinus" onclick="changeDistribution('btnPeriapsisPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtPeriapsisDistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> <tr> <td style="text-align: right;">MA (deg)</td> <td><input id="txtMA" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> <td><input id="btnMAPlusMinus" onclick="changeDistribution('btnMAPlusMinus')" type="button" value="+/- %"></td> <td><input id="txtMADistribution" onkeydown="userTyping(true)" onkeyup="userTyping(false)" type="text" value="0"></td> </tr> </tbody></table> <input class="classBtn" id="btnCreateObjects" onclick="createObjects()" type="button" value="Create"> </div> <div id="divTopDown" style="visibility: hidden;"> <canvas width="1800" height="1200" id="canvasPixels" style="background: black;"></canvas> <canvas width="1800" height="1200" id="foregroundLayer"></canvas> </div> <div id="divPerspective" style="top: 0px;" onmouseover="hideAllMenuButtons()"> <canvas width="1366" height="650" id="canvasPixelsPerspectiveA" style="left: 0px; top: 0px;"></canvas> <canvas width="1366" height="650" id="foregroundLayerPerspectiveA" style="left: 0px; top: 0px;"></canvas> <canvas width="1366" height="650" id="trailLayerPerspectiveA" style="left: 0px; top: 0px;"></canvas> <canvas width="0" height="0" id="canvasPixelsPerspectiveB" style="left: 961px; top: 0px;"></canvas> <canvas width="0" height="0" id="foregroundLayerPerspectiveB" style="left: 961px; top: 0px;"></canvas> <canvas width="0" height="0" id="trailLayerPerspectiveB" style="left: 961px; top: 0px;"></canvas> <canvas width="0" height="0" id="canvasOutput" <="" canvas=""> </canvas></div> <script> var version = '20150605'; function KeyPress(e) { var evtobj = window.event ? event : e if (evtobj.keyCode == 76 && !keyDown) {checkLabelsA.checked = !checkLabelsA.checked; checkLabelsB.checked = !checkLabelsB.checked} if (evtobj.keyCode == 77 && !keyDown) {menu()} if (evtobj.keyCode == 80 && !keyDown) {pause()} if (evtobj.keyCode == 67 && !keyDown) {perspectiveTrailsClsA(); perspectiveTrailsClsB(); perspectiveTrails2ClsA(); perspectiveTrails2ClsB()} if (evtobj.keyCode == 65 && !keyDown) {document.getElementById('divToFromA').style.visibility = 'visible'} if (evtobj.keyCode == 66 && !keyDown) {document.getElementById('divToFromB').style.visibility = 'visible'} if (evtobj.keyCode == 82 && !keyDown) {checkRaDec.checked = true} if (evtobj.keyCode == 61 && !keyDown) {pZoomInA(); pZoomInB()} if (evtobj.keyCode == 45 && !keyDown) {pZoomOutA(); pZoomOutB()} if (evtobj.keyCode == 173 && !keyDown) {pZoomOutA(); pZoomOutB()} if (evtobj.keyCode == 74 && !keyDown) {document.getElementById('divJulianDate').style.visibility = 'visible'} if (evtobj.keyCode == 73 && !keyDown) {document.getElementById('divImportObjectsLite').style.visibility = 'visible'} if (evtobj.keyCode == 69 && !keyDown) {document.getElementById('divEditObjectsVectors').style.visibility = 'visible'} if (evtobj.keyCode == 81 && !keyDown) {document.getElementById('divStereo').style.visibility = 'visible'} } document.onkeydown = KeyPress; var citiesLatA = 0, citiesLonA = 0, citiesLatB = 0, citiesLonB = 0, aLpha = 0, dElta = 0, dCore = 0, eqR = 6378000, polR = 6356000, ePsilon = Math.PI * (23 + 26/60 + 21.448 / 3600) / 180; var nPreTrails = 0; document.getElementById('selectCitiesA').options.length = 0; document.getElementById('selectCitiesB').options.length = 0; var selCitiesA = document.getElementById('selectCitiesA'); var selCitiesB = document.getElementById('selectCitiesB'); for (k = 1; k <= cities; k++) { selCitiesA.options[selCitiesA.options.length] = new Option(cityName[k], k); selCitiesB.options[selCitiesB.options.length] = new Option(cityName[k], k); } cityLat[k] = 0; cityLon[k] = 0; //geocenter selCitiesA.options[selCitiesA.options.length] = new Option("Geocenter", k); selCitiesB.options[selCitiesB.options.length] = new Option("Geocenter", k); selCitiesA.options[selCitiesA.options.length] = new Option("Custom location", k + 1); selCitiesB.options[selCitiesB.options.length] = new Option("Custom location", k + 1); selCitiesA.value = k; selCitiesB.value = k; $(function() { $("#divCitiesA").draggable(); $("#divCitiesB").draggable(); $("#divStereo").draggable(); $("#divSetTime").draggable(); $("#divEditObjectsVectors").draggable(); $("#divEditObjectsElements").draggable(); $("#divTimeStep").draggable(); $("#divScreens").draggable(); $("#divScreenShots").draggable(); $("#divAPsingleEvents").draggable(); $("#divAPperIteration").draggable(); $("#divAPperGraphicUpdate").draggable(); $("#divScreenShotImage").draggable(); $("#divCalendarDate").draggable(); $("#divCalendarDateUTC").draggable(); $("#divJulianDate").draggable(); $( "#divFocusObject" ).draggable(); $( "#divToFromA" ).draggable(); $( "#divToFromB" ).draggable(); $( "#divEccentricity" ).draggable(); $( "#divSMA" ).draggable(); $( "#divPreferences" ).draggable(); $( "#divCollisionLog" ).draggable(); $( "#divSimulationDescription" ).draggable(); $( "#divVectors" ).draggable(); $( "#divCreateObjects" ).draggable(); $( "#divClones" ).draggable(); $( "#divImportObjectsLite" ).draggable(); $( "#divImportObjects" ).draggable(); $( "#divPreTrailObjectList" ).draggable(); $( "#divDeleteObjects" ).draggable(); $( "#divRotatingFrame" ).draggable(); $( "#divStars" ).draggable(); $( "#divSaveAs" ).draggable(); $( "#divRotateCameraA" ).draggable(); $( "#divQuickHelp" ).draggable(); }); var additionalMass = 0; var stealth = false; var timeStepPause; var rangeAv, rangeZv, rangeDv; var intervalRealTime; var APnv1 = 0, APnv2 = 0, APnv3 = 0, APnv4 = 0; var APperIterationCode = '', APperGraphicUpdateCode = ''; var masslessIndex = 0; var navigateTo = ''; var objReferenceNumber = []; var a, E, lan, W, TL, MA, v; // discontinue using these. Use next line instead. var oeSMA, oeEcc, oeInc, oeLAN, oePeri, oeMA var hiZ = 2; var keyDown = false; var beenHere = 0, resumeStep = 1; screenShots = 0; var h, screenSize = 1000 * 149597870691, plotX, plotY, plotCounter = 0, updateGraphics = 1; var sScaleA, sScaleB; var screenSize2 = 800000000000,plotCounter2 = 0, updateGraphics2 = 10, plot2X, plot2y; var canvas2Width, center2X, center2Y; var canvas2Height, center2X, center2Y; var minimumObjectSize, trailSize; var minimumObjectSizeA, minimumObjectSizeB, trailSizeA, trailSizeB; var nextScreenShot = 0; var solImage = new Image(); solImage.src = 'http://orbitsimulator.com/gravitySimulatorCloud/sol-3.png'; //var solImage = new Image(); solImage.src = 'http://orbitsimulator.com/gravitySimulatorCloud/happySun.png'; //The following line are variables for dynamic time step determination var tsTime = 0, stepsPerRadian = 0, tsV = 0, tsVx = 0, tsVy = 0, tsVz = 0, tsobjMin1 = 0, tsobjMin2 = 0, preferencesStepsPerRadian = 150; integrator = 'RK4'; var collisions = 0, collisionObjectA = [], collisionObjectB = [], collisionLog = ''; var plotOrderA = new Array(), plotOrderB = new Array(), plotDistance = new Array(); var lastXa = new Array(), lastYa = new Array(); var lastXb = new Array(), lastYb = new Array(); var objx = new Array(), objy = new Array(), objz = new Array(); var objvx = new Array(), objvy = new Array(), objvz = new Array(); var objMass = new Array(), objName = new Array(); var objColorRed = new Array(), objColorGreen = new Array(), objColorBlue = new Array(); var objShadowRed = new Array(), objShadowGreen = new Array(), objShadowBlue = new Array(); var objLabelRed = new Array(), objLabelGreen = new Array(), objLabelBlue = new Array(); var