PageSourceSearch

https://agsattrack.com/

html agsattrack.com collected 2026-09-25 22:30:55 UTC 125,409 bytes, 1,641 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<title>AGSatTrack - Online</title>
6
7<script type="text/javascript" src="js/cvi_busy_lib.js"></script>
vendor: 1 bytes, line 7
7
8<script type="text/javascript">
9    ctrl = getBusyOverlay(document.documentElement, {color:'black', opacity:0.5, text: 'Loading Please Wait ...'});
10</script>
10
11
12<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
13<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
13
14
15<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
16<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
16
17
18<link rel="stylesheet" href="/css/agsattrack.css">
19<link rel="stylesheet" href="/css/ribbon.css">
20<link rel="stylesheet" href="/css/statusbar.css">
21<link rel="stylesheet" href="/css/views.css">
22<link rel="stylesheet" href="/css/windows.css">
23
24<link rel="stylesheet" type="text/css" href="/js/easyui/themes/gray/easyui.css">
25<link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css">
26<link rel="stylesheet" type="text/css" href="/js/jqueryui/smoothness/jquery-ui.css">
27<link rel="stylesheet" type="text/css" href="/js/agchecklist/checkList.css">
28
29<script type="text/javascript" src="/js/jquery.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="/js/jqueryui/jquery-ui.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript" src="/js/easyui/extensions/datagrid-filter/datagrid-filter.js"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript" src="/js/easyui/extensions/datagrid-scrollview/datagrid-scrollview.js"></script>
33
34
35
36<script type="text/javascript" src="/js/konva/konva.js"></script>
36
37
38<script type="text/javascript" src="/js/agsattrack.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/js/cookies/jquery.cookies.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/js/classes/querystring.js"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript" src="/js/classes/settings.js"></script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript" src="/js/classes/datamanager.js"></script>
vendor: 1 bytes, line 42
42
43<script type="text/javascript" src="/js/agselector/agselector.js"></script>
43
44
45<script type="text/javascript" src="/js/classes/views/passesview.js"></script>
vendor: 1 bytes, line 45
45
46<script type="text/javascript" src="/js/classes/views/3dview.js"></script>
vendor: 1 bytes, line 46
46
47<script type="text/javascript" src="/js/classes/views/polarview.js"></script>
vendor: 1 bytes, line 47
47
48<script type="text/javascript" src="/js/classes/views/skyview.js"></script>
vendor: 1 bytes, line 48
48
49<script type="text/javascript" src="/js/classes/views/timelineview.js"></script>
vendor: 1 bytes, line 49
49
50<script type="text/javascript" src="/js/classes/views/listview.js"></script>
vendor: 1 bytes, line 50
50
51<script type="text/javascript" src="/js/classes/views/options.js"></script>
vendor: 1 bytes, line 51
51
52<script type="text/javascript" src="/js/classes/views/debug.js"></script>
vendor: 1 bytes, line 52
52
53<script type="text/javascript" src="/js/classes/views/home.js"></script>
vendor: 1 bytes, line 53
53
54<script type="text/javascript" src="/js/classes/views/azelview.js"></script>
vendor: 1 bytes, line 54
54
55<script type="text/javascript" src="/js/classes/views/dx.js"></script>
vendor: 1 bytes, line 55
55
56<script type="text/javascript" src="/js/classes/observer.js"></script>
vendor: 1 bytes, line 56
56
57<script type="text/javascript" src="/js/classes/spmengine.js"></script>
57
58
59<script type="text/javascript" src="/js/classes/ui.js"></script>
vendor: 1 bytes, line 59
59
60<script type="text/javascript" src="/js/classes/tles.js"></script>
60
61
62<script type="text/javascript" src="/js/classes/sunmoon.js"></script>
vendor: 1 bytes, line 62
62
63<script type="text/javascript" src="/js/classes/planets.js"></script>
vendor: 1 bytes, line 63
63
64<script type="text/javascript" src="/js/classes/date.js"></script>
vendor: 1 bytes, line 64
64
65<script type="text/javascript" src="/js/classes/util.js"></script>
vendor: 1 bytes, line 65
65
66<script type="text/javascript" src="/js/classes/images.js"></script>
vendor: 1 bytes, line 66
66
67<script type="text/javascript" src="/js/classes/views.js"></script>
67  
68<script type="text/javascript" src="/js/classes/windows.js"></script>
68  
69<script type="text/javascript" src="/js/agsatbox/agsatbox.js"></script>
69
70            
71<link href="/js/ribbon/ribbon/ribbon.css" rel="stylesheet" type="text/css" />
72<link href="/js/ribbon/soft_button.css" rel="stylesheet" type="text/css" />
73<script type="text/javascript" src="/js/ribbon/ribbon/ribbon.js"></script>
vendor: 1 bytes, line 73
73
74<script type="text/javascript" src="/js/ribbon/ribbon/jquery.tooltip.min.js"></script>
74
75
76
77<script type="text/javascript" src="/js/jqwidgets/jqxcore.js"></script>
vendor: 1 bytes, line 77
77
78<script type="text/javascript" src="/js/jqwidgets/jqxdata.js"></script>
vendor: 1 bytes, line 78
78
79<script type="text/javascript" src="/js/jqwidgets/jqxbuttons.js"></script>
vendor: 1 bytes, line 79
79
80<script type="text/javascript" src="/js/jqwidgets/jqxscrollbar.js"></script>
vendor: 1 bytes, line 80
80
81<script type="text/javascript" src="/js/jqwidgets/jqxlistbox.js"></script>
vendor: 1 bytes, line 81
81
82<script type="text/javascript" src="/js/jqwidgets/jqxcheckbox.js"></script>
vendor: 1 bytes, line 82
82
83<script type="text/javascript" src="/js/jqwidgets/jqxdragdrop.js"></script>
83  
84<script type="text/javascript" src="/js/jqwidgets/jqxdropdownlist.js"></script>
vendor: 1 bytes, line 84
84
85<script type="text/javascript" src="/js/jqwidgets/jqxmenu.js"></script>
vendor: 1 bytes, line 85
85
86<script type="text/javascript" src="/js/jqwidgets/jqxpanel.js"></script>
vendor: 1 bytes, line 86
86
87<script type="text/javascript" src="/js/jqwidgets/jqxwindow.js"></script>
vendor: 1 bytes, line 87
87
88<script type="text/javascript" src="/js/jqwidgets/jqxslider.js"></script>
vendor: 1 bytes, line 88
88
89<script type="text/javascript" src="/js/jqwidgets/jqxgrid.js"></script>
vendor: 1 bytes, line 89
89
90<script type="text/javascript" src="/js/jqwidgets/jqxgrid.sort.js"></script>
90 
91<script type="text/javascript" src="/js/jqwidgets/jqxgrid.pager.js"></script>
91 
92<script type="text/javascript" src="/js/jqwidgets/jqxgrid.selection.js"></script>
92 
93<script type="text/javascript" src="/js/jqwidgets/jqxgrid.edit.js"></script>
93 
94    
95<link rel="stylesheet" href="/js/jqwidgets/styles/jqx.base.css" type="text/css" />
96<link rel="stylesheet" href="/js/jqwidgets/styles/jqx.dark.css" type="text/css" />
97
98<script src="/js/jscolor/jscolor.min.js" type="text/javascript"></script>
98
99
100<script type="text/javascript" src="/js/joyride/jquery.joyride-2.0.2.js"></script>
100
101<link href="/js/joyride/joyride-2.0.2.css" rel="stylesheet" type="text/css" />
102
103<script src="/js/modernizer.js"></script>
vendor: 1 bytes, line 103
103
104<script src="/js/platform.js"></script>
vendor: 1 bytes, line 104
104
105<script src="/js/startup.js"></script>
105
106
107<link href="/js/cookiecuttr/cookiecuttr.css" rel="stylesheet" type="text/css" />
108<script src="/js/cookiecuttr/jquery.cookiecuttr.js"></script>
108
109
110<script src="/js/requirejs/require.js"></script>
110
111
112<script src="/js/imagecombo/ddslick.js"></script>
112
113
114</head>
115<body class='easyui-layout default' style="display: none" id="body">
116	<div data-options="region:'north', title:'&nbsp;'" style="height: 120px;">
117        <div id="ribbon">
118            <span class="ribbon-window-title"></span>
119
120            <div class="ribbon-tab file" id="info-tab">
121                <span class="ribbon-title">Credits</span>
122                <div class="ribbon-backstage">
123                    <table with="100%">
124                        <tr>
125                            <td width="50%" valign="top">
126                                <h2>Credits</h2>
127
128                                <div style="float:left;">                                
129                                    <a href="https://cesiumjs.org/" target="_blank"><img src="/images/cesium_logo.svg" width="200" /></a>
130                                </div>
131
132                                <p>Cesium is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accerlated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization. Cesium is open source under the Apache 2.0 license. It is free for commercial and non-commercial use. <a target="_blank" href="https://cesiumjs.org/">Visit Cesium Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></p>
133
134                                <div style="clear: both"><br /></div>                                
135                                <div style="float:left; padding-right:10px">                                
136                                    <a href="http://www.jeasyui.com/" target="_blank"><img src="/images/easyui.png" width="200" /></a>
137                                </div>
138                                <p>jQuery EasyUI provides easy to use components for web developers, which is built on the popular jQuery core and HTML5. These make your applications suitable for today's web. </p>
139                                                                
140                                <div style="clear: both"><br /></div>                                
141                                <div style="float:left; padding-right:10px">                                
142                                    <a href="http://www.jqwidgets.com/" target="_blank"><img src="/images/jqwidgets.png" width="200" /></a>
143                                </div>
144                                <p>jQWidgets provides a comprehensive solution for building professional web sites and mobile apps. It is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery. jQWidgets enables responsive web development and helps you create apps and websites that look beautiful on desktops, tablets and smart phones. You can use jQWidgets with TypeScript, popular frameworks like Angular 2, KnockoutJS and server-side technologies like ASP.NET MVC, PHP, JSP and Node.js </p>
145
146                                <div style="clear: both"><br /></div>                                  
147                                
148                                <h2>Other Libraries used</h2>
149                                <h3>jQuery <a target="_blank" href="http://jquery.com/">Visit jQuery Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
150                                <h3>jQuery UI <a target="_blank" href="http://jqueryui.com/">Visit jQuery UI Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
151                                <h3>Joyride <a target="_blank" href="http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin">Visit Joyride Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
152                                <h3>Kinetic <a target="_blank" href="http://kineticjs.com/">Visit Kinetic Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
153                                <h3>Modernizer <a target="_blank" href="http://modernizr.com/">Visit Modernizer Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
154                                <h3>Satellite Orbit tracked (iSat) <a target="_blank" href="https://github.com/koansys/isat">Visit on GitHub<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
155                                <h3>Gpredict <a target="_blank" href="http://gpredict.oz9aec.net/">Visit Gpredict Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
156                                <h3>PredictLib <a target="_blank" href="http://andrewtwest.com/orbtrak/">Visit PredictLib Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3>
157                                
158                                
159                                <h2>Special Thanks To</h2>
160                                Steve (aka Virus) for the logo
161                            </td>
162                            <td valign="top">
163                                <h2>Licence</h2>
164                                <p>Copyright 2012-2017 Alex Greenland</p>
165                                <p>Licensed under the Apache License, Version 2.0 (the "License");<br />
165 you may not use this file except in compliance with the License. You may obtain a copy of the License at</p>
166                                <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>
167                                <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.</p>                                
168                            </td>
169                        </tr>
170                    </table>
171                </div>
172            </div>
173            
174            <div class="ribbon-tab" id="format-tab">
175                <span class="ribbon-title">Home</span>
176
177                <div class="ribbon-section">
178                    <span class="section-title" data-tab="home">View</span>
179                    <div class="ribbon-button ribbon-button-large" id="view-select" data-type="dropdownmenu">
180                        <span class="button-title">Select <img src="js/ribbon/arrow_down.png"></span> 
181                        <span class="button-help"><strong>Select view.</strong><br /><br />Selects the view you wish to display.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>
182                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/view.png" /> 
183                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/view.png" /> 
184                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/view.png" />
185                        <div class="ribbon-menu ribbon-menu-closed">
186                            <div class="title">Select View</div>
187                            <ul>
188                                <li class="satview" data-options="list"><img src="images/ribbon/list.png"><span>List View</span></li>
189                                <li class="satview" data-options="passes"><img src="images/ribbon/table.png"><span>Passes View</span></li>
190                                <li class="satview" data-options="3d"><img src="images/ribbon/globe.png"><span>3D View</span></li>
191                                <li class="satview" data-options="polar"><img src="images/ribbon/polar.png"><span>Polar View</span></li>
192                                <li class="satview" data-options="sky"><img src="images/ribbon/sky.png"><span>Sky View</span></li>
193                                <li class="satview" data-options="timeline"><img src="images/ribbon/timeline.png"><span>Timeline View</span></li>
194                                <li class="satview" data-options="dx"><img src="/js/ribbon/icons/normal/dx-16.png"><span>Dx View</span></li>
195                            </ul>
196                        </div>
197                    </div>
198                    <div class="ribbon-button ribbon-button-large view-reset">
199                        <span class="button-title">Reset</span>
200                        <span class="button-help"><strong>Reset view.</strong><br /><br />Resets the current view to its defaults.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
201                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
202                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
203                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
204                    </div>
205                </div>
206
207                <div class="ribbon-section">
208                    <span class="section-title">Satellites</span>
209                    
210                    <div class="ribbon-fl">
211                        <div class="ribbon-button ribbon-button-large" id="sat-group-selector"  data-type="dropdownmenu">
212                            <span class="button-title">Groups <img src="js/ribbon/arrow_down.png"></span> 
213                            <span class="button-help"><strong>Select Satellite Group.</strong><br /><br />Selects the group of satellites.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
214                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/group.png" /> 
215                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/group.png" /> 
216                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/group.png" />
217                            <div class="ribbon-menu ribbon-menu-closed">
218                                <div class="title">Select Group</div>
219                                <div id="sat-group-selector-listbox"></div>
220                            </div>
221                        </div>
222                        <div class="ribbon-button ribbon-button-large" id="sat-selector" data-type="dropdownmenustay">
223                            <span class="button-title">Select <img src="js/ribbon/down.png" /></span> 
224                            <span class="button-help"><strong>Select Satellites.</strong><br /><br />Selects the satellites to display and show orbits for.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
225                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/satellite.png" /> 
226                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/satellite.png" /> 
227                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/satellite.png" />
228                            <div class="ribbon-menu ribbon-menu-closed">
229                                <div class="title">Select Satellite</div>
230                                <div id="ag-satselector"> </div>
231                            </div>                        
232                        </div>
233                    </div>
234                    <div class="ribbon-fl">
235                        <div class="ribbon-button ribbon-button-small" id="sat-display-all">
236                            <span class="button-title"></span>
237                            <span class="button-help"><strong>Display All Satellites.</strong><br /><br />Display all satellites in the current group.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
238                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/satellite_all.png" /> 
239                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/satellite_all.png" /> 
240                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/satellite_all.png" />
241                        </div>
242                        <div class="ribbon-button ribbon-button-small" id="sat-display-none">
243                            <span class="button-title"></span> 
244                            <span class="button-help"><strong>Remove All Satellites.</strong><br /><br />Remove all satellites from display.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
245                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/satellite_delete_all.png" /> 
246                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/satellite_delete_all.png" /> 
247                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/satellite_delete_all.png" />
248                        </div>                     
249                    </div>
250                    <div class="ribbon-button ribbon-button-large disabled" id="home-update-elements" data-event="agsattrack.updategroup">
251                        <span class="button-title">Update <br />Elements</span>
252                        <span class="button-help"><strong>Update Elements.</strong><br /><br />Update the elements for this satellite group.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
253                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/download.png" /> 
254                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/download.png" /> 
255                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/download.png" />
256                    </div>                                      
257                </div>
258
259                <div class="ribbon-section">
260                    <span class="section-title">Settings</span>
261                    <div style="float:left">
262                        <div class="ribbon-button ribbon-button-large" id="options">
263                            <span class="button-title">Options</span> 
264                            <span class="button-help"></span> 
265                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/settings.png" />
266                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/settings.png" /> 
267                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/settings.png" />
268                        </div>
269                        <div class="ribbon-button ribbon-button-large" id="options" data-event="agsattrack.resetoptions">
270                            <span class="button-title">Reset All<br />Options</span> 
271                            <span class="button-help"></span> 
272                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" />
273                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
274                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
275                        </div>                        
276                    </div>
277                    <div style="float:left">                    
278                        <div class="ribbon-button ribbon-button-small disabled" id="options-save" unselectable="on">
279                            <span class="button-help" unselectable="on"></span>
280                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/save.png" />
281                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/save.png" />
282                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/save.png" />
283                            <span class="button-title" unselectable="on">Save</span>
284                        </div>
285                    </div>
286                </div>
287
288                <div class="ribbon-section">
289                    <span class="section-title">Help</span>
290                    <div style="float:left">
291                        <div class="ribbon-button ribbon-button-large" id="help-help">
292                            <span class="button-title">Help</span> 
293                                <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/help.png" /> 
294                                <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/help.png" /> 
295                                <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/help.png" />
296                        </div>
297                    </div>
298                    <div style="float:left">                    
299                        <div class="ribbon-button ribbon-button-small" id="help-tour" unselectable="on">
300                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/tour.png" />
301                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/tour.png" />
302                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/tour.png" />
303                            <span class="button-title" unselectable="on">Tour</span>
304                        </div>
305                        <div class="ribbon-button ribbon-button-small" id="help-contact" unselectable="on">
306                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/email.png" />
307                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/email.png" />
308                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/email.png" />
309                            <span class="button-title" unselectable="on">Contact</span>
310                        </div>
311                        <div class="ribbon-button ribbon-button-small disabled" id="help-forum" unselectable="on">
312                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/forum.png" />
313                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/forum.png" />
314                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/forum.png" />
315                            <span class="button-title" unselectable="on">Community</span>
316                        </div>                                                  
317                    </div>
318                </div>                                        
319            </div>
320            
321            <div class="ribbon-tab" id="list-tab">
322                <span class="ribbon-title" data-tab="list">List View</span>
323                
324                <div class="ribbon-section">
325                    <span class="section-title">View Options</span>
326                    
327                    <div class="ribbon-fl" unselectable="on">            
328                        
329                        <div class="ribbon-button ribbon-button-large view-reset" id="list-view-reset">
330                            <span class="button-title">Reset</span> 
331                            <span class="button-help"><strong>Reset view.</strong><br /><br />Resets the list view to its defaults.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
332                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
333                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
334                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
335                        </div>
336                            
337                        <div class="ribbon-button ribbon-button-large" id="list-view-show-mutual" data-type="togglebutton" data-event="agsattrack.listviewshowmutuallocations">
338                            <span class="button-title">Show<br/>Mutual</span> 
339                            <span class="button-help"><strong>Show Mutual.</strong><br /><br />Adds a column to the table which indicates if the satellite is visible from both your location and the mutual observer.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
340                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 
341                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 
342                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" />
343                        </div>                                                 
344                    </div>
345                </div>
346            </div>
347
348            <div class="ribbon-tab" id="3d-tab">
349                <span class="ribbon-title" data-tab="3d">3D View</span>
350
351                <div class="ribbon-section">
352                    <span class="section-title">View Options</span>
353
354                    <div class="ribbon-fl">
355
356                        <div class="ribbon-button ribbon-button-large" id="3d-projection" data-type="dropdownmenu">
357                            <span class="button-title">Views <img src="js/ribbon/arrow_down.png"></span> <span class="button-help"></span>
358                            <span class="button-help"><strong>Select view.</strong><br /><br />Choose from 3d, 2d or 2.5d views.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
359                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/viewselect.png" /> 
360                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/viewselect.png" /> 
361                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/viewselect.png" />
362                            <div class="ribbon-menu ribbon-menu-closed">
363                                <div class="title">Select View</div>
364                                <ul>
365                                    <li class="3dview" data-options="twod"><img src="images/ribbon/list.png"><span>2D View</span></li>
366                                    <li class="3dview" data-options="twopointfived"><img src="images/ribbon/table.png"><span>2.5D View</span></li>
367                                    <li class="3dview" data-options="threed"><img src="images/ribbon/globe.png"><span>3D View</span></li>
368                                </ul>
369                            </div>
370                        </div>
371                        
372                        <div class="ribbon-button ribbon-button-large" id="3d-provider" data-type="dropdownmenu" style="width:95px;">
373                            <span class="button-title">Provider <img src="js/ribbon/arrow_down.png"></span> 
374                            <span class="button-help"><strong>Map Provider.</strong><br /><br />Select the provider for the globe rendering.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>
375                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/tile.png" /> 
376                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/tile.png" />
377                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/tile.png" />
378                            <div class="ribbon-menu ribbon-menu-closed">
379                                <div class="title">Select Provider</div>
380                                <ul>
381                                    <li class="tile" data-options="staticimage"><img src="js/ribbon/icons/normal/image.png"><span>Static Image</span></li>
382                                    <li class="tile" data-options="bing"><img src="js/ribbon/icons/normal/bing.png"><span>Bing maps</span></li>
383                                    <li class="tile" data-options="arcgis"><img src="js/ribbon/icons/normal/arcgis.png"><span>Arc Gis</span></li>
384                                    <!--<li class="tile" data-options="naturalearth"><img src="js/ribbon/icons/normal/world.png"><span>Natural Earth</span></li>
385                                    <li class="tile" data-options="blackmarble"><img src="js/ribbon/icons/normal/world.png"><span>Black Marble</span></li> -->
386                                </ul>
387                            </div>
388                        </div>                                                                                                        
389                                            
390                        <div class="ribbon-button ribbon-button-large view-reset" id="3d-view-reset" style="width:40px;">
391                            <span class="button-title">Reset</span> 
392                            <span class="button-help"><strong>Reset view.</strong><br /><br />Resets the 3d view to its defaults.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
393                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
394                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
395                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
396                        </div>
397                                            
398                    </div>
399                    
400
401                    
402                    
403                    
404                    
405                    <div style="width: 120px; float:left;">
406                        <table width="100%">
407                            <tr>
408                                <td colspan="3" style="border:1px solid #ccc" al
408ign="center">Black Marble</td>
409                            </tr>
410                            <tr>
411                                <td>                                
412                                    <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showblackmarble" id="blackmarble">
413                                        <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/world.png" />
414                                        <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/world.png" />
415                                        <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/world.png" />
416                                        <span class="button-title" unselectable="on"></span>
417                                        <span class="button-help"><strong>Show Black Marble.</strong><br /><br />Toggle displaying the Black Marble Image Layer.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
418                                    </div>                                
419                                </td>
420                                <td style="border:1px solid #ccc">
421                                    <div class="ribbon-button ribbon-button-small" id="bm-opacity" data-type="dropdownpanel">
422                                        <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 
423                                        <img class="ribbon-icon ribbon-normal" src="/images/ribbon/sky.png" /> 
424                                        <img class="ribbon-icon ribbon-hot" src="/images/ribbon/sky.png" /> 
425                                        <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/sky.png" />
426                                        <div class="ribbon-panel ribbon-menu-wide ribbon-menu-closed">
427                                            <div class="title">Select Black Marble Opacity</div>
428                                            <div class="ribbon-panel-body">
429                                                <div id='bmopacityslider'></div>
430                                            </div>
431                                        </div>
432                                    </div>                                 
433                                </td>
434                                <td style="border:1px solid #ccc">
435                                    <div class="ribbon-button ribbon-button-small" id="bm-brightness" data-type="dropdownpanel">
436                                        <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 
437                                        <img class="ribbon-icon ribbon-normal" src="/images/ribbon/brightness.png" /> 
438                                        <img class="ribbon-icon ribbon-hot" src="/images/ribbon/brightness.png" /> 
439                                        <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/brightness.png" />
440                                        <div class="ribbon-panel ribbon-menu-wide ribbon-menu-closed">
441                                            <div class="title">Select Black Marble Brightness</div>
442                                            <div class="ribbon-panel-body">
443                                                <div id='bmbrightnessslider'></div>
444                                            </div>
445                                        </div>
446                                    </div>                                 
447                                </td>                                
448                            </tr>
449                        </table>
450                    </div>                    
451                    
452                    
453                    
454                    
455                    
456                    
457                    
458                    <div class="ribbon-fl" style="width:30px;">
459                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showatmosphere" id="3d-atmosphere">
460                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/atmoshpere-16.png" />
461                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/atmoshpere-16.png" />
462                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/atmoshpere-16.png" />
463                            <span class="button-title" unselectable="on"></span>
464                            <span class="button-help"><strong>Show Atmoshpere.</strong><br /><br />Toggle displaying the atmoshpere.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
465                        </div>
466                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showskybox" id="3d-skybox">
467                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/cube.png" />
468                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/cube.png" />
469                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/cube.png" />
470                            <span class="button-title" unselectable="on"></span>
471                            <span class="button-help"><strong>Show Skybox.</strong><br /><br />Toggle displaying the skybox.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
472                        </div>                                             
473                        <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showfps">
474                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/fps.png" />
475                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/fps.png" />
476                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/fps.png" />
477                            <span class="button-title" unselectable="on"></span>
478                            <span class="button-help"><strong>Show FrameRate.</strong><br /><br />Display the frame rate.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
479                        </div>                                             
480
481                    </div>
482                    <div class="ribbon-fl" style="width:30px;">
483                        <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showmousepos">
484                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/mousepos.png" />
485                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/mousepos.png" />
486                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/mousepos.png" />
487                            <span class="button-title" unselectable="on"></span>
488                            <span class="button-help"><strong>Show Mouse Pos.</strong><br /><br />Toggle displaying the lat and lon of the mouse position.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                             </div>
489                        
490                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showterrain" id="3d-show-terrain">
491                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/terrain.png" />
492                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/terrain.png" />
493                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/terrain.png" />
494                            <span class="button-title" unselectable="on"></span>
495                            <span class="button-help"><strong>Show Terrain.</strong><br /><br />Toggle displaying terrain data<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
496                        </div>
497                        
498                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showcities" id="3d-show-cities">
499                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/citybutton.png" />
500                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/citybutton.png" />
501                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/citybutton.png" />
502                            <span class="button-title" unselectable="on"></span>
503                            <span class="button-help"><strong>Show Cities.</strong><br /><br />Toggle displaying Cities<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
504                        </div>                                                 
505                    </div>                                        
506                </div>
507
508                <div class="ribbon-section">
509                    <span class="section-title">Satellite Options</span>
510                    
511                    <div class="ribbon-button ribbon-button-large" id="3d-view-sat-info-locations" data-type="togglebutton" data-event="agsattrack.showmutuallocations">
512                        <span class="button-title">Show<br/>Mutual</span> 
513                        <span class="button-help"><strong>Show Mutual Locations.</strong><br /><br />Show Mutual locations visible from the selected satellite.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
514                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 
515                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 
516                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" />
517                    </div>   
518                                        
519                    <div class="ribbon-fl" style="width:30px;">
520                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showsatlabels">
521                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/label.png" />
522                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/label.png" />
523                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/label.png" />
524                            <span class="button-title" unselectable="on"></span>
525                            <span class="button-help"><strong>Show Satellite Labels.</strong><br /><br />Toggle displaying the name of the satellites.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                                 </div>                    
526                    </div>
527                    <div class="ribbon-fl" style="width:30px;">
528                    <!--    <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.setfootprinttype">
529                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/filledfootprint.png" />
530                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/filledfootprint.png" />
531                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/filledfootprint.png" />
532                            <span class="button-title" unselectable="on"></span>
533                            <span class="button-help"><strong>Show footprints as filled circles.</strong><br /><br />Toggle displaying the  footprint as a filled circle.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>
534                        </div>  -->
535                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.setssp">
536                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/ssp.png" />
537                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/ssp.png" />
538                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/ssp.png" />
539                            <span class="button-title" unselectable="on"></span>
540                            <span class="button-help"><strong>Show Satellite ssp.</strong><br /><br />Toggle displaying the sub satellite points for a pass.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>
541                        </div>  
542                    </div>
543                </div>
544                
545                <div class="ribbon-section">
546                    <span class="section-title">Information</span>
547                    <div class="ribbon-button ribbon-button-large" id="3d-view-sat-info-locations" data-type="button" data-event="agsattrack.show3dlocationinfo" style="width:60px;">
548                        <span class="button-title">Visible<br/>Locations</span> 
549                        <span class="button-help"><strong>Visible Locations.</strong><br /><br />Show locations visible from the selected satellite.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
550                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/earth.png" /> 
551                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/earth.png" /> 
552                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/earth.png" />
553                    </div>                    
554                </div>
555                
556                <div class="ribbon-section">
557                    <span class="section-title">Follow</span>
558                    <div class="ribbon-button ribbon-button-large" id="3d-follow-sat" data-type="grouptogglebutton" data-event="agsattrack.followsatellite" data-group="follow">
559                        <span class="button-title">From<br />Satellite</span> 
560                        <span class="button-help"><strong>Follow Satellite.</strong><br /><br />Follows the selected satellite, looking at your location.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
561                        <img class="ribbon-icon ribbon-normal" src="/js/ribbon/icons/normal/orbit.png" />
562                        <img class="ribbon-icon ribbon-hot" src="/js/ribbon/icons/hot/orbit.png" />
563                        <img class="ribbon-icon ribbon-disabled" src="/js/ribbon/icons/disabled/orbit.png" />
564                    </div>
565                    <div class="ribbon-button ribbon-button-large" id="3d-follow-obs" data-type="grouptogglebutton" data-event="agsattrack.followsatelliteobs" data-group="follow">
566                        <span class="button-title">From<br />Home</span> 
567                        <span class="button-help"><strong>Follow Satellite.</strong><br /><br />Follows the selected satellite, looking from your location. This will ONLY work when the satellite is visible.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
568                        <img class="ribbon-icon ribbon-normal" src="/js/ribbon/icons/normal/follow-obs.png" />
569                        <img class="ribbon-icon ribbon-hot" src="/js/ribbon/icons/hot/follow-obs.png" />
570                        <img class="ribbon-icon ribbon-disabled" src="/js/ribbon/icons/disabled/follow-obs.png" />
571                    </div>
572                    <div class="ribbon-button ribbon-button-large" id="3d-follow-view" data-type="grouptogglebutton" data-event="agsattrack.followsatelliteview" data-group="follow">
573                        <span class="button-title">Satellite<br/>View</span> 
574                        <span class="button-help"><strong>Satellite View.</strong><br /><br />Shows the view of the earth from the satellites perspective.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
575                        <img class="ribbon-icon ribbon-normal" src="/js/ribbon/icons/normal/follow-view.png" />
576                        <img class="ribbon-icon ribbon-hot" src="/js/ribbon/icons/hot/follow-view.png" />
577                        <img class="ribbon-icon ribbon-disabled" src="/js/ribbon/icons/disabled/follow-view.png" />
578                    </div>  
579                </div>
580
581                <div class="ribbon-section">
582                    <span class="section-title">Select And Fly To Satellite</span>
583                    <select class="easyui-combobox" id="3d-sat-finder" style="width:200px;">
584                    </select>                    
585                </div>
586
587                <div style="float:left;">
588                    <a href="https://cesiumjs.org/" target="_blank"><img src="/images/cesium_logo.svg" width="100" /></a>
589                    <div id="camera-pos"></div>
590                </div>
591
592                
593            </div>
594
595            <div class="ribbon-tab" id="passes-tab">
596                <span class="ribbon-title" data-tab="passes">Passes View</span>
597                
598                <div class="ribbon-section">
599                    <span class="section-title">View Options</span>
600                    <div class="ribbon-button ribbon-button-large view-reset">
601                        <span class="button-title">Reset</span>
602                        <span class="button-help"></span> 
603                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
604                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
605                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
606                    </div>  
607
608                    <div class="ribbon-button ribbon-button-large" id="passes-view-show-mutual" data-type="togglebutton" data-event="agsattrack.passesshowmutuallocations">
609                        <span class="button-title">Show<br/>Mutual</span> 
610                        <span class="button-help"><strong>Show Mutual.</strong><br /><br />Adds a column to the passes grid indicating if the selected satellite is visible from your home location and the mutual observers location.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
611                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 
612                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 
613                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" />
614                    </div> 
615                                        
616                    <div style="width: 100px; float:left;">
617                        <table width="100%">
618                            <tr>
619                                <td colspan="2" style="border:1px solid #ccc" align="center">Pass Table</td>
620                            </tr>
621                            <tr>
622                                <td width="50%" style="border:1px solid #ccc">
623                                
624                                    <div class="ribbon-button ribbon-button-small" id="passes-bl-view-select" data-type="dropdownmenu" data-event="agsattrack.passesblview">
625                                        <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 
626                                        <img class="ribbon-icon ribbon-normal" src="/images/ribbon/polar.png" /> 
627                                        <img class="ribbon-icon ribbon-hot" src="/images/ribbon/polar.png" /> 
628                                        <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/polar.png" />
629                                        <div class="ribbon-menu ribbon-menu-wide ribbon-menu-closed">
630                                            <div class="title">
630Select Bottom left View</div>
631                                            <ul>
632                                                <li class="passesbl" data-event-param="3d" data-icon="/images/ribbon/globe.png"><img src="/images/ribbon/globe.png"><span>3D View</span></li>
633                                                <li class="passesbl" data-event-param="polar" data-icon="/images/ribbon/polar.png"><img src="/images/ribbon/polar.png"><span>Polar View</span></li>
634                                                <li class="passesbl" data-event-param="sky" data-icon="/images/ribbon/sky.png"><img src="/images/ribbon/sky.png"><span>Sky View</span></li>
635                                                <li class="passesbl" data-event-param="azel" data-icon="/images/ribbon/azel-16.png"><img src="/images/ribbon/azel-16.png"><span>Az/El View</span></li>
636                                            </ul>
637                                        </div>
638                                    </div>                                
639                                </td>
640                                <td style="border:1px solid #ccc">
641                                    <div class="ribbon-button ribbon-button-small" id="passes-br-view-select" data-type="dropdownmenu" data-event="agsattrack.passesbrview">
642                                        <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 
643                                        <img class="ribbon-icon ribbon-normal" src="/images/ribbon/sky.png" /> 
644                                        <img class="ribbon-icon ribbon-hot" src="/images/ribbon/sky.png" /> 
645                                        <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/sky.png" />
646                                        <div class="ribbon-menu ribbon-menu-wide ribbon-menu-closed">
647                                            <div class="title">Select Bottom Right View</div>
648                                            <ul>
649                                                <li class="passesbl" data-event-param="3d" data-icon="/images/ribbon/globe.png"><img src="/images/ribbon/globe.png"><span>3D View</span></li>
650                                                <li class="passesbl" data-event-param="polar" data-icon="/images/ribbon/polar.png"><img src="/images/ribbon/polar.png"><span>Polar View</span></li>
651                                                <li class="passesbl" data-event-param="sky" data-icon="/images/ribbon/sky.png"><img src="/images/ribbon/sky.png"><span>Sky View</span></li>
652                                                <li class="passesbl" data-event-param="azel" data-icon="/images/ribbon/azel-16.png"><img src="/images/ribbon/azel-16.png"><span>Az/El View</span></li>
653                                            </ul>
654                                        </div>
655                                    </div>                                 
656                                </td>
657                            </tr>
658                        </table>
659                    </div>
660                </div>
661                     
662                <div class="ribbon-section">
663                    <span class="section-title">Date And Time</span>
664                    <div class="ribbon-button ribbon-button-large ribbon-fl ribbon-button-large-active" id="passes-view-24" unselectable="on" data-type="togglebutton" data-event="agsattrack.toggle24">
665                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/disabled/clock.png" />
666                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/disabled/clock.png" />
667                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/clock.png" />
668                        <span class="button-title" unselectable="on">Show Next<br/>24 Hours</span>
669                    </div>                    
670                    <div class="ribbon-button ribbon-button-large disabled" id="passes-view-start" data-type="dropdownmenustay">
671                        <span class="button-title">Start Date <img src="js/ribbon/arrow_down.png"></span> 
672                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/calendar.png" /> 
673                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/calendar.png" /> 
674                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/calendar.png" />
675                        <div class="ribbon-menu ribbon-menu-closed">
676                            <div class="title">Select Start date</div>
677                            <input class="easyui-datetimebox" id="passes-view-start-cal" style="width:150px" data-options="showSeconds:false">
678                        </div>
679                    </div>
680                    <div class="ribbon-button ribbon-button-large disabled" id="passes-view-end" data-type="dropdownmenustay">
681                        <span class="button-title">End Date <img src="js/ribbon/arrow_down.png"></span> 
682                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/calendar.png" /> 
683                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/calendar.png" /> 
684                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/calendar.png" />
685                        <div class="ribbon-menu ribbon-menu-closed">
686                            <div class="title">Select End date</div>
687                            <input class="easyui-datetimebox" id="passes-view-end-cal" style="width:150px" data-options="showSeconds:false">
688                        </div>
689                    </div>                                     
690                    <div class="ribbon-button ribbon-button-large disabled" id="passes-view-calc" data-type="button" data-event="agsattrack.passescalc">
691                        <span class="button-title">Find<br/>Passes</span> 
692                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/calc.png" /> 
693                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/calc.png" /> 
694                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/calc.png" />
695                    </div> 
696                </div>
697                                               
698                <div class="ribbon-section">
699                    <span class="section-title">Satellite</span>
700                    <select id="passes-sat"></select>
701                </div>
702                
703                <div class="ribbon-section" id="passes-available" style="display: none">
704                    <span class="section-title">Available Passes</span>
705                    <select id="passes-passes"></select>
706                </div>                
707                
708            </div>
709
710            <div class="ribbon-tab" id="polar-tab">
711                <span class="ribbon-title" data-tab="polar">Polar View</span>
712                <div class="ribbon-section">
713                    <span class="section-title">View Options</span>
714                    
715                    <div class="ribbon-fl">
716                        <div class="ribbon-button ribbon-button-large view-reset">
717                            <span class="button-title">Reset</span> 
718                            <span class="button-help"></span> 
719                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
720                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
721                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
722                        </div>
723                    </div>
724                    <div class="ribbon-fl" style="width:30px;">
725                        <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showplanets">
726                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/show-planets-16.png" />
727                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/show-planets-16.png" />
728                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/show-planets-16.png" />
729                            <span class="button-title" unselectable="on"></span>
730                            <span class="button-help"><strong>Show Planets</strong><br /><br />Toggle displaying planets.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
731                        </div>
732                    </div>                        
733                                        
734                 </div>                
735            </div>
736
737            <div class="ribbon-tab" id="sky-tab">
738                <span class="ribbon-title" data-tab="sky">Sky View</span>
739                <div class="ribbon-section">
740                    <span class="section-title">View Options</span>
741
742                    <div class="ribbon-fl">
743                        <div class="ribbon-button ribbon-button-large view-reset">
744                            <span class="button-title">Reset</span> 
745                            <span class="button-help"></span> 
746                            <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
747                            <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
748                            <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
749                        </div>  
750                    </div>
751                    <div class="ribbon-fl" style="width:30px;">
752                        <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showplanets">
753                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/show-planets-16.png" />
754                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/show-planets-16.png" />
755                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/show-planets-16.png" />
756                            <span class="button-title" unselectable="on"></span>
757                            <span class="button-help"><strong>Show Planets</strong><br /><br />Toggle displaying planets.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
758                        </div>
759                        <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showcity">
760                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/show-city-16.png" />
761                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/show-city-16.png" />
762                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/show-city-16.png" />
763                            <span class="button-title" unselectable="on"></span>
764                            <span class="button-help"><strong>Show City</strong><br /><br />Toggle displaying the city.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
765                        </div>                        
766                    </div>                                         
767                 </div>                
768            </div>
769
770            <div class="ribbon-tab" id="timeline-tab">
771                <span class="ribbon-title" data-tab="timeline">Timeline View</span>
772                <div class="ribbon-section">
773                    <span class="section-title">View Options</span>
774                    <div class="ribbon-button ribbon-button-large view-reset" unselectable="on" data-type="button" id="timline-reset" data-event="agsattrack.timeline-reset">
775                        <span class="button-title">Reset</span> 
776                        <span class="button-help"></span> 
777                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
778                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
779                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
780                    </div>  
781                    <div class="ribbon-button ribbon-button-large" id="timeline-view-show-mutual" data-type="togglebutton" data-event="agsattrack.timelineviewshowmutuallocations">
782                        <span class="button-title">Show<br/>Mutual</span> 
783                        <span class="button-help"><strong>Show Mutual.</strong><br /><br />Displays mutal visibility in the timeline view.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span>                        
784                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 
785                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 
786                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" />
787                    </div>
788                    <div class="ribbon-fl" style="width:30px;">
789                        <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="button" id="timline-zoom-in" data-event="agsattrack.timeline-zoom-in">
790                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/zoom_in.png" />
791                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/zoom_in.png" />
792                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/zoom_in.png" />
793                            <span class="button-title" unselectable="on"></span>
794                            <span class="button-help"><strong>Zoom In</strong><br /><br />Zoom In.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
795                        </div>
796                        <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="button" id="timline-zoom-out" data-event="agsattrack.timeline-zoom-out">
797                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/zoom_out.png" />
798                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/zoom_out.png" />
799                            <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/zoom_out.png" />
800                            <span class="button-title" unselectable="on"></span>
801                            <span class="button-help"><strong>Zoom Out</strong><br /><br />Zoom Out.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span>                        
802                        </div>                        
803                    </div>                                                              
804                 </div>                
805            </div> 
806
807            <div class="ribbon-tab" id="dx-tab">
808                <span class="ribbon-title" data-tab="dx">DX View</span>
809                
810                                
811                <div class="ribbon-section">
812                    <span class="section-title">View Options</span>
813                    <div class="ribbon-button ribbon-button-large view-reset">
814                        <span class="button-title">Reset</span> 
815                        <span class="button-help"></span> 
816                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
817                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
818                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
819                    </div>  
820                 </div>              
821                
822            </div>
823                            
824            <div class="ribbon-tab" id="debug-tab">
825                <span class="ribbon-title" data-tab="debug">Debug View</span>
826                <div class="ribbon-section">
827                    <span class="section-title">View Options</span>
828                    <div class="ribbon-button ribbon-button-large view-reset">
829                        <span class="button-title">Reload<br />Data
830                        </span> <span class="button-help"></span> 
831                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 
832                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 
833                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" />
834                    </div>  
835                 </div>
836                <div class="ribbon-section" style="min-width: 80px;">
837                    <span class="section-title">Cache Options</span>
838                    <div class="ribbon-button ribbon-button-large ribbon-fl disabled" id="debug-clear-cache" data-type="button" data-event="agsattrack.deletesatcache">
839                        <span class="button-title">Clear</span> 
840                        <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/trash.png" /> 
841                        <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/trash.png" /> 
842                        <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/trash.png" />
843                    </div>
844                 </div>                                      
845            </div>
846                                   
847        </div>
848	</div>
849    
850	<div data-options="region:'west',split:true,hideCollapsedContent:false" title="Selector" style="width: 250px;">
851        <div id="quick-sat-selector"></div>
852	</div>
853
854    <div data-options="region:'east',split:true,collapsed:true,hideCollapsedContent:false" title="Information" style="width: 250px;">
855        <div title="Satellite Info." style="overflow: auto; padding: 5px;">
856            <div id="sat-info-selector"></div>
857            <div id="satinfo-message">
858                <h2><center>No Satellite Selected</center></h2>
859                <p><center>Please select a satellite to display its information.</center></p>
860            </div>
861            
862            <table width="100%" class="satinfo" style="display:none">
863                <tr>
864                    <th colspan="2">Element Values</th>
865                </tr>
866                <tr>
867                    <td width="50%">Cat Num</td>
868                    <td id="noradid" class="sat-info"></td>
869                </tr>
870                <tr>
871                    <td>Name</td>
872                    <td id="name" class="sat-info"></td>
873                </tr>
874                <tr>
875                    <td>Owner</td>
876                    <td id="owner" class="sat-info"></td>
877                </tr>
878                <tr>
879                    <td>Period</td>
880                    <td id="period" class="sat-info"></td>
881                </tr>
882                <tr>
883                    <td>Inclination</td>
884                    <td id="inclination" class="sat-info"></td>
885                </tr>
886                <tr>
887                    <td>Apogee</td>
888                    <td id="apogee" class="sat-info"></td>
889                </tr>
890                <tr>
891                    <td>Perigee</td>
892                    <td id="perigee" class="sat-info"></td>
893                </tr>
894                <tr>
895                    <th colspan="2">Calculated Values</th>
896                </tr>
897                <tr>
898                    <td>Latitude</td>
899                    <td id="latitude" class="sat-info"></td>
900                </tr>
901                <tr>
902                    <td>Longitude</td>
903                    <td id="longitude" class="sat-info"></td>
904                </tr>
905                <tr>
906                    <td>Latitude</td>
907                    <td id="latitudedec" class="sat-info"></td>
908                </tr>
909                <tr>
910                    <td>Longitude</td>
911                    <td id="longitudedec" class="sat-info"></td>
912                </tr>
913                <tr>
914                    <td>Locator</td>
915                    <td id="locator" class="sat-info"></td>
916                </tr>                    
917                <tr>
918                    <td>Altitude</td>
919                    <td id="altitude" class="sat-info"></td>
920                </tr>
921                <tr>
922                    <td>Orbit Number</td>
923                    <td id="orbitnumber" class="sat-info"></td>
924                </tr>
925                <tr>
926                    <td>Visible</td>
927                    <td id="visible" class="sat-info"></td>
928                </tr>
929                
930                <tr>
931                    <td>Velocity</td>
932                    <td id="velocity" class="sat-info"></td>
933                </tr>
934                <tr>
935                    <td>Footprint</td>
936                    <td id="footprint" class="sat-info"></td>
937                </tr>
938                <tr>
939                    <td>Range</td>
940                    <td id="range" class="sat-info"></td>
941                </tr>
942                <tr>
943                    <td>Range rate</td>
944                    <td id="rangerate" class="sat-info"></td>
945                </tr>
946                <tr>
947                    <td>Doppler Shift (Hz)</td>
948                    <td id="doppler" class="sat-info"></td>
949                </tr>
950                <tr>
951                    <td>Signal Loss (dB)</td>
952                    <td id="loss" class="sat-info"></td>
953                </tr>
954                <tr>
955                    <td>Signal Delay (ms)</td>
956                    <td id="delay" class="sat-info"></td>
957                </tr>                                                               
958                <tr>
959                    <td>Elevation</td>
960                    <td id="elevation" class="sat-info"></td>
961                </tr>
962                <tr>
963                    <td>Azimuth</td>
964                    <td id="azimuth" class="sat-info"></td>
965                </tr>
966                <tr>
967                    <td>Orbital Phase</td>
968                    <td id="orbitalphase" class="sat-info"></td>
969                </tr>
970                <tr>
971                    <td>Geostationary</td>
972                    <td id="geostationary" class="sat-info"></td>
973                </tr>                    
974            </table>
975        </div>  
976    </div>
977        
978	<div data-options="region:'center'" id="center-panel">
979		<div id="viewtabs" class="easyui-tabs" data-options="fit:true">
980			<div title="List" style="overflow: hidden;" id="list">
981                <table id="sat-list-grid"></table>
982			</div>
983
984			<div title="3D View" id="3d"></div>
985
986			<div title="Passes" style="overflow: hidden" id="passes">
987                <div>    
988                    <div id="pass-info-geostationary" class="hidden">
989                    <h1>The selected satellite is Geostationary</h1>
990                    <p>A geostationary orbit, or Geostationary Earth Orbit (GEO), is a circular orbit 35,786 kilometres (22,236 mi) above the Earth's equator and following the direction of the Earth's rotation. An object in such an orbit has an orbital peri
990od equal to the Earth's rotational period (one sidereal day), and thus appears motionless, at a fixed position in the sky, to ground observers. Communications satellites and weather satellites are often given geostationary orbits, so that the satellite antennas that communicate with them do not have to move to track them, but can be pointed permanently at the position in the sky where they stay.</p>
991                    <img src="/images/orbits.png "/>
992                </div>
993
994                    <table width="98%" height="100%" id="pass-info-table">
995                    <tr>
996                        <td height="50%" width="100%" colspan="2" valign="top">                    
997                            <table id="passesgrid" class="easyui-datagrid" title="Passes" data-options="rownumbers:true, singleSelect:true, autoRowHeight:false, pagination:true, pageSize:20">
998                                <thead>
999                                    <tr>
1000                                        <th field="date" width="170">Date</th>
1001                                        <th field="az" width="70">Azimuth</th>
1002                                        <th field="el" width="70">Elevation</th>
1003                                        <th field="viz" width="70">Visibility</th>
1004                                        <th field="range" width="60" align="right">Range</th>
1005                                        <th field="footprint" width="60" align="right">Footprint</th>
1006                                        <th field="doppler" width="105" align="right">Doppler Shift (Hz)</th>
1007                                        <th field="loss" width="105" align="right">Signal Loss (dB)</th>
1008                                        <th field="delay" width="105" align="right">Signal Delay (ms)</th>
1009                                        <th field="mv" width="105" align="right">Mutual Visible</th>
1010                                    </tr>
1011                                </thead>
1012                            </table>                        
1013                        </td>
1014                    </tr>
1015                    <tr>
1016                        <td height="50%" width="50%" class="backblack"><div id="passbottomleft"></div></td>
1017                        <td height="50" width="50%" class="backblack"><div id="passbottomright"></div></td>
1018                    </tr>                    
1019                </table>
1020                </div>
1021			</div>
1022
1023			<div title="Polar View" id="polar" style="overflow: hidden;"></div>
1024
1025			<div title="Sky View" id="sky" style="overflow: hidden;"></div>
1026			
1027            <div title="Timeline View" id="timeline" style="overflow: hidden;">
1028                <div>
1029                    <div id="timelinelegend" style="float: left;width:200px"></div>
1030                    <div id="timelineview" style="float: left;overflow: auto;"></div>
1031                </div>
1032            </div>			
1033			
1034            <div title="Settings" width=1000 height=600 id="options">
1035				<div id="window-preferences-tabs" class="easyui-tabs" data-options="fit:true">
1036                    <div title="General" data-options="" style="padding: 20px;">
1037                        <div class="icon32" id="icon-options-general"><br></div>
1038                        <h2>General Options</h2>
1039                        
1040                        <h3>Debugging</h3>
1041                        <table class="form-table">
1042                            <tr valign="top">
1043                                <th>Enable Debug View</th>
1044                                <td>
1045                                    <input type="checkbox" id="debugger-show" value="on" class="options-cb">
1046                                    <p class="description"><strong>NOTE:</strong> This is only intended for developers to examine internal data from the SPM engines.</p>
1047                                </td>
1048                            </tr>                          
1049                        </table>
1050                                                
1051                    </div>
1052					
1053                    <div title="Observer" data-options="" style="padding: 20px;">
1054                    
1055                    
1056                        <div class="icon32" id="icon-options-general"><br></div>
1057                        <h2>Observer Options</h2>
1058                        
1059                        <h3>Home Location</h3>
1060                        <table class="form-table">
1061                            <tr valign="top">
1062                                <th>Use Browser To Find Location</th>
1063                                <td>
1064                                    <input type="checkbox" id="observergelocate" value="on">
1065                                    <p class="description">Selecting this option will attempt to use the browsers inbuilt Geo Location. If you do not select this option you can manually specify your location below.</p>
1066                                </td>
1067                            </tr>                          
1068                            <tr valign="top">
1069                                <th>Location name</th>
1070                                <td>
1071                                    <input size=15 id="observername" class="observerhome">
1072                                    <button type="submit" id="geoshow"><img src="/images/geo.png" width=16> Select On Map</button>
1073                                </td>
1074                            </tr>
1075                            <tr valign="top">
1076                                <th>Location Latitude</th>
1077                                <td>
1078                                    <input size=20 id="observerlatitude" class="observerhome">
1079                                </td>
1080                            </tr>
1081                            <tr valign="top">
1082                                <th>Location Longitude</th>
1083                                <td>
1084                                    <input size=20 id="observerlongitude" class="observerhome">
1085                                </td>
1086                            </tr>
1087                            <tr valign="top">
1088                                <th>Location Altitude</th>
1089                                <td>
1090                                    <input size=10 id="observeraltitude" class="observerhome">
1091                                </td>
1092                            </tr>                                                       
1093                        </table>
1094                        
1095                        <h3>Mutual Location</h3>
1096                        <table class="form-table">
1097                            <tr valign="top">
1098                                <th>Enable Mutual Observer</th>
1099                                <td>
1100                                    <input type="checkbox" id="mutualobserver" value="on">
1101                                    <p class="description">Selecting this option will enable certain features allowing indicating when a satellite is visible to both your location ansd a mutual observers location.</p>
1102                                </td>
1103                            </tr>    
1104                            <tr valign="top">
1105                                <th>Location name</th>
1106                                <td>
1107                                    <input size=15 id="mutualobservername" class="observerhome">
1108                                    <button type="submit" id="mutualgeoshow"><img src="/images/geo.png" width=16> Select On Map</button>
1109                                </td>
1110                            </tr>
1111                            <tr valign="top">
1112                                <th>Location Latitude</th>
1113                                <td>
1114                                    <input size=20 id="mutualobserverlatitude" class="observerhome">
1115                                </td>
1116                            </tr>
1117                            <tr valign="top">
1118                                <th>Location Longitude</th>
1119                                <td>
1120                                    <input size=20 id="mutualobserverlongitude" class="observerhome">
1121                                </td>
1122                            </tr>
1123                            <tr valign="top">
1124                                <th>Location Altitude</th>
1125                                <td>
1126                                    <input size=10 id="mutualobserveraltitude" class="observerhome">
1127                                </td>
1128                            </tr>                                                       
1129                        </table>
1130                                                                    
1131					</div>
1132					<div title="Satellites" data-options="" style="padding: 20px;">
1133                        <div class="icon32" id="icon-options-general"><br></div>
1134                        <h2>Satellite Options</h2>
1135                        
1136                        <h3>Position Calculations</h3>
1137                        <table class="form-table">
1138                            <tr valign="top">
1139                                <th>Calculate Every (Seconds)</th>
1140                                <td>
1141                                    <input id="window-preferences-calc-timer" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:1,max:50,editable:false">
1142                                    <p class="description">If you have a slower PC then try increasing this value to improve performance.</p>
1143                                    </td>
1144                            </tr>
1145                            <tr valign="top">
1146                                <th>AoS When Above (In Degrees)</th>
1147                                <td>
1148                                    <input id="window-preferences-aos" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:-10,max:100,editable:false">
1149                                </td>
1150                            </tr>
1151                        </table>
1152                        
1153                        <h3>Satellite Groups</h3>
1154                        <table class="form-table">
1155                            <tr valign="top">
1156                                <th>Default TLE Group</th>
1157                                <td>
1158                                    <select id="options-sat-group-selector-listbox"></select>
1159                                    <p class="description">Select the satellite group to load at startup.</p>
1160                                </td>
1161                            </tr>                          
1162                            <tr valign="top">
1163                                <th>Auto Add From TLE Group</th>
1164                                <td>
1165                                    <input type="checkbox" id="sats-autoadd" value="on">
1166                                    <p class="description">Automatically add all of the satellites in a group when its selected. <strong>NOTE:</strong> This will also add all of the satellites from the default group when the page is loaded.</p>
1167                                </td>
1168                            </tr>                          
1169                        </table>
1170					</div>
1171                    
1172                    <div title="Views" data-options="" style="padding: 0px;">
1173                        <div id="window-preferences-tabs-views" class="easyui-tabs" data-options="fit:true">
1174                            <div title="Polar View" data-options="" style="padding: 5px;">
1175                                <div class="icon32" id="icon-options-general"><br></div>
1176                                <h2>Polar View Options</h2>
1177                                
1178                                <table width="100%">
1179                                    <tr>
1180                                        <td rowspan="2" width="50%" valign="top">
1181                                            <h3>View Colours</h3>
1182                                            <table width="100%">
1183                                                <tr>
1184                                                    <th width="50%">
1184Background Colour</th>
1185                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-background-color" type="text" value="" /></td>
1186                                                </tr>
1187                                                <tr>
1188                                                    <th width="50%">Border Colour</th>
1189                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-border-color" type="text" value="" /></td>
1190                                                </tr>                                                
1191                                                <tr>
1192                                                    <th width="50%">Gradient Start</th>
1193                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-gradient-start" type="text" value="" /></td>
1194                                                </tr>
1195                                                <tr>
1196                                                    <th width="50%">Gradient End</th>
1197                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-gradient-end" type="text" value="" /></td>
1198                                                </tr>
1199                                                <tr>
1200                                                    <th width="50%">Grid Colour</th>
1201                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-grid" type="text" value="" /></td>
1202                                                </tr>
1203                                                <tr>
1204                                                    <th width="50%">Text Colour</th>
1205                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-text" type="text" value="" /></td>
1206                                                </tr>
1207                                                <tr>
1208                                                    <th width="50%">Degree Text Colour</th>
1209                                                    <td width="50%"><input class="jscolor polarcolour" id="polar-degrees-text" type="text" value="" /></td>
1210                                                </tr>
1211                                                <tr>
1212                                                    <th width="50%">Reset Colours To Defaults</th>
1213                                                    <td width="50%"><button id="polar-reset-colours">Default</button></td>
1214                                                </tr>                                                  
1215                                            </table>
1216
1217                                        </td>
1218                                        <td width="50%">
1219                                            <div id="polar-preview" style="width:400px; height:400px"></div>
1220                                        </td>
1221                                    </tr>
1222                                    <tr>
1223                                        <td></td>
1224                                    </tr>
1225                                </table>
1226                                
1227                            </div>
1228                            <div title="Passes View" data-options="" style="padding: 5px;">
1229                                <div class="icon32" id="icon-options-general"><br></div>
1230                                <h2>Passes View Options</h2>
1231                                <h3>Default views</h3>
1232                                <p>The passes view has two views that can be set by default. Select the default views to be shown below. The views can be altered on the passes ribbon tab. <strong>NOTE:</strong> You will need to refresh the page for these settinsg to take effect.</p>
1233                                <table class="form-table">
1234                                    <tr valign="top">
1235                                        <th>Bottom Left View</th>
1236                                        <td>
1237                                            <select class="options-cb" id="options-passes-view-bottomleft">
1238                                                <option value="3d">3D View</option>
1239                                                <option value="polar">Polar View</option>
1240                                                <option value="sky">
1240Sky View</option>
1241                                                <option value="azel">Az/El View</option>
1242                                            </select>
1243                                        </td>
1244                                    </tr>                          
1245                                    <tr valign="top">
1246                                        <th>Bottom Right View</th>
1247                                        <td>
1248                                            <select class="options-cb" id="options-passes-view-bottomright">
1249                                                <option value="3d">3D View</option>
1250                                                <option value="polar">Polar View</option>
1251                                                <option value="sky">Sky View</option>
1252                                                <option value="azel">Az/El View</option>                                               
1253                                            </select>
1254                                        </td>
1255                                    </tr>                          
1256                                </table>                                
1257                            </div>
1258                            <div title="3D View" data-options="" style="padding: 5px;">
1259                                <div class="icon32" id="icon-options-general"><br></div>
1260                                <h2>3D View Options</h2>
1261                                <h3>Static Map Image</h3>
1262                                <table class="form-table">
1263                                    <tr valign="top">
1264                                        <th>Static Map Image
1265                                        </th>
1266                                        <td>
1267                                            <select class="options-cb" id="options-3d-view-staticimage">
1268                                                <option value="land_ocean_ice_lights_2048.jpg">Land Ocean Ice Lights 2048</option>
1269                                                <option value="land_ocean_ice_lights_512.jpg">Land Ocean Ice Lights 512</option>
1270                                                <option value="NE2_50M_SR_W_2048.jpg">NE2 50M SR W 2048</option>
1271                                                <option value="NE2_50M_SR_W_4096.jpg">NE2 50M SR W 4096</option>
1272                                            </select>
1273                                            <p class="description">Select the static map image to use in the 3D view.</p>
1274
1275                                        </td>
1276                                        <td>
1277                                            <img src="" id="options-3d-view-staticimage-image" width="200">
1278                                        </td>
1279                                    </tr>                                                    
1280                                </table>
1281                                
1282                                <h3>Views and providers</h3>
1283                                <table class="form-table">
1284                                    <tr valign="top">
1285                                        <th>Default View</th>
1286                                        <td>
1287                                            <select class="options-cb" id="options-3d-view">
1288                                                <option value="threed">3D View</option>
1289                                                <option value="twod">2D View</option>
1290                                                <option value="twopointfived">2.5D View</option>
1291                                            </select>                                            
1292                                        </td>
1293                                        <th>Default Provider</th>
1294                                        <td>
1295                                            <select class="options-cb" id="options-3d-provider">
1296                                                <option value="staticimage">Static Image</option>
1297                                                <option value="bing">Bing Maps</option>
1298                                                <option value="arcgis">Arc Gis</option>
1299                                                <option value="naturalearth">Natural Earth</option>
1300                                                <option value="blackmarble">Black marble</option>
1301                                            </select>                                            
1302                                        </td>                                        
1303                                    </tr>
1304                                    <tr valign="top">
1305                                        <th>Use Terrain Provider</th>
1306                                        <td>
1307                                            <input type="checkbox" id="options-3d-terrain
1307provider" value="on" class="options-cb">
1308                                            <p class="description">The Terrain Provider will show elevation data on the 3D view.</p>
1309                                        </td>
1310                                        <th></th>
1311                                        <td></td>                                        
1312                                    </tr>
1313                                </table>                                
1314                                
1315                                
1316                                <h3>Satellites</h3>
1317                                <table class="form-table">
1318                                    <tr valign="top">
1319                                        <th width="30%" colspan="2"><strong>Unselected</strong></th>
1320                                        <th colspan="1">Selected</th>
1321                                    </tr>
1322                                    <tr valign="top">
1323                                        <th>Icon</th>
1324                                        <td>
1325                                            <select class="options-cb" id="options-3d-sat-icon-unselected">
1326                                                <option value="1" data-imagesrc="/images/satellites/satellite0-32.png">Icon 1</option>
1327                                                <option value="2" data-imagesrc="/images/satellites/satellite1-32.png">Icon 2</option>
1328                                            </select>                                            
1329                                        </td>
1330                                        <td>
1331                                            <select class="options-cb" id="options-3d-sat-icon-selected">
1332                                                <option value="1" data-imagesrc="/images/satellites/satellite0-32.png">Icon 1</option>
1333                                                <option value="2" data-imagesrc="/images/satellites/satellite1-32.png">Icon 2</option>
1334                                            </select>                                            
1335                                        </td>
1336                                    </tr>
1337                                    <tr valign="top">
1338                                        <th>Icon Size</th>
1339                                        <td>
1340                                            <select class="options-cb" id="options-3d-sat-icon-unselected-size">
1341                                                <option value="16">16 Pixels</option>
1342                                                <option value="24">24 Pixels</option>
1343                                                <option value="32">32 Pixels</option>
1344                                                <option value="64">64 Pixels</option>
1345                                                <option value="128">128 Pixels</option>
1346                                                <option value="256">256 Pixels</option>
1347                                            </select>                                          
1348                                        </td>
1349                                        <td>
1350                                            <select class="options-cb" id="options-3d-sat-icon-selected-size">
1351                                                <option value="16">16 Pixels</option>
1352                                                <option value="24">24 Pixels</option>
1353                                                <option value="32">32 Pixels</option>
1354                                                <option value="64">64 Pixels</option>
1355                                                <option value="128">128 Pixels</option>
1356                                                <option value="256">256 Pixels</option>
1357                                            </select>                                          
1358                                        </td>
1359                                    </tr>
1360                                    <tr valign="top">
1361                                        <th>Label Size</th>
1362                                        <td>
1363                                            <select class="options-cb" id="options-3d-sat-label-unselected-size">
1364                                                <option value="8">8 Pixels</option>
1365                                                <option value="10">10 Pixels</option>
1366                                                <option value="12">12 Pixels</option>
1367                                                <option value="14">14 Pixels</option>
1368                                                <option value="16">16 Pixels</option>
1369                                                <option value="18">18 Pixels</option>
1370                                                <option value="20">20 Pixels</option>
1371                                                <option value="22">22 Pixels</option>
1372                                                <option value="24">24 Pixels</option>
1373                                            </select>                                          
1374                                        </td>
1375                                        <td>
1376                                            <select class="options-cb" id="options-3d-sat-label-selected-size">
1377                                                <option value="8">8 Pixels</option>
1378                                                <option value="10">10 Pixels</option>
1379                                                <option value="12">12 Pixels</option>
1380                                                <option value="14">14 Pixels</option>
1381                                                <option value="16">16 Pixels</option>
1382                                                <option value="18">18 Pixels</option>
1383                                                <option value="20">20 Pixels</option>
1384                                                <option value="22">22 Pixels</option>
1385                                                <option value="24">24 Pixels</option>
1386                                            </select>                                         
1387                                        </td>
1388                                    </tr>
1389                                    <tr valign="top">
1390                                        <th>Label Colour</th>
1391                                        <td><input class="jscolor polarcolour" id="3d-label-colour-unselected" type="text" value="" /></td>
1392                                        <td><input class="jscolor polarcolour" id="3d-label-colour-selected" type="text" value="" /></td>
1393                                    </tr>
1394                                </table>  
1395                                
1396                                
1397                                
1398                                                              
1399                                <h3>Following Options</h3>
1400                                <table class="form-table">
1401                                    <tr valign="top">
1402                                        <th>Height Above Observer Location</th>
1403                                        <td>
1404                                            <input id="options-3d-view-followobs-height" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:0,max:1000,editable:false" value="1">                                        
1405                                            <p class="description">Select the height above the observer location, this is in meters.</p>
1406                                        </td>
1407                                        <th>Height Above Satellite</th>
1408                                        <td>
1409                                            <input id="options-3d-view-followsat-height" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:0,max:10000,editable:false">                                        
1410                                            <p class="description">Select the height above the satellite location, this is in meters.</p>
1411                                        </td>                                        
1412                                    </tr>
1413                                </table>
1414                                
1415                                <h3>Cities</h3>
1416                                <table class="form-table">
1417                                    <tr valign="top">
1418                                        <th>Show Cities</th>
1419                                        <td>
1420                                            <input id="options-3d-view-show-cities" type="checkbox" class="options-cb" value="on">                                      
1421                                            <p class="description">Enable this option to show cities on the 3d view.</p>
1422                                        </td>
1423                                        <th>Font Size</th>
1424                                        <td>
1425                                            <input id="options-3d-view-city-font-size" type="text" size="3" class="options-spinner"> px                                      
1426                                            <p class="description">The font size for the city labels in pixels</p>
1427                                        </td>                                        
1428                                    </tr>
1429                                    <tr valign="top">
1430                                        <th>Population Limit</th>
1431                                        <td>
1432                                            <input id="options-3d-view-city-pop-limit" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:0,max:10,increment:1,editable:false"> Million
1433                                            <p class="description">Cities will only be displayed if their population is above or equal to this limit.</p>
1434                                        </td>
1435                                        <th>Label Colour</th>
1436                                        <td>
1437                                            <input id="options-3d-view-city-font-colour" type="text" class="jscolor">
1438                                            <p class="description">The label colour</p>
1439                                        </td>                                         
1440                                    </tr>                                                                                         
1441                                </table>
1442                                
1443                                                                                                                         
1444                            </div>                            
1445                        </div>
1446                    </div>                    
1447                    
1448				</div>
1449			</div>
1450            
1451            <div title="Debug View" width=1000 height=600 id="debug">   
1452                <table id="debuggrid" class="easyui-treegrid" style="width:600px;height:400px"  
1453                        data-options="idField:'id',treeField:'satellite',title:'Satellite Data',fit:true">  
1454                    <thead>  
1455                        <tr>  
1456                            <th data-options="field:'satellite',width:250">Satellite</th>  
1457                            <th data-options="field:'orbits',width:60,align:'right'">Orbits</th>  
1458                            <th data-options="field:'orbitno',width:80">Orbit Number</th>  
1459                            <th data-options="field:'aos',width:120">AoS</th>  
1460                            <th data-options="field:'los',width:120">LoS</th>  
1461                            <th data-options="field:'points',width:80">Points</th>  
1462                            <th data-options="field:'calctime',width:110">Calc Time (ms)</th>  
1463                        </tr>  
1464                    </thead>  
1465                </table>                      
1466            </div>    
1467            
1468            <div title="Home View" id="home">   
1469                <div>
1470                    <div><img src="/images/logo-128-noborder.png" class="vertical" /><span class="heading">Welcome to AGSatTrack - Online</span></div>
1471                    
1472                    <h2>Basic Concepts</h2>
1473                    <p><strong>Your Location.</strong> When first started the browser will ask you if the site is allowed to use your location. if you answer yes then the browser will attempt to determine your approximate location. <strong>note</strong> this is not generally that accurate. Under options->observer you can select your exact location.</p>
1474                    <p><strong>Satellites</strong> are loaded from groups, these match the standard groups available on sites like celestrak. A default group is loaded at startup, unless you have changed this the 'amateur' group is loaded. To load a group select the 'Groups' dropdown from the Home ribbon menu. You can also specify the default group to load in the options, under satellites.</p>
1475                    <p>Once a group is loaded you need to add satellites to display. When a satellite is displayed its data is calculated. Those satellites not being displayed will not have any data calculated for them. By default all satellites in the loaded group are automatically added. You can disable this in Options->satellites.</p>
1476                    <p>Satellites can be 'selected', this can be done from the list viewe, Satellite Selector or generally by clicking on a satellite in any view. Once a satellite is selected more data will be displayed, generally its orbit and passes. The Satellite info pannel on the left will also show more information. If multiple satellites are selected then a drop down will appear allowing you to select the satellite to show more detailed information for.</p>
1477                    <h2>Views</h2>
1478                    <p>There are 7 main views available.</p>
1479                    <ul>
1480                        <li><strong>List View.</strong> This is a basic list of all satellites loaded and is updated to reflect current data. For large groups of satellites the list is paged. The page size can be set at the botom of the view.</li>
1481                        <li><strong>3D View.</strong> This is a rotatable, zoomable view of the earth. satellites will be displayed, along with their orbits of there are selected. if the current orbit has a pass over your location this will be shown in green on the orbit path. The imagry for the earth can be selected in the 'provider' drop down. You can follow a selected satellite either from your location or from the satellite. The 'View' option also allows for a 2D and 2.5D view.</li>
1482                        <li><strong>Passes View.</strong> This view displays pass information for a satellite. The satellite and pass can be selected in the ribbon menu. The two bottom views can be selected in the ribbon menu. the default for these two views can be specified in the options.</li>
1483                        <li><strong>Polar View.</strong> This displays a Polar, or radar, view.</li>
1484                        <li><strong>Sky View.</strong> This displays a view looking South from your location. This can be handy for visual satellite observation. The horizon image can be dragged up and down if its in the way or turned off in the ribbon menu.</li>
1485                        <li><strong>Timeline View.</strong> This will show all passes for the selectedd satellites within the next 24 hours.</li>
1486                        <li><strong>Az/El View.</strong> This is <strong>only</strong> available in the passes view. It shows a graph of Azimuth and elevation for a selected pass.</li>
1487                    </ul>
1488                    <h4>Debug View</h4>
1489                    <p>This must be enabled in the options. This view is primarily intended to debug issues. It shows all of the available satellites along with information about the internal 
1489calculation engine.</p>
1490                </div>
1491            </div>
1492            
1493            <div title="DX View" id="dx">
1494            </div>                                  
1495            
1496		</div>
1497	</div>
1498
1499    <div data-options="region:'south'" id="south-panel">
1500        <div id="statusbar">
1501            <div id="status" class="panel"><strong>Initialising</strong></div>
1502            <div id="statusgroup" class="panel"><strong>Group:</strong> NONE</div>
1503            <div id="statusfollowing" class="panel"><strong>Following:</strong> NONE</div>
1504            <div id="statustotalloaded" class="panel">0 Satellites Loaded</div>
1505            <div id="currenttime" class="panel"></div>
1506            
1507            <div id="social-fb" class="panel last-panel">
1508                <div id="fb-root"></div>
1509                    
1509<script>(function(d, s, id) {
1510                      var js, fjs = d.getElementsByTagName(s)[0];
1511                      if (d.getElementById(id)) return;
1512                      js = d.createElement(s); js.id = id;
1513                      js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=218900791485439";
1514                      fjs.parentNode.insertBefore(js, fjs);
1515                    }(document, 'script', 'facebook-jssdk'));</script>
1515
1516                    <div class="fb-like" data-href="http://www.facebook.com/agsattrack" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>
1517            </div>
1518            <div id="social-twitter" class="panel">
1519                <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/tweet_button.html?via=agsattrack" style="width:105px; height:20px;"></iframe>
1520                <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=agsattrack" style="width:200px; height:20px;"></iframe>
1521            </div>            
1522        </div>
1523    </div>
1524        
1525    <div id="contact-window" class="easyui-window" data-options="title:'Contact',closed:true, resizable:false, minimizable:false,maximizable:false, collapsible: false" style="width:500px;height:200px;padding:5px;">
1526        <div class="easyui-layout" data-options="fit:true">
1527            <div data-options="region:'center',border:false" style="padding:10px;background:#fff;border:1px solid #ccc;">
1528                <h2>Contact</h2>
1529                <p>To contact me please send an email to alex AT agsattrack.com</p>
1530            </div>
1531            <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;">
1532                <a class="easyui-linkbutton" href="javascript:void(0)" onclick="jQuery('#contact-window').window('close');">Ok</a>
1533            </div>
1534        </div>
1535    </div>
1536
1537    <div id="help-window" class="easyui-window" data-options="title:'Help',closed:true, resizable:false, minimizable:false,maximizable:false, collapsible: false" style="width:900px;height:600px;padding:0px">
1538        <div class="easyui-layout" data-options="fit:true">
1539            <div data-options="region:'center',border:false" style="background:#fff;border:1px solid #ccc;">
1540                <div class="easyui-layout" data-options="fit:true">
1541                    <div data-options="region:'west',split:true,title:'Topics'" style="width:200px;overflow:auto">
1542                        <ul id="help-tree" class="easyui-tree">  
1543                            <li>  
1544                                <span>Help Topics</span>  
1545                                <ul>  
1546                                    <li>  
1547                                        <span>Introduction</span>  
1548                                        <ul>  
1549                                            <li>  
1550                                                <span><a href="help/whatis.html" class="tree-help-item">What is AgSatTrack</a></span>  
1551                                            </li>   
1552                                        </ul>                  
1553                                    </li>
1554                                    <li>  
1555                                        <span>How To</span>  
1556                                        <ul>  
1557                                            <li>  
1558                                                <span><a href="help/loadgroups.html" class="tree-help-item">Load Groups</a></span>  
1559                                            </li>  
1560                                        </ul>                  
1561                                    </li>                
1562                                </ul>  
1563                            </li>  
1564                        </ul>                    
1565                    </div>
1566                    <div data-options="region:'center',title:'Help'">
1567                        <div id="help-content" style="padding:2px">
1568                        </div>
1569                    </div>
1570                </div>
1571            </div>
1572            <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;">
1573                <a class="easyui-linkbutton" href="javascript:void(0)" onclick="jQuery('#help-window').window('close');">Ok</a>
1574            </div>
1575        </div>
1576    </div>
1577            
1578    <ol id="joyRideTipContent">
1579      <li data-id="sat-group-selector" data-button="Next" data-options="tipLocation:top;tipAnimation:fade">
1580        <h2>Select a Group</h2>
1581        <p>This drop down contains the groups you can use. Amateur is loaded by default. Selecting another group will load the satellites from that group.</p>
1582      </li>
1583      <li data-id="sat-selector" data-button="Next" data-options="tipLocation:top;tipAnimation:fade">
1584        <h2>Select Satellites</h2>
1585        <p>Select the satellites you wish to display. Satellites in the right hand listbox will be displayed. Checking the checkbox will also dis
1585play the orbit and footprint.</p>
1586      </li>
1587      <li data-id="view-select" data-button="Next" data-options="tipLocation:top;tipAnimation:fade">
1588        <h2>Switch View</h2>
1589        <p>Select the view to display. You can also set the ribbon bar to switch view when you click on a tab, look in the settings under views.</p>
1590      </li>      
1591      <li data-id="ribbon-tab-header-strip" data-button="Next" data-options="tipLocation:top;tipAnimation:fade">
1592        <h2>View Tabs</h2>
1593        <p>Each view has customisable options</p>
1594      </li> 
1595      <li data-id="satinfot" data-button="Next" data-options="tipLocation:right;tipAnimation:fade">
1596        <h2>Satellite Information</h2>
1597        <p>The left hand pane contains details about the selected satellite. If multiple satellites are selected then a drop down will be available to select which satellite to show data for.</p>
1598      </li>       
1599      <li data-id="options" data-button="Close" data-options="tipLocation:top;tipAnimation:fade">
1600        <h2>Program Options</h2>
1601        <p>Setup Agsattrack how you like it :-)</p>
1602      </li>         
1603    </ol>
1604    
1605
1606     <div id="help-1" class="helpwrapper">
1607         <div style="width: 220px" class="helptext">       
1608         <h2><span><img src="/images/info.png" width=32 /></span>Information</h2>
1609         <p>There are {tlecount} satellites loaded but none are current being displayed.</p>
1610         <p>before satellites are displayed you need to add them. There are two ways to add satellites.</p>
1611         <ul>
1612            <li><img src="/js/ribbon/icons/hot/satellite.png"><span>Use the satellite selector on the home ribbon tab</span></li>
1613            <li><img src="/js/ribbon/icons/hot/satellite_all.png"><span>Use the add all satellites button on the home ribbon tab</span></li>
1614         </ul>
1615         </div>
1616     </div>
1617                
1618	
1618<script type="text/javascript">
1619        var href = document.location.href;
1620        
1621        if (href.indexOf('local') === -1) {
1622		    if (AGSETTINGS.cookiesOk()) {
1623                var _gaq = _gaq || [];
1624		        _gaq.push([ '_setAccount', 'UA-36758800-1' ]);
1625		        _gaq.push([ '_trackPageview' ]);
1626
1627		        (function() {
1628			        var ga = document.createElement('script');
1629			        ga.type = 'text/javascript';
1630			        ga.async = true;
1631			        ga.src = ('https:' == document.location.protocol ? 'https://ssl'
1632					        : 'http://www')
1633					        + '.google-analytics.com/ga.js';
1634			        var s = document.getElementsByTagName('script')[0];
1635			        s.parentNode.insertBefore(ga, s);
1636		        })();
1637            }
1638        }
1639	</script>
1639
1640
1641</body>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.