1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript" src="cfform.js"></script>
<script type="text/javascript" src="masks.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var infowindow;
var arrMarkers = new Array();
MapMarker = function(lat,lng,m_title,m_content,m_image) {
var increment = 0.3;
var isDupe = isDupeMarker(lat,lng);
while (isDupe) {
lat += increment;
lng += increment;
isDupe = isDupeMarker(lat,lng);
}
this.lat = lat;
this.lng = lng;
this.m_title = m_title;
this.m_content = m_content;
this.m_image = m_image;
}
isDupeMarker = function(lat,lng){
var isDupe = false;
if (arrMarkers.length){
for (var i in arrMarkers){
if(arrMarkers[i].lat==lat && arrMarkers[i].lng==lng) isDupe=true;
}
}
return isDupe;
}
arrMarkers[0] = new MapMarker(35.4675000000,-93.4716700000,"CLARKSVILLE, AR - HOUSTON, TX",'2 LOADS<br />CLARKSVILLE, AR - HOUSTON, TX<br />JUN 21 - JUN 25<br />EQUIP:FLAT BED,<br />MILES: 528<br />RATE:NEGOTIABLE<br />' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=97059">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=97059">'+'EDIT LOAD</a>', "../Images/googleLoad.png");
arrMarkers[1] = new MapMarker(29.9048400000,-92.1334800000,"ABBEVILLE, LA - DELPHOS, OH",'1 LOAD<br />ABBEVILLE, LA - DELPHOS, OH<br />JUN 18 - JUL 31<br />EQUIP:HOPPER,<br />MILES:1,070<br />' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96478">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96478">'+'EDIT LOAD</a>', "../Images/googleLoad.png");
arrMarkers[2] = new MapMarker(40.1221900000,-79.8446400000,"BELLE VERNON, PA - WAVERLY, NY",'1 LOAD<br />BELLE VERNON, PA - WAVERLY, NY<br />JUN 18 - JUL 31<br />EQUIP:HOPPER,<br />MILES: 381<br />' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96477">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96477">'+'EDIT LOAD</a>', "../Images/googleLoad.png");
arrMarkers[3] = new MapMarker(40.1221900000,-79.8446400000,"BELLE VERNON, PA - ALBANY, NY",'1 LOAD<br />BELLE VERNON, PA - ALBANY, NY<br />JUN 18 - JUL 31<br />EQUIP:HOPPER,<br />MILES: 453<br />' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96476">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96476">'+'EDIT LOAD</a>', "../Images/googleLoad.png");
arrMarkers[4] = new MapMarker(38.6454600000,-90.3257400000,"SAINT LOUIS, MO - DUNCAN, NE",'1 LOAD<br />SAINT LOUIS, MO - DUNCAN, NE<br />JUN 18 - JUL 31<br />EQUIP:HOPPER,<br />MILES: 531<br />' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96475">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/addLoad.cfm?load_id=96475">'+'EDIT LOAD</a>', "../Images/googleLoad.png");
initialize = function(){
var myLatlng = new google.maps.LatLng(41.92018, -96.3392);
var myOptions = {
scrollwheel: false,
zoom: 5,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
var map = new google.maps.Map(document.getElementById("map_canvas_loads"), myOptions);
// Close InfoWindow when clicking anywhere on the map.
infoWindow = new google.maps.InfoWindow();
google.maps.event.addListener(map, 'click', function() {
infoWindow.close();
});
// draw markers on map
for (var i in arrMarkers) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(arrMarkers[i].lat, arrMarkers[i].lng),
map: map,
title: arrMarkers[i].m_title,
icon: arrMarkers[i].m_image
});
// Register a click listener on each marker created
google.maps.event.addListener(marker, 'click', (function(markerArg, index) {
return function() {
infoWindow.setContent(arrMarkers[index].m_content);
infoWindow.open(map, markerArg);
};
})(marker, i));
}
}
//google.maps.event.addDomListener(window, 'load', initialize);
</script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map2;
var infowindow2;
var arrMarkers2 = new Array();
MapMarker2 = function(lat,lng,m_title,m_content,m_image) {
var increment = 0.3;
var isDupe2 = isDupeMarker2(lat,lng);
while (isDupe2) {
lat += increment;
lng += increment;
isDupe2 = isDupeMarker2(lat,lng);
}
this.lat = lat;
this.lng = lng;
this.m_title = m_title;
this.m_content = m_content;
this.m_image = m_image;
}
isDupeMarker2 = function(lat,lng){
var isDupe2 = false;
if (arrMarkers2.length){
for (var i in arrMarkers2){
if(arrMarkers2[i].lat==lat && arrMarkers2[i].lng==lng) isDupe2=true;
}
}
return isDupe2;
}
arrMarkers2[0] = new MapMarker2(34.1222,-84.2975,"ALPHARETTA, GA - NORTH OR NW",'AVAILABLE MONDAY JUN 21 AFTERNOON<br />ALPHARETTA, GA - NORTH OR NW<br />HOPPER - HIGH SIDE<br />JERRY/BRADY 507-639-2231' + '<br /><a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43134">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43134">'+'EDIT TRUCK</a>', "../Images/googleTruck.png");
arrMarkers2[1] = new MapMarker2(45.1176,-95.0418,"WILLMAR, MN - WEST",'AVAILABLE MONDAY JUN 21 MORNING<br />WILLMAR, MN - WEST<br />HOPPER<br />BRIAN () 605-537-4838' + '<br /><a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43086">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43086">'+'EDIT TRUCK</a>', "../Images/googleTruck.png");
arrMarkers2[2] = new MapMarker2(42.4944,-96.3930,"SIOUX CITY, IA - NORTH",'AVAILABLE TUESDAY JUN 22 UNKNOWN<br />SIOUX CITY, IA - NORTH<br />HOPPER<br />BRIAN () 605-537-4838' + '<br /><a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43085">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43085">'+'EDIT TRUCK</a>', "../Images/googleTruck.png");
arrMarkers2[3] = new MapMarker2(42.6058,-95.0023,"NEWELL, IA - NORTH",'AVAILABLE THURSDAY JUN 24 UNKNOWN<br />NEWELL, IA - NORTH<br />HOPPER<br />BRIAN () 605-537-4838' + '<br /><a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43084">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=43084">'+'EDIT TRUCK</a>', "../Images/googleTruck.png");
arrMarkers2[4] = new MapMarker2(42.7098,-114.4610,"JEROME, ID - CANADA",'AVAILABLE MONDAY JUN 28 UNKNOWN<br />JEROME, ID - CANADA<br />HOPPER<br />FLOYD () 204-727-1673<br />NEED TO COME BACK TO CANADA' + '<br /><a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=42989">' + '<img src="../Images/icons/wrench_orange.png" width="10px" height="10px" border="0"></a>' + '<a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/addTruck.cfm?truck_id=42989">'+'EDIT TRUCK</a>', "../Images/googleTruck.png");
initialize2 = function(){
var myLatlng = new google.maps.LatLng(39.92018, -97.3392);
var myOptions2 = {
scrollwheel: false,
zoom: 5,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.TERRAIN
}
var map2 = new google.maps.Map(document.getElementById("map_canvas_trucks"), myOptions2);
// Close InfoWindow when clicking anywhere on the map.
infoWindow2 = new google.maps.InfoWindow();
google.maps.event.addListener(map2, 'click', function() {
infoWindow2.close();
});
// draw markers on map
for (var i in arrMarkers2) {
var marker2 = new google.maps.Marker({
position: new google.maps.LatLng(arrMarkers2[i].lat, arrMarkers2[i].lng),
map: map2,
title: arrMarkers2[i].m_title,
icon: arrMarkers2[i].m_image
});
// Register a click listener on each marker created
google.maps.event.addListener(marker2, 'click', (function(markerArg, index) {
return function() {
infoWindow2.setContent(arrMarkers2[index].m_content);
infoWindow2.open(map2, markerArg);
};
})(marker2, i));
}
}
//google.maps.event.addDomListener(window, 'load', initialize2);
</script>
<meta name="google-site-verification" content="" />
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.classify.org/safesurf/" L gen true for "http://www.hopperboard.com" r (SS~~000 1))'>
<meta name="keywords" content="">
<meta name="description" content="">
<title>Hopper Board - Dashboard</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="basics.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="layout.css">
<link rel="stylesheet" type="text/css" href="menu.css">
<script type="text/javascript" src="jquery-ui-1.8.1.custom.min.js"></script>
<link rel="Stylesheet" type="text/css" href="jq-main.css">
<script type="text/javascript" src="jquery.tools.min.js"></script>
<script>
//ToolTip
$(document).ready(function() {
$("#tooltipdiv a[title]").tooltip('#tooltip');
});
</script>
<script type="text/javascript">/* <![CDATA[ */
if (window.ColdFusion) ColdFusion.required['username']=true;
/* ]]> */</script>
<script type="text/javascript">/* <![CDATA[ */
if (window.ColdFusion) ColdFusion.required['password']=true;
/* ]]> */</script>
<script type="text/javascript">
<!--
_CF_checklogin = function(_CF_this)
{
//reset on submit
_CF_error_exists = false;
_CF_error_messages = new Array();
_CF_error_fields = new Object();
_CF_FirstErrorField = null;
//form element username required check
if( !_CF_hasValue(_CF_this['username'], "TEXT", false ) )
{
_CF_onError(_CF_this, "username", _CF_this['username'].value, "You must enter your username");
_CF_error_exists = true;
}
//form element password required check
if( !_CF_hasValue(_CF_this['password'], "PASSWORD", false ) )
{
_CF_onError(_CF_this, "password", _CF_this['password'].value, "You must enter your password");
_CF_error_exists = true;
}
//display error messages and return success
if( _CF_error_exists )
{
if( _CF_error_messages.length > 0 )
{
// show alert() message
_CF_onErrorAlert(_CF_error_messages);
// set focus to first form error, if the field supports js focus().
if( _CF_this[_CF_FirstErrorField].type == "text" )
{ _CF_this[_CF_FirstErrorField].focus(); }
}
return false;
}else {
return true;
}
}
//-->
</script>
</head>
<body id="dashboard">
<div id="wrapper">
<div id="header_wrapper">
<div id="header">
<table width="100%" cellspacing="0" cellpadding="0" style="padding-top:4px;">
<tr>
<td width="336px">
<a href="../../index.cfm">
<img src="../../Images/logo.png" alt="Hopper Board Logo" border="0" align="middle"/>
</a>
</td>
<td style="text-align:center;color:white;">
Questions?<br />
Problems?<br />
Call us!<br />
<b style="font-size:1.4em;">507-697-1772</b>
</td>
<td width="265px" style="text-align:right;font-size:80%;">
<div id="headerloginTable">
<form name="login" id="login" action="../Dashboard/index.cfm" method="post" onsubmit="return _CF_checklogin(this)">
<table align="center" background="../Images/menu/header_login.png" style="padding:2px;font-size:1em; background-image:url('../images/menu/header_login.png')" width="265px" height="85px">
<tr>
<td colspan="3" align="center"><img src="../images/icons/lock.png"> <span style="font-size:1.6em;font-weight:800;">MEMBER LOGIN</span></td>
</tr>
<tr>
<th style="padding-left:3px;padding-right:3px;">Username</th>
<td><input name="username" type="text" maxlength="30" tabindex="1" id="username" size="9" /></td>
<td>
<input type="checkbox" name="rememberme" value="yes" tabindex=3> Remember Me</td>
</tr>
<tr>
<th style="padding-left:3px;padding-right:3px;">Password</th>
<td><input name="password" id="password" type="password" maxlength="30" tabindex="2" size="9" /></td>
<td><input name="headerlogin" id="headerlogin" type="image" value="LOGIN" tabindex="4" src="../images/menu/login.png" /> </td>
</tr>
</table>
</form>
</div>
</td>
</tr>
</table>
</div>
<div id="headerMenu">
<div class="indentmenu">
<ul>
<li id="t-index"><a href="../index.cfm" title="Home"><span>HOME</span></a></li>
<li id="t-signup"><a href="../SignUp/" title="Sign Up"><span>CREATE FREE ACCOUNT</span></a></li>
<li id="t-login"><a href="../login/login.cfm" title="Login"><span>LOGIN</span></a></li>
<li id="t-loads"><a href="../Hopper_Bottom_Loads_Dry_Bulk_Loads/" title="View Hopper Bottom Loads"><span>SEARCH LOADS</span></a></li>
<li id="t-trucks"><a href="../Hopper_Bottom_Trucks_Dry_Bulk_Trucks/" title="View Hopper Trucks Looking for Loads"><span>SEARCH TRUCKS</span></a></li>
<li id="t-classifieds"><a href="../Classifieds/" title="Hopper Classified Ads"><span>CLASSIFIED ADS</span></a></li>
<li id="t-forum"><a href="../Forum/" title="Hopper Forum"><span>FORUM</span></a></li>
<li id="t-tools"><a href="../Tools/" title="Trucking Tools"><span>TOOLS</span></a></li>
<li id="t-news"><a href="../News/" title="News"><span>NEWS</span></a></li>
<li id="t-support"><a href="../Support/" title="Support"><span>HELP</span></a></li>
</ul>
</div>
</div></div>
<div id="maincolumn">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12127796-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script>
<div id="padding">
<!-- the tooltip -->
<div id="tooltip"> </div>
<div id="tooltipdiv">
<link rel="Stylesheet" type="text/css" href="jquery-ui-1.7.2.custom.css">
<script type="text/javascript">
$(function(){
$('#tabs').tabs({
show: function(event, ui) {
if (ui.panel.id == 'tabs-1' && !map)
{
initialize();
}
else if (ui.panel.id == 'tabs-2' && !map2)
{
initialize2();
}
}
});
});
$(document).ready(function() {
$("#demo a[title]").tooltip('#demotip');
$('#tabs').tabs( "select" , 0 )
});
</script>
<div id="Dashmaincol">
<div id="Dashbottom" style="font-size:.9em;">
<div id="tabs">
<ul>
<li><a href="#tabs-1">MY LOADS (5)</a></li>
<li><a href="#tabs-2">MY TRUCKS (5)</a></li>
</ul>
<div id="tabs-1">
<div id="map_canvas_loads" style="width:100%; height:600px;"></div>
</div>
<div id="tabs-2">
<div id="map_canvas_trucks" style="width:100%; height:600px;"></div>
</div>
</div>
</div> </div>
</div>
<div id="footer">
<h4>Questions or problems? <a href="../Support">Go to the support page</a>.</h4>
Copyright © 2010 Hopper Board, LLC | <a href="javascript:loadDisclaimer()">Read Disclaimer</a> | <a href="mailto:[email protected]">E-mail Us</a> | <a href="http://www.teamviewer.com/download/TeamViewerQS.exe">Download Support Tool</a> | <a href="../Links/">Links</a> | <a href="../RSS/">RSS</a> | <a href="../Other_Stuff/" title="Other Stuff"><span>Other Stuff</span></a>
</div> </div>
</body>
</html>
|
