runkeeper-activities 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1857 @@
1
+ HTTP/1.1 200 OK
2
+ Server: Apache-Coyote/1.1
3
+ Set-Cookie: JSESSIONID=B~2E78236007F0B58DEE3C1DEF65AC5905; Path=/
4
+ Content-Type: text/html;charset=UTF-8
5
+ Content-Language: en-US
6
+ Transfer-Encoding: chunked
7
+ Date: Thu, 02 Jun 2011 08:24:24 GMT
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
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
37
+ <html xmlns="http://www.w3.org/1999/xhtml"
38
+ xmlns:og="http://opengraphprotocol.org/schema/"
39
+ xmlns:fb="http://www.facebook.com/2008/fbml"
40
+ xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en">
41
+ <head>
42
+ <title>Running Activity 10.26 km | RunKeeper</title>
43
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
44
+
45
+ <meta name="google-site-verification" content="-590n5e3s1FWV2Ytzw-9zb_ZoLRBm4oAdoe4g8PrFP4" />
46
+
47
+
48
+
49
+ <meta name="keywords" content="Arvid Andersson, Running Activity, , "/>
50
+
51
+ <meta name="viewport" content="width = 990">
52
+
53
+ <meta property="og:title" content="Running Activity 10.26 km "/>
54
+ <meta property="og:type" content="Running"/>
55
+ <meta property="og:url" content="http://runkeeper.com/activity_redirect/mg8p9"/>
56
+ <meta property="og:description" content="Arvid Andersson's Running Activity 10.26 km "/>
57
+ <meta property="og:image" content="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-runkeeper.png"/>
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+ <meta property="og:site_name" content="RunKeeper"/>
66
+ <meta property="fb:app_id" content="62572192129"/>
67
+
68
+
69
+
70
+ <meta name="description" content="Arvid Andersson&#039;s Running Activity 10.26 km"/>
71
+
72
+
73
+ <link rel="shortcut icon" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/favicon.ico" type="image/x-icon"/>
74
+ <link rel="icon" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/favicon.ico" type="image/x-icon"/>
75
+
76
+ <link rel="image_src" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-runkeeper.png" />
77
+ <link rel="apple-touch-icon" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/apple-touch-icon.png"/>
78
+
79
+
80
+
81
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/layout.css" media="screen"/>
82
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/fullscreen.css" media="screen"/>
83
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/settings.css" media="screen"/>
84
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/create.css" media="screen"/>
85
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/profile.css" media="screen"/>
86
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/activities.css" media="screen"/>
87
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/elite.css" media="screen"/>
88
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/streetteam.css" media="screen"/>
89
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/routes.css" media="screen"/>
90
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/races.css" media="screen"/>
91
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/edit.css" media="screen"/>
92
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/android.css" media="screen"/>
93
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/jquery.ui.datepicker.css" media="screen"/>
94
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/howitworks.css" media="screen"/>
95
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/buttons.css" media="screen"/>
96
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/fitnessReports.css" media="screen"/>
97
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/landingPage.css" media="screen"/>
98
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/homepage.css" media="screen"/>
99
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/about.css" media="screen"/>
100
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/content.css" media="screen"/>
101
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/login.css" media="screen"/>
102
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/search.css" media="screen"/>
103
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/home.css" media="screen"/>
104
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/uniform.agent.css" media="screen"/>
105
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/jquery.alerts.css" media="screen"/>
106
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/jquery.tiptip.css" media="screen"/>
107
+ <link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/jquery.fancybox-1.3.1.css" media="screen"/>
108
+
109
+
110
+
111
+ <!--[if IE 7]><link type="text/css" rel="stylesheet" href="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/css/ie7.css"><![endif]-->
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+ <script type="text/javascript">
123
+ var appRoot = "/";
124
+ var contextPath = "";
125
+ var staticRoot = "http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static";
126
+ var baseHostUrl = "http://runkeeper.com";
127
+ var baseHostUrlSsl = "https://runkeeper.com";
128
+ var statusUpdatePhotoBaseUrl = "http://s3.amazonaws.com/tripphoto.runkeeper.com";
129
+ </script>
130
+
131
+
132
+
133
+
134
+
135
+ <script type="text/javascript">
136
+ var metersPerMile = 1609.344;
137
+ var milesPerMeter = 6.213711922373339E-4;
138
+ var feetPerMeter = 3.2808399;
139
+ var kmPerMeter = 0.0010;
140
+ var mphPerMps = 2.23693629;
141
+ var kmphPerMps = 3.6;
142
+ var lbsPerKg = 2.20462262;
143
+
144
+ var tripTypeImages = [];
145
+
146
+ tripTypeImages["Running"] = "running";
147
+
148
+ tripTypeImages["Cycling"] = "cycling";
149
+
150
+ tripTypeImages["Mountain Biking"] = "mountainbiking";
151
+
152
+ tripTypeImages["Walking"] = "walking";
153
+
154
+ tripTypeImages["Hiking"] = "hiking";
155
+
156
+ tripTypeImages["Downhill Skiing"] = "downhillskiing";
157
+
158
+ tripTypeImages["Cross-Country Skiing"] = "crosscountryskiing";
159
+
160
+ tripTypeImages["Snowboarding"] = "snowboarding";
161
+
162
+ tripTypeImages["Skating"] = "skating";
163
+
164
+ tripTypeImages["Swimming"] = "swimming";
165
+
166
+ tripTypeImages["Wheelchair"] = "wheelchair";
167
+
168
+ tripTypeImages["Rowing"] = "rowing";
169
+
170
+ tripTypeImages["Elliptical"] = "elliptical";
171
+
172
+ tripTypeImages["Other"] = "other";
173
+
174
+ </script>
175
+
176
+
177
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery-1.4.2.min.js"></script>
178
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.cycle.all.min.js"></script>
179
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.jcarousel.pack.js"></script>
180
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.label-over.js"></script>
181
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.uniform.js"></script>
182
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery-ui-1.8.1.min.js"></script>
183
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.validate.js"></script>
184
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.alerts.js"></script>
185
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.elastic.js"></script>
186
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.tipTip.js"></script>
187
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.fancybox-1.3.1.js"></script>
188
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.easing-1.3.pack.js"></script>
189
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/jquery.mousewheel-3.0.2.pack.js"></script>
190
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/highcharts.js"></script>
191
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/common_util.js"></script>
192
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/ajaxfileupload.js"></script>
193
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/races/common.js"></script>
194
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/tagging/friendSelectionEditWidget.js"></script>
195
+
196
+ <script type="text/javascript">
197
+ var FB_withLoginStatus = [];
198
+ var addCommentUrl = '/comment?add=';
199
+ var deleteCommentUrl = '/comment?delete=';
200
+ var deleteFeedItemUrl = '/deleteFeedItem';
201
+ </script>
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
+ <script type="text/javascript">
228
+ var _kmq = _kmq || [];
229
+ function _kms(u){
230
+ setTimeout(function(){
231
+ var s = document.createElement('script'); var f = document.getElementsByTagName('script')[0]; s.type = 'text/javascript'; s.async = true;
232
+ s.src = u; f.parentNode.insertBefore(s, f);
233
+ }, 1);
234
+ }
235
+ _kms('//i.kissmetrics.com/i.js');_kms('//doug1izaerwt3.cloudfront.net/ba26cd2e1c3794ae47a196b5a8355e163f73e215.1.js');
236
+
237
+ </script>
238
+
239
+
240
+
241
+ </head>
242
+
243
+ <body>
244
+
245
+
246
+
247
+
248
+
249
+ <div id="wrapper">
250
+ <div class="wrapper-bg-top"></div>
251
+
252
+
253
+
254
+ <div id="header" class="loggedout">
255
+ <div id="headerContent">
256
+ <a id="siteLogo" href="/"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/logo-hp.png" width="370" height="90" alt="RunKeeper" title="RunKeeper" border="0" /></a>
257
+
258
+
259
+ <div class="headerSignupContainer">
260
+ <div class="blueButton-medium">
261
+ <div class="l"></div>
262
+ <div class="m">
263
+ <a class="mainText" href="/">Sign Up</a>
264
+ </div>
265
+ <div class="r"></div>
266
+ </div>
267
+ </div>
268
+
269
+ <div id="signinContainer">
270
+ <form name="loginForm" action="/login" method="post">
271
+
272
+ <input name="_eventName" value="login" type="hidden" />
273
+ <input name="redirectUrl" value="/activity/37709325?username=arvida" type="hidden" />
274
+ <div class="signinRow" id="signinUsername">
275
+ <label for="username">Email:</label>
276
+ <input id="email" name="email" type="text" />
277
+ </div>
278
+ <div class="signinRow" id="signinPassword">
279
+ <label for="password">Password:</label>
280
+ <input id="password" name="password" type="password" />
281
+ </div>
282
+ <div class="signinRow" id="signinForgot">
283
+ <a id="forgotPasswordLink" class="right" href="/login#forgotpassword">forgot password?</a>
284
+ <div class="clear"></div>
285
+ </div>
286
+ <div class="signinRow" id="signinSubmit">
287
+ <div onclick="document.loginForm.submit();" id="loginButton-submit" class="blueButton-small">
288
+ <div class="l"></div>
289
+ <div class="m">
290
+ <div class="mainText">Log In</div>
291
+ </div>
292
+ <div class="r"></div>
293
+ </div>
294
+ </div>
295
+ <input type="submit" style="position: absolute; top: -1000px;"/>
296
+ <div style="display: none;"><input type="hidden" name="_sourcePage" value="soXJnyaB_bKW1uLFSpOPcr0Nc2_Q6VrwceiWvDAUeLU=" /><input type="hidden" name="__fp" value="qm64HFRaghY=" /></div></form>
297
+ </div>
298
+
299
+ </div>
300
+ </div>
301
+
302
+
303
+
304
+
305
+
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
314
+
315
+
316
+
317
+
318
+
319
+ <div id="subNavContainer" class="">
320
+ <div id="subNav" class="navigation ">
321
+ <div id="subNavMain">
322
+
323
+
324
+ <div class="profileBoxSmall">
325
+ <div class="avatarSmall">
326
+
327
+ <div class="avatarContainer">
328
+
329
+
330
+
331
+
332
+
333
+
334
+
335
+
336
+
337
+
338
+
339
+
340
+ <a uid="849441" class="avatar" href="/user/arvida/profile"><img src="http://s3.amazonaws.com/profilepic.runkeeper.com/5efrz7a3uZ9pZeCj0bDKiFUj_sm.jpg?" title="Arvid Andersson"/></a>
341
+
342
+
343
+
344
+ <div class="clear"></div>
345
+ </div>
346
+
347
+ </div>
348
+
349
+
350
+
351
+
352
+
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
361
+ <div class="username smallText" id="userLayoutUsername">
362
+
363
+
364
+
365
+
366
+
367
+
368
+
369
+
370
+
371
+ <a class="usernameLink" href="/user/arvida/profile">Arvid Andersson</a>
372
+
373
+
374
+
375
+
376
+ <div class="clear"></div>
377
+ </div>
378
+ <div id="monthlyActivities">
379
+ <!-- <span id="monthlyActivitiesNumber">1</span>-->
380
+ <!-- <span id="monthlyActivitiesText">activities this month</span>-->
381
+ <span id="monthlyActivitiesText">arvida</span>
382
+ </div>
383
+ <div class="clear profileSubNav"></div>
384
+ </div>
385
+
386
+
387
+ <div id="subNavBox">
388
+ <a class="" href="/user/arvida/profile">Profile</a>
389
+ <a class="selected" href="/user/arvida/activity">Activities</a>
390
+ <a class="" href="/user/arvida/route">Routes</a>
391
+ <a class="" href="/user/arvida/streetTeam">Street Team</a>
392
+ <a class="" href="/user/arvida/fitnessReports">FitnessReports</a>
393
+ <a class="" href="/user/arvida/races">Races</a>
394
+ <a class="" href="/user/arvida/fitnessclasses">FitnessClasses</a>
395
+ </div>
396
+
397
+ <div class="clear"></div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
411
+ <div id="content" class="twoColumn">
412
+ <div id="leftColumn">
413
+ <h3>
414
+
415
+ Activity History
416
+ </h3>
417
+ <div id="activityHistoryMenu">
418
+ <script type="text/javascript">
419
+ $(function(){
420
+ $("#activityHistoryMenu").accordion({
421
+ header: ".accordion",
422
+ animation: "bounceslide",
423
+ clearStyle: true,
424
+ autoHeight: false,
425
+ collapsible: true,
426
+ active: ".open"
427
+ });
428
+ $(".accordianCellContents").show();
429
+
430
+ if ($("div.mainContentRight").hasClass("nosplits"))
431
+ {
432
+ var commentContainerHeight = $(".commentsOuterContainer").height();
433
+ $(".mainContentRight").css("height", commentContainerHeight + 20);
434
+ };
435
+ });
436
+ </script>
437
+
438
+
439
+
440
+
441
+
442
+
443
+
444
+
445
+
446
+
447
+ <div class="accordion open">
448
+ <div class="accordion-l"></div>
449
+ <div class="accordion-m">
450
+ <div class="mainText">Wed Jun 01 18:16:16 UTC 2011</div>
451
+ <div class="bubble">
452
+ <div class="bubble-l"></div>
453
+ <div class="bubble-m"></div>
454
+ <div class="bubble-text">1</div>
455
+ <div class="bubble-r"></div>
456
+ </div>
457
+ </div>
458
+ <div class="navStatusArrow"></div>
459
+ <div class="accordion-r"></div>
460
+ </div>
461
+
462
+ <div class="monthContainer">
463
+
464
+ <div class="accordianCellContents" style="">
465
+
466
+
467
+
468
+
469
+
470
+
471
+
472
+ <div class="activityMonth menuItem selected" link="/user/arvida/activity/37709325">
473
+ <div class="highlight"></div>
474
+ <div class="distanceUnit">km.</div>
475
+ <div class="distance">10.26</div>
476
+
477
+
478
+
479
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-1.png" width="24" height="26" border="0" /></div>
480
+
481
+
482
+ <div class="mainText">Running</div>
483
+ </div>
484
+ <div class="divider"></div>
485
+ </div>
486
+
487
+
488
+
489
+ </div>
490
+
491
+
492
+
493
+
494
+
495
+
496
+
497
+ <div class="accordion ">
498
+ <div class="accordion-l"></div>
499
+ <div class="accordion-m">
500
+ <div class="mainText">Mon May 30 19:38:59 UTC 2011</div>
501
+ <div class="bubble">
502
+ <div class="bubble-l"></div>
503
+ <div class="bubble-m"></div>
504
+ <div class="bubble-text">15</div>
505
+ <div class="bubble-r"></div>
506
+ </div>
507
+ </div>
508
+ <div class="navStatusArrow"></div>
509
+ <div class="accordion-r"></div>
510
+ </div>
511
+
512
+ <div class="monthContainer">
513
+
514
+ <div class="accordianCellContents" style="display:none">
515
+
516
+
517
+
518
+
519
+
520
+ <div class="activityMonth menuItem " link="/user/arvida/activity/37459736">
521
+ <div class="highlight"></div>
522
+ <div class="distanceUnit">km.</div>
523
+ <div class="distance">5.86</div>
524
+
525
+
526
+
527
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-30.png" width="24" height="26" border="0" /></div>
528
+
529
+
530
+ <div class="mainText">Running</div>
531
+ </div>
532
+ <div class="divider"></div>
533
+ </div>
534
+
535
+
536
+ <div class="accordianCellContents" style="display:none">
537
+
538
+
539
+
540
+
541
+
542
+ <div class="activityMonth menuItem " link="/user/arvida/activity/37211838">
543
+ <div class="highlight"></div>
544
+ <div class="distanceUnit">km.</div>
545
+ <div class="distance">10.02</div>
546
+
547
+
548
+
549
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-28.png" width="24" height="26" border="0" /></div>
550
+
551
+
552
+ <div class="mainText">Running</div>
553
+ </div>
554
+ <div class="divider"></div>
555
+ </div>
556
+
557
+
558
+ <div class="accordianCellContents" style="display:none">
559
+
560
+
561
+
562
+
563
+
564
+ <div class="activityMonth menuItem " link="/user/arvida/activity/36998025">
565
+ <div class="highlight"></div>
566
+ <div class="distanceUnit">km.</div>
567
+ <div class="distance">4.85</div>
568
+
569
+
570
+
571
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-26.png" width="24" height="26" border="0" /></div>
572
+
573
+
574
+ <div class="mainText">Running</div>
575
+ </div>
576
+ <div class="divider"></div>
577
+ </div>
578
+
579
+
580
+ <div class="accordianCellContents" style="display:none">
581
+
582
+
583
+
584
+
585
+
586
+ <div class="activityMonth menuItem " link="/user/arvida/activity/36729887">
587
+ <div class="highlight"></div>
588
+ <div class="distanceUnit">km.</div>
589
+ <div class="distance">10.26</div>
590
+
591
+
592
+
593
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-24.png" width="24" height="26" border="0" /></div>
594
+
595
+
596
+ <div class="mainText">Running</div>
597
+ </div>
598
+ <div class="divider"></div>
599
+ </div>
600
+
601
+
602
+ <div class="accordianCellContents" style="display:none">
603
+
604
+
605
+
606
+
607
+
608
+ <div class="activityMonth menuItem " link="/user/arvida/activity/36479025">
609
+ <div class="highlight"></div>
610
+ <div class="distanceUnit">km.</div>
611
+ <div class="distance">8.75</div>
612
+
613
+
614
+
615
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-22.png" width="24" height="26" border="0" /></div>
616
+
617
+
618
+ <div class="mainText">Running</div>
619
+ </div>
620
+ <div class="divider"></div>
621
+ </div>
622
+
623
+
624
+ <div class="accordianCellContents" style="display:none">
625
+
626
+
627
+
628
+
629
+
630
+ <div class="activityMonth menuItem " link="/user/arvida/activity/36221777">
631
+ <div class="highlight"></div>
632
+ <div class="distanceUnit">km.</div>
633
+ <div class="distance">8.40</div>
634
+
635
+
636
+
637
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-20.png" width="24" height="26" border="0" /></div>
638
+
639
+
640
+ <div class="mainText">Running</div>
641
+ </div>
642
+ <div class="divider"></div>
643
+ </div>
644
+
645
+
646
+ <div class="accordianCellContents" style="display:none">
647
+
648
+
649
+
650
+
651
+
652
+ <div class="activityMonth menuItem " link="/user/arvida/activity/35849792">
653
+ <div class="highlight"></div>
654
+ <div class="distanceUnit">km.</div>
655
+ <div class="distance">7.75</div>
656
+
657
+
658
+
659
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-17.png" width="24" height="26" border="0" /></div>
660
+
661
+
662
+ <div class="mainText">Running</div>
663
+ </div>
664
+ <div class="divider"></div>
665
+ </div>
666
+
667
+
668
+ <div class="accordianCellContents" style="display:none">
669
+
670
+
671
+
672
+
673
+
674
+ <div class="activityMonth menuItem " link="/user/arvida/activity/35606356">
675
+ <div class="highlight"></div>
676
+ <div class="distanceUnit">km.</div>
677
+ <div class="distance">8.06</div>
678
+
679
+
680
+
681
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-15.png" width="24" height="26" border="0" /></div>
682
+
683
+
684
+ <div class="mainText">Running</div>
685
+ </div>
686
+ <div class="divider"></div>
687
+ </div>
688
+
689
+
690
+ <div class="accordianCellContents" style="display:none">
691
+
692
+
693
+
694
+
695
+
696
+ <div class="activityMonth menuItem " link="/user/arvida/activity/35366080">
697
+ <div class="highlight"></div>
698
+ <div class="distanceUnit">km.</div>
699
+ <div class="distance">6.38</div>
700
+
701
+
702
+
703
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-13.png" width="24" height="26" border="0" /></div>
704
+
705
+
706
+ <div class="mainText">Running</div>
707
+ </div>
708
+ <div class="divider"></div>
709
+ </div>
710
+
711
+
712
+ <div class="accordianCellContents" style="display:none">
713
+
714
+
715
+
716
+
717
+
718
+ <div class="activityMonth menuItem " link="/user/arvida/activity/35120379">
719
+ <div class="highlight"></div>
720
+ <div class="distanceUnit">km.</div>
721
+ <div class="distance">7.60</div>
722
+
723
+
724
+
725
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-11.png" width="24" height="26" border="0" /></div>
726
+
727
+
728
+ <div class="mainText">Running</div>
729
+ </div>
730
+ <div class="divider"></div>
731
+ </div>
732
+
733
+
734
+ <div class="accordianCellContents" style="display:none">
735
+
736
+
737
+
738
+
739
+
740
+ <div class="activityMonth menuItem " link="/user/arvida/activity/34831375">
741
+ <div class="highlight"></div>
742
+ <div class="distanceUnit">km.</div>
743
+ <div class="distance">7.41</div>
744
+
745
+
746
+
747
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-9.png" width="24" height="26" border="0" /></div>
748
+
749
+
750
+ <div class="mainText">Running</div>
751
+ </div>
752
+ <div class="divider"></div>
753
+ </div>
754
+
755
+
756
+ <div class="accordianCellContents" style="display:none">
757
+
758
+
759
+
760
+
761
+
762
+ <div class="activityMonth menuItem " link="/user/arvida/activity/34549824">
763
+ <div class="highlight"></div>
764
+ <div class="distanceUnit">km.</div>
765
+ <div class="distance">7.34</div>
766
+
767
+
768
+
769
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-7.png" width="24" height="26" border="0" /></div>
770
+
771
+
772
+ <div class="mainText">Running</div>
773
+ </div>
774
+ <div class="divider"></div>
775
+ </div>
776
+
777
+
778
+ <div class="accordianCellContents" style="display:none">
779
+
780
+
781
+
782
+
783
+
784
+ <div class="activityMonth menuItem " link="/user/arvida/activity/34317605">
785
+ <div class="highlight"></div>
786
+ <div class="distanceUnit">km.</div>
787
+ <div class="distance">6.41</div>
788
+
789
+
790
+
791
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-5.png" width="24" height="26" border="0" /></div>
792
+
793
+
794
+ <div class="mainText">Running</div>
795
+ </div>
796
+ <div class="divider"></div>
797
+ </div>
798
+
799
+
800
+ <div class="accordianCellContents" style="display:none">
801
+
802
+
803
+
804
+
805
+
806
+ <div class="activityMonth menuItem " link="/user/arvida/activity/34058692">
807
+ <div class="highlight"></div>
808
+ <div class="distanceUnit">km.</div>
809
+ <div class="distance">6.64</div>
810
+
811
+
812
+
813
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-3.png" width="24" height="26" border="0" /></div>
814
+
815
+
816
+ <div class="mainText">Running</div>
817
+ </div>
818
+ <div class="divider"></div>
819
+ </div>
820
+
821
+
822
+ <div class="accordianCellContents" style="display:none">
823
+
824
+
825
+
826
+
827
+
828
+ <div class="activityMonth menuItem " link="/user/arvida/activity/33771151">
829
+ <div class="highlight"></div>
830
+ <div class="distanceUnit">km.</div>
831
+ <div class="distance">6.99</div>
832
+
833
+
834
+
835
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-1.png" width="24" height="26" border="0" /></div>
836
+
837
+
838
+ <div class="mainText">Running</div>
839
+ </div>
840
+ <div class="divider"></div>
841
+ </div>
842
+
843
+
844
+
845
+ </div>
846
+
847
+
848
+
849
+
850
+
851
+
852
+
853
+ <div class="accordion ">
854
+ <div class="accordion-l"></div>
855
+ <div class="accordion-m">
856
+ <div class="mainText">Thu Apr 28 18:30:51 UTC 2011</div>
857
+ <div class="bubble">
858
+ <div class="bubble-l"></div>
859
+ <div class="bubble-m"></div>
860
+ <div class="bubble-text">9</div>
861
+ <div class="bubble-r"></div>
862
+ </div>
863
+ </div>
864
+ <div class="navStatusArrow"></div>
865
+ <div class="accordion-r"></div>
866
+ </div>
867
+
868
+ <div class="monthContainer">
869
+
870
+ <div class="accordianCellContents" style="display:none">
871
+
872
+
873
+
874
+
875
+
876
+ <div class="activityMonth menuItem " link="/user/arvida/activity/33460111">
877
+ <div class="highlight"></div>
878
+ <div class="distanceUnit">km.</div>
879
+ <div class="distance">6.36</div>
880
+
881
+
882
+
883
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-28.png" width="24" height="26" border="0" /></div>
884
+
885
+
886
+ <div class="mainText">Running</div>
887
+ </div>
888
+ <div class="divider"></div>
889
+ </div>
890
+
891
+
892
+ <div class="accordianCellContents" style="display:none">
893
+
894
+
895
+
896
+
897
+
898
+ <div class="activityMonth menuItem " link="/user/arvida/activity/33212901">
899
+ <div class="highlight"></div>
900
+ <div class="distanceUnit">km.</div>
901
+ <div class="distance">5.57</div>
902
+
903
+
904
+
905
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-26.png" width="24" height="26" border="0" /></div>
906
+
907
+
908
+ <div class="mainText">Running</div>
909
+ </div>
910
+ <div class="divider"></div>
911
+ </div>
912
+
913
+
914
+ <div class="accordianCellContents" style="display:none">
915
+
916
+
917
+
918
+
919
+
920
+ <div class="activityMonth menuItem " link="/user/arvida/activity/32232141">
921
+ <div class="highlight"></div>
922
+ <div class="distanceUnit">km.</div>
923
+ <div class="distance">5.86</div>
924
+
925
+
926
+
927
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-18.png" width="24" height="26" border="0" /></div>
928
+
929
+
930
+ <div class="mainText">Running</div>
931
+ </div>
932
+ <div class="divider"></div>
933
+ </div>
934
+
935
+
936
+ <div class="accordianCellContents" style="display:none">
937
+
938
+
939
+
940
+
941
+
942
+ <div class="activityMonth menuItem " link="/user/arvida/activity/31985246">
943
+ <div class="highlight"></div>
944
+ <div class="distanceUnit">km.</div>
945
+ <div class="distance">5.64</div>
946
+
947
+
948
+
949
+ <div class="day"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-calendar-16.png" width="24" height="26" border="0" /></div>
950
+
951
+
952
+ <div class="mainText">Running</div>
953
+ </div>
954
+ <div class="divider"></div>
955
+ </div>
956
+
957
+ </div>
958
+
959
+
960
+
961
+ </div>
962
+ </div>
963
+ <div id="mainColumn">
964
+ <div id="activityDetails">
965
+ <div id="activityTitleBar">
966
+ <div id="activityActions">
967
+
968
+
969
+
970
+ </div>
971
+ <div id="activityDateType">
972
+ <div id="activityIcon"><img src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/icon-running-20.png" width="20" height="20" alt="running" title="running" border="0" /></div>
973
+ <div id="activityTypeText">Running</div>
974
+
975
+ <div class="dividerWhite left"></div>
976
+ <div id="activityDateText">
977
+ Wed Jun 01 18:16:16 UTC 2011&nbsp;&nbsp;::&nbsp;&nbsp;<span class="secondary">Wed Jun 01 18:16:16 UTC 2011 - Wed Jun 01 19:23:34 UTC 2011</span>
978
+ </div>
979
+ </div>
980
+ </div>
981
+
982
+
983
+ <div id="activityStats" class="">
984
+ <div id="activityStatsReflection"></div>
985
+ <div id="statsDistance" class="activityStatsItem">
986
+ <div class="labelText">Distance</div>
987
+ <div class="mainText">10.26</div>
988
+ <div class="unitText">km</div>
989
+ </div>
990
+ <div class="activityStatsDivider"></div>
991
+ <div id="statsDuration" class="activityStatsItem">
992
+ <div class="labelText">Duration</div>
993
+ <div class="mainText">1:07:18</div>
994
+ <div class="unitText">h : m : s</div>
995
+ </div>
996
+ <div class="activityStatsDivider"></div>
997
+ <div id="statsPace" class="activityStatsItem">
998
+ <div class="labelText">Avg. Pace</div>
999
+ <div class="mainText">6:34</div>
1000
+ <div class="unitText">min/km</div>
1001
+ </div>
1002
+ <div class="activityStatsDivider"></div>
1003
+ <div id="statsSpeed" class="activityStatsItem">
1004
+ <div class="labelText">Avg. Speed</div>
1005
+ <div class="mainText">9.15</div>
1006
+ <div class="unitText">km/h</div>
1007
+ </div>
1008
+ <div class="activityStatsDivider"></div>
1009
+ <div id="statsCalories" class="activityStatsItem">
1010
+ <div class="labelText">Burned</div>
1011
+ <div class="mainText">919.0</div>
1012
+ <div class="unitText">calories</div>
1013
+ </div>
1014
+ <div class="activityStatsDivider"></div>
1015
+ <div id="statsElevation" class="activityStatsItem">
1016
+ <div class="labelText">Climb</div>
1017
+ <div class="mainText">76</div>
1018
+ <div class="unitText">m</div>
1019
+ </div>
1020
+ <div class="activityStatsDivider heartRate"></div>
1021
+ <div id="statsHeartRate" class="activityStatsItem">
1022
+ <div class="labelText">Avg. Heart Rate</div>
1023
+ <div class="mainText"></div>
1024
+ <div class="unitText">bpm</div>
1025
+ </div>
1026
+ </div>
1027
+ </div>
1028
+
1029
+
1030
+
1031
+ <script type="text/javascript">
1032
+
1033
+ var activityInfoCallbacks = [];
1034
+ </script>
1035
+
1036
+
1037
+
1038
+
1039
+ <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAiq3Lb9niOOm8CCrnvwEn9xTGaoW9nBFz1Eu2t23hJUwY-FqipBT-938HrLrlPvXmiGLh0i955g2D2Q"></script>
1040
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/js/markermanager.js"></script>
1041
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/map.js"></script>
1042
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/photos.js"></script>
1043
+ <script type="text/javascript" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/js/mapTooltip.js"></script>
1044
+ <script type="text/javascript">
1045
+ function initPrettyPhotoTriggers(jqSelectorStr, showTitle, allowresize)
1046
+ {
1047
+ $(jqSelectorStr).fancybox({
1048
+ padding : 10,
1049
+ cyclic : true,
1050
+ autoDimensions : true,
1051
+ hideOnContentClick : true,
1052
+ overlayOpacity : 0.6
1053
+ });
1054
+ }
1055
+
1056
+ var rkMap;
1057
+ $("body").unload(GUnload);
1058
+
1059
+ $(function(){
1060
+ rkMap = initMap("map_canvas", "km");
1061
+ rkMap.gmap.addControl(new GMenuMapTypeControl());
1062
+ rkMap.gmap.addMapType(G_PHYSICAL_MAP);
1063
+ rkMap.gmap.addControl(new GSmallZoomControl());
1064
+ rkMap.gmap.addControl(new GScaleControl());
1065
+ });
1066
+
1067
+ activityInfoCallbacks.push(function(activityInfo)
1068
+ {
1069
+ if (activityInfo == null) return;
1070
+
1071
+ // Update map & route
1072
+ rkMap.points = activityInfo.points;
1073
+ if (activityInfo.routePoints)
1074
+ {
1075
+ try { rkMap.routePoints = eval(activityInfo.routePoints); } catch (e) {}
1076
+ }
1077
+
1078
+ if(activityInfo.racePoints)
1079
+ {
1080
+ try { rkMap.racePoints = eval(activityInfo.racePoints); } catch (e) {}
1081
+ }
1082
+
1083
+ updateMap(rkMap, activityInfo.isLive);
1084
+ fitPath(rkMap);
1085
+
1086
+ if(activityInfo.statusUpdates)
1087
+ {
1088
+ rkMap.statusUpdates = activityInfo.statusUpdates;
1089
+ overlayStatusUpdates(rkMap);
1090
+ refreshPhotoViewer(activityInfo.statusUpdates);
1091
+ }
1092
+ });
1093
+ </script>
1094
+
1095
+ <div id="map_area">
1096
+ <div class="greyBorder tl"></div>
1097
+ <div class="greyBorder t"></div>
1098
+ <div class="greyBorder tr"></div>
1099
+ <div class="greyBorder rt"></div>
1100
+ <div class="greyBorder rb"></div>
1101
+ <div class="greyBorder br"></div>
1102
+ <div class="greyBorder b"></div>
1103
+ <div class="greyBorder bs"></div>
1104
+ <div class="greyBorder bl"></div>
1105
+ <div class="greyBorder lt"></div>
1106
+ <div class="greyBorder lb"></div>
1107
+ <div id="mapping_tool">
1108
+ <div id="map_canvas"></div>
1109
+ <div id="activityMedia">
1110
+ <div class="blackBox">
1111
+ <div class="blackBox-tl"></div>
1112
+ <div class="blackBox-t"></div>
1113
+ <div class="blackBox-tr"></div>
1114
+ <div class="blackBox-bl"></div>
1115
+ <div class="blackBox-b"></div>
1116
+ <div class="blackBox-br"></div>
1117
+ <div class="blackBox-content">
1118
+ <ul id="carousel" class="jcarousel-skin-tango">
1119
+ <!-- thumbnail image list items are injected here -->
1120
+ </ul>
1121
+ </div>
1122
+ </div>
1123
+ </div>
1124
+ <div id="mapControls">
1125
+ <div id="mapActions">
1126
+ <div id="viewFullscreen" class="mapControlItem right">
1127
+ <div class="buttonText"></div>
1128
+ </div>
1129
+ <div id="backFullscreen" class="mapControlItem right selected">
1130
+ <div class="buttonText"></div>
1131
+ </div>
1132
+ <div class="dividerGrey right"></div>
1133
+
1134
+ <div class="dividerGrey right"></div>
1135
+
1136
+
1137
+
1138
+
1139
+ <div id="mapRoute">
1140
+ <div id="mapRouteLabel">Route:</div>
1141
+ <div id="mapRouteName">
1142
+
1143
+
1144
+
1145
+ None
1146
+
1147
+
1148
+ </div>
1149
+
1150
+ </div>
1151
+
1152
+
1153
+ </div>
1154
+
1155
+ </div>
1156
+ </div>
1157
+ </div>
1158
+
1159
+
1160
+
1161
+
1162
+
1163
+
1164
+
1165
+
1166
+
1167
+ <script type="text/javascript">
1168
+ var activityChart;
1169
+ var chartData;
1170
+ var chartDataSeriesArray = [];
1171
+ var highchartsOptions = {};
1172
+ var xUnits = null;
1173
+
1174
+ activityInfoCallbacks.push(function(activityInfo)
1175
+ {
1176
+ if (activityInfo == null) return;
1177
+
1178
+ // Render activity chart
1179
+ if (activityInfo.chartData)
1180
+ {
1181
+ chartData = activityInfo.chartData;
1182
+
1183
+ for (var seriesId in chartData.series)
1184
+ {
1185
+ chartData.series[seriesId].visible = true;
1186
+ if (xUnits == null) xUnits = chartData.series[seriesId].xUnits;
1187
+ }
1188
+
1189
+ // Default to showing pace for running and walking activities
1190
+ if (((activityInfo.activityType == "RUN") ||
1191
+ (activityInfo.activityType == "WALK") ||
1192
+ (activityInfo.activityType == "HIKE")) && chartData.series["SPEED"])
1193
+ {
1194
+ chartData.series["SPEED"].visible = false;
1195
+ }
1196
+ else if (chartData.series["PACE"])
1197
+ {
1198
+ chartData.series["PACE"].visible = false;
1199
+ }
1200
+
1201
+ renderActivityChart();
1202
+ }
1203
+ });
1204
+
1205
+ function renderActivityChart()
1206
+ {
1207
+ highchartsOptions.chart =
1208
+ {
1209
+ renderTo: "activityChartContainer",
1210
+ margin: [0, 20, 30, 20],
1211
+ zoomType: "x",
1212
+ alignTicks: false
1213
+ };
1214
+
1215
+ highchartsOptions.toolbar =
1216
+ {
1217
+ itemStyle: {
1218
+ margin: "0px 0px 0px 100px"
1219
+ }
1220
+ };
1221
+
1222
+ highchartsOptions.title = {text:""};
1223
+ highchartsOptions.credits = {enabled:false};
1224
+
1225
+ highchartsOptions.legend = {
1226
+ borderWidth: 0,
1227
+ style: {
1228
+ left: "auto",
1229
+ right: "80px",
1230
+ top: "-15px",
1231
+ bottom: "auto"
1232
+ },
1233
+ itemHiddenStyle: {
1234
+ color: "#888"
1235
+ }
1236
+ };
1237
+
1238
+ highchartsOptions.series = [];
1239
+ var seriesIndex = 0;
1240
+ var seriesToAdd = chartData.series["ELEVATION"];
1241
+
1242
+ if (chartData.series["ELEVATION"])
1243
+ {
1244
+ chartDataSeriesArray[seriesIndex] = seriesToAdd;
1245
+
1246
+ highchartsOptions.series[seriesIndex++] = {
1247
+ id: seriesToAdd.id,
1248
+ name: seriesToAdd.label,
1249
+ data: seriesToAdd.data,
1250
+ type: "area",
1251
+ color: "rgba(22, 137, 13, 1)",
1252
+ fillColor: {
1253
+ linearGradient: [0, 0, 0, 100],
1254
+ stops: [
1255
+ [0, "rgba(62, 177, 53, 0.75)"],
1256
+ [1, "rgba(22, 137, 13, 0.65)"]
1257
+ ]
1258
+ },
1259
+ //fillOpacity: 0.65,
1260
+ yAxis: 0,
1261
+ visible: seriesToAdd.visible
1262
+ };
1263
+ }
1264
+
1265
+ if (chartData.series["PACE"])
1266
+ {
1267
+ seriesToAdd = chartData.series["PACE"];
1268
+ chartDataSeriesArray[seriesIndex] = seriesToAdd;
1269
+
1270
+ highchartsOptions.series[seriesIndex++] = {
1271
+ id: seriesToAdd.id,
1272
+ name: seriesToAdd.label,
1273
+ data: seriesToAdd.data,
1274
+ type: "area",
1275
+ color: "#332AC2",
1276
+ fillOpacity: 0.25,
1277
+ yAxis: 1,
1278
+ visible: seriesToAdd.visible
1279
+ };
1280
+ }
1281
+
1282
+ if (chartData.series["SPEED"])
1283
+ {
1284
+ seriesToAdd = chartData.series["SPEED"];
1285
+ chartDataSeriesArray[seriesIndex] = seriesToAdd;
1286
+
1287
+ highchartsOptions.series[seriesIndex++] = {
1288
+ id: seriesToAdd.id,
1289
+ name: seriesToAdd.label,
1290
+ data: seriesToAdd.data,
1291
+ type: "area",
1292
+ color: "#013AC0",
1293
+ fillOpacity: 0.3,
1294
+ yAxis: 2,
1295
+ visible: seriesToAdd.visible
1296
+ };
1297
+ }
1298
+
1299
+ if (chartData.series["HEARTRATE"])
1300
+ {
1301
+ seriesToAdd = chartData.series["HEARTRATE"];
1302
+ chartDataSeriesArray[seriesIndex] = seriesToAdd;
1303
+
1304
+ highchartsOptions.series[seriesIndex++] = {
1305
+ id: seriesToAdd.id,
1306
+ name: seriesToAdd.label,
1307
+ data: seriesToAdd.data,
1308
+ type: "line",
1309
+ color: "#AA3333",
1310
+ yAxis: 3,
1311
+ visible: seriesToAdd.visible
1312
+ };
1313
+ }
1314
+
1315
+ highchartsOptions.xAxis =
1316
+ {
1317
+ title: {
1318
+ enabled: false
1319
+ },
1320
+ labels: {
1321
+ formatter: function() {return (this.value == 0) ? this.value : this.value + " " + xUnits;}
1322
+ },
1323
+ lineColor: "#99A9B9"
1324
+ };
1325
+
1326
+ highchartsOptions.yAxis =
1327
+ [
1328
+ { // ELEVATION
1329
+ gridLineWidth: 0,
1330
+ title: {enabled: false, text: ""},
1331
+ labels: {enabled: false},
1332
+ startOnTick: false,
1333
+ endOnTick: false,
1334
+ max: (chartData.series["ELEVATION"]) ? chartData.series["ELEVATION"].maxValY + ((chartData.series["ELEVATION"].maxValY - chartData.series["ELEVATION"].minValY) * 0.15) : null,
1335
+ min: (chartData.series["ELEVATION"]) ? chartData.series["ELEVATION"].minValY : null
1336
+ },
1337
+ { // PACE
1338
+ gridLineWidth: 0,
1339
+ title: {enabled: false, text: ""},
1340
+ labels: {enabled: false},
1341
+ maxPadding: 0.15
1342
+ },
1343
+ { // SPEED
1344
+ gridLineWidth: 0,
1345
+ title: {enabled: false, text: ""},
1346
+ labels: {enabled: false},
1347
+ maxPadding: 0.15
1348
+ },
1349
+ { // HEARTRATE
1350
+ gridLineWidth: 0,
1351
+ title: {enabled: false, text: ""},
1352
+ labels: {enabled: false},
1353
+ maxPadding: 0.15
1354
+ }
1355
+ ];
1356
+
1357
+ highchartsOptions.plotOptions =
1358
+ {
1359
+ series: {
1360
+ marker: {
1361
+ enabled: false,
1362
+ symbol: "circle",
1363
+ radius: 4,
1364
+ states: {
1365
+ hover: {
1366
+ enabled: true
1367
+ }
1368
+ }
1369
+ },
1370
+ lineWidth: 3,
1371
+ point: {
1372
+ events: {
1373
+ mouseOver: function() {syncMapToChartHover(this.x);}
1374
+ }
1375
+ },
1376
+ events: {
1377
+ legendItemClick: function(event) {legendItemClicked(event, this);},
1378
+ mouseOut: function(event) {if (rkMap) rkMap.currLocMarker.hide();}
1379
+ }
1380
+ }
1381
+ };
1382
+
1383
+ highchartsOptions.tooltip =
1384
+ {
1385
+ formatter: function()
1386
+ {
1387
+ var pointData = chartData.pointData[this.x.toString()];
1388
+ var timeStr = (pointData) ? "<br/>Time: " + formatTime(pointData.time / 60.0) : "";
1389
+ var yValStr;
1390
+
1391
+ if (chartDataSeriesArray[this.series.index].id == "PACE")
1392
+ {
1393
+ yValStr = formatPace(this.y);
1394
+ }
1395
+ else if (chartDataSeriesArray[this.series.index].id == "SPEED")
1396
+ {
1397
+ yValStr = Highcharts.numberFormat(this.y, 1);
1398
+ }
1399
+ else
1400
+ {
1401
+ yValStr = Highcharts.numberFormat(this.y, 0);
1402
+ }
1403
+
1404
+ return "<b>" + this.series.name + ": " + yValStr + " "
1405
+ + chartDataSeriesArray[this.series.index].yUnits + "</b><br/>"
1406
+ + "Distance: " + Highcharts.numberFormat(this.x, 2) + " "
1407
+ + chartDataSeriesArray[this.series.index].xUnits + timeStr;
1408
+ }
1409
+ };
1410
+
1411
+ if (activityChart)
1412
+ {
1413
+ activityChart.destroy();
1414
+ }
1415
+
1416
+ activityChart = new Highcharts.Chart(highchartsOptions);
1417
+ }
1418
+
1419
+ var rkMap;
1420
+
1421
+ function syncMapToChartHover(distance)
1422
+ {
1423
+ if (rkMap)
1424
+ {
1425
+ var distanceKey = ("d" + distance).replace(".", "p");
1426
+ var point = rkMap.pointsByDistanceTraveled[distanceKey];
1427
+ setCurrLoc(rkMap, point.latitude, point.longitude);
1428
+ }
1429
+ }
1430
+
1431
+ function legendItemClicked(event, series)
1432
+ {
1433
+ /*
1434
+ if (series.visible)
1435
+ {
1436
+ event.preventDefault();
1437
+ }
1438
+ else
1439
+ {
1440
+ var seriesToHide;
1441
+
1442
+ if (chartDataSeriesArray[series.index].id == "SPEED")
1443
+ {
1444
+ seriesToHide = activityChart.get("PACE");
1445
+ }
1446
+ else if (chartDataSeriesArray[series.index].id == "PACE")
1447
+ {
1448
+ seriesToHide = activityChart.get("SPEED");
1449
+ }
1450
+
1451
+ seriesToHide.hide();
1452
+ }
1453
+ */
1454
+ }
1455
+ </script>
1456
+
1457
+ <div id="activityChartContainer"></div>
1458
+
1459
+
1460
+
1461
+
1462
+
1463
+
1464
+ <script type="text/javascript">
1465
+ $(function(){
1466
+ refreshActivityPointData();
1467
+
1468
+ $("#distanceSplitsToggle").click(function(){
1469
+ $("#trainingSplitsToggle").removeClass("selected");
1470
+ $("#distanceSplitsToggle").addClass("selected");
1471
+ $("#trainingSplits").fadeOut(function(){
1472
+ $("#trainingMeta").hide();
1473
+ $("#distanceSplits").fadeIn();
1474
+ var splitsHeight = $("#splits").height();
1475
+ var splitsWidth = $("#splits").width();
1476
+ $("#splits .greydient-bg").attr("height", splitsHeight).attr("width", splitsWidth);
1477
+ $("#splits .greydient-bg-box").css("height", splitsHeight).css("width", splitsWidth);
1478
+ $("#splits .greydient.l, #splits .greydient.r").css("height", splitsHeight-16);
1479
+ });
1480
+ });
1481
+
1482
+ $("#trainingSplitsToggle").click(function(){
1483
+ $("#trainingSplitsToggle").addClass("selected");
1484
+ $("#distanceSplitsToggle").removeClass("selected");
1485
+ $("#distanceSplits").fadeOut(function(){
1486
+ $("#trainingMeta").show();
1487
+ $("#trainingSplits").fadeIn();
1488
+ var splitsHeight = $("#splits").height();
1489
+ var splitsWidth = $("#splits").width();
1490
+ $("#splits .greydient-bg").attr("height", splitsHeight).attr("width", splitsWidth);
1491
+ $("#splits .greydient-bg-box").css("height", splitsHeight).css("width", splitsWidth);
1492
+ $("#splits .greydient.l, #splits .greydient.r").css("height", splitsHeight-16);
1493
+ });
1494
+ });
1495
+ });
1496
+
1497
+ function refreshActivityPointData()
1498
+ {
1499
+ $.getJSON("/ajax/pointData",
1500
+ {activityId: 37709325},
1501
+ function(activityInfo) {
1502
+ $.each(activityInfoCallbacks, function(callbackIndex, callback) {
1503
+ callback(activityInfo);
1504
+ });
1505
+ });
1506
+ }
1507
+ </script>
1508
+
1509
+ <div class="mainContentLeft noFitnessClass">
1510
+ <h3>
1511
+
1512
+
1513
+ Splits
1514
+
1515
+ </h3>
1516
+ <div id="splits" class="greydientBox">
1517
+ <div class="greydient-bg-box">
1518
+ <div class="greydient tl"></div>
1519
+ <div class="greydient t"></div>
1520
+ <div class="greydient tr"></div>
1521
+ <div class="greydient r"></div>
1522
+ <div class="greydient br"></div>
1523
+ <div class="greydient b"></div>
1524
+ <div class="greydient bl"></div>
1525
+ <div class="greydient l"></div>
1526
+ <img class="greydient-bg" src="http://d2b4ufapzmnxpw.cloudfront.net/build/2064/static/kronos/images/greydient.png" border="0" />
1527
+ </div>
1528
+ <div class="greydient-content">
1529
+ <div id="splitsTableBox">
1530
+ <div class="clear"></div>
1531
+
1532
+ <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" id="distanceSplits">
1533
+ <tr>
1534
+ <td align="left" valign="top" class="tableHeader">km</td>
1535
+ <td align="center" valign="top" class="tableHeader">Pace <span class="details">(min/km)</span></td>
1536
+ <td align="center" valign="top" class="tableHeader">Elevation <span class="details">(m)</span></td>
1537
+ </tr>
1538
+ <tr id="distanceSplitTemplate" style="display:none">
1539
+ <td align="left" valign="top"><span class="number"></span></td>
1540
+ <td align="center" valign="top"><span class="pace"></span></td>
1541
+ <td align="center" valign="top"><span class="climb"></span></td>
1542
+ </tr>
1543
+ </table>
1544
+
1545
+
1546
+ <script type="text/javascript">
1547
+ activityInfoCallbacks.push(function(activityInfo)
1548
+ {
1549
+ if (activityInfo == null) return;
1550
+
1551
+ // Populate splits tables if we have splits data
1552
+ if (activityInfo.distanceSplits)
1553
+ {
1554
+ var distanceSplitTemplate = $("#distanceSplitTemplate");
1555
+ $(".distanceSplit").remove();
1556
+
1557
+ for (var i = 0; i < activityInfo.distanceSplits.length; i++)
1558
+ {
1559
+ var split = activityInfo.distanceSplits[i];
1560
+ distanceSplitTemplate.clone()
1561
+ .attr("id", "distanceSplit_" + split.number)
1562
+ .addClass(split.number % 2 == 0 ? "even" : "odd")
1563
+ .addClass("distanceSplit")
1564
+ .find("span.number").text(split.number).end()
1565
+ .find("span.pace").text(split.paceStr).end()
1566
+ .find("span.climb").text(split.riseStr).end()
1567
+ .show()
1568
+ .appendTo($("#distanceSplits"));
1569
+ }
1570
+
1571
+ //fix up outer splits container
1572
+ var splitsHeight = $("#splits").height();
1573
+ var splitsWidth = $("#splits").width();
1574
+ $("#splits .greydient-bg").attr("height", splitsHeight).attr("width", splitsWidth);
1575
+ $("#splits .greydient-bg-box").css("height", splitsHeight).css("width", splitsWidth);
1576
+ $("#splits .greydient.l, #splits .greydient.r").css("height", splitsHeight-16);
1577
+ }
1578
+
1579
+ //Populate training splits if we have training splits data
1580
+ if(activityInfo.trainingSplits)
1581
+ {
1582
+ var trainingSplitTemplate = $("#trainingSplitTemplate");
1583
+ $(".trainingSplit").remove();
1584
+
1585
+ for (var i = 0; i < activityInfo.trainingSplits.length; i++)
1586
+ {
1587
+ var split = activityInfo.trainingSplits[i];
1588
+ trainingSplitTemplate.clone()
1589
+ .attr("id", "trainingSplit_" + split.number)
1590
+ .addClass(split.number % 2 == 0 ? "even" : "odd")
1591
+ .addClass("trainingSplit")
1592
+ .find("span.length").text(split.lengthStr).end()
1593
+ .find("span.details").text("("+split.desc+")").end()
1594
+ .find("span.pace").text(split.paceStr).end()
1595
+ .find("span.climb").text(split.rise.toFixed(0)).end()
1596
+ .show()
1597
+ .appendTo($("#trainingSplits"));
1598
+ }
1599
+
1600
+ $("#trainingSplitsToggle").trigger("click");
1601
+ var splitsHeight = $("#splits").height();
1602
+ var splitsWidth = $("#splits").width();
1603
+ $("#splits .greydient-bg").attr("height", splitsHeight).attr("width", splitsWidth);
1604
+ $("#splits .greydient-bg-box").css("height", splitsHeight).css("width", splitsWidth);
1605
+ $("#splits .greydient.l, #splits .greydient.r").css("height", splitsHeight-16);
1606
+ }
1607
+ else if(activityInfo.distanceSplits)
1608
+ {
1609
+ $("#distanceSplitsToggle").trigger("click");
1610
+ var splitsHeight = $("#splits").height();
1611
+ var splitsWidth = $("#splits").width();
1612
+ $("#splits .greydient-bg").attr("height", splitsHeight).attr("width", splitsWidth);
1613
+ $("#splits .greydient-bg-box").css("height", splitsHeight).css("width", splitsWidth);
1614
+ $("#splits .greydient.l, #splits .greydient.r").css("height", splitsHeight-16);
1615
+ }
1616
+ });
1617
+ </script>
1618
+ </div>
1619
+ </div>
1620
+ <div class="clear"></div>
1621
+ </div>
1622
+ </div>
1623
+ <div class="mainContentRight noFitnessClass">
1624
+
1625
+ <div class="clear"></div>
1626
+ <div id="activityShareBox">
1627
+
1628
+ <div id="shareActions">
1629
+
1630
+
1631
+ </div>
1632
+ <div class="clear"></div>
1633
+
1634
+ </div>
1635
+ <div class="clear"></div>
1636
+ <div class="commentsOuterContainer">
1637
+ <div class="ranWithContainer">
1638
+ <div id="ranWithDisplayWidget">
1639
+
1640
+
1641
+
1642
+
1643
+
1644
+
1645
+ <h2>I completed this activity with...</h2>
1646
+
1647
+
1648
+
1649
+
1650
+
1651
+
1652
+
1653
+
1654
+ <div id="imageTagContainer" class="imageTagContainer" style="display:none;">
1655
+
1656
+
1657
+
1658
+
1659
+
1660
+
1661
+
1662
+ <div class="clear"></div>
1663
+ </div>
1664
+ <div class="clear"></div>
1665
+
1666
+
1667
+
1668
+
1669
+
1670
+
1671
+
1672
+
1673
+
1674
+ <div id="widgetEmailTitle" class="label" style="display:none;">as well as: </div>
1675
+
1676
+ <div id="emailTagContainer" class="emailTagContainer" style="display:none;">
1677
+
1678
+ <div class="clear"></div>
1679
+ </div>
1680
+ <div class="clear"></div>
1681
+
1682
+
1683
+
1684
+
1685
+
1686
+
1687
+
1688
+ <p id="noTagsText" style="">
1689
+ No one else
1690
+ </p>
1691
+
1692
+
1693
+
1694
+
1695
+ </div>
1696
+
1697
+
1698
+
1699
+
1700
+
1701
+
1702
+
1703
+
1704
+ <div class="clear"></div>
1705
+ </div>
1706
+ <div id="notes">
1707
+ <h2>How did it go?</h2>
1708
+ <p>
1709
+
1710
+
1711
+
1712
+ <span class="italic">This user has not entered a note</span>
1713
+
1714
+
1715
+ </p>
1716
+ <div class="facebookLikeBox">
1717
+ <fb:like href="http://runkeeper.com/activity_redirect/mg8p9" layout="button_count" show_faces="false" ref="web.activity.shared.facebook.like" width="52" font="arial"></fb:like>
1718
+ </div>
1719
+ </div>
1720
+
1721
+ <h2 class="commentsHeader">Comments</h2>
1722
+
1723
+
1724
+ <script type="text/javascript">
1725
+ $(function(){
1726
+ $('textarea').elastic();
1727
+ });
1728
+ </script>
1729
+
1730
+
1731
+
1732
+
1733
+ <div class="commentsWrapper" style="">
1734
+ <div class="commentsArrow"></div>
1735
+
1736
+
1737
+
1738
+ <div class="comments" style="display:none">
1739
+
1740
+ <div class="commentsDiv" id="commentsDiv1">
1741
+
1742
+
1743
+ </div>
1744
+ </div>
1745
+
1746
+ </div>
1747
+
1748
+ </div>
1749
+ </div>
1750
+ </div>
1751
+ <div id="rightColumn"></div>
1752
+ <div id="push"></div>
1753
+ </div>
1754
+
1755
+
1756
+
1757
+
1758
+
1759
+
1760
+
1761
+
1762
+
1763
+
1764
+ <script type="text/javascript">
1765
+ _kmq.push(['record', "Viewed other user's activities page while logged out"]);
1766
+ </script>
1767
+
1768
+
1769
+ <script type="text/javascript">
1770
+ var _paq = _paq || [];
1771
+ _paq.push(["trackConversion", {id: "649N2L7QzFxf"}]);
1772
+ </script>
1773
+
1774
+
1775
+
1776
+
1777
+ </div>
1778
+
1779
+ <div id="footer" class="">
1780
+
1781
+ <div id="footer2">
1782
+ <div id="fineprint">copyright &copy; 2011 FitnessKeeper Inc.&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://blog.runkeeper.com">Blog</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/contact">Contact</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://blog.runkeeper.com/press" target="_blank">Press</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://blog.runkeeper.com/jobs" target="_blank">Jobs</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/termsofservice">Terms of Service</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/privacypolicy">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://store.runkeeper.com">RunKeeper Store</a></div>
1783
+ <div id="social">
1784
+ <a href="http://facebook.com/runkeeper" class="socialIcon facebook tiptip" title="Facebook"></a><a href="http://twitter.com/runkeeper" class="socialIcon twitter tiptip" title="Twitter"></a><span id="socialText">find RunKeeper on:</span>
1785
+ </div>
1786
+ </div>
1787
+
1788
+ </div>
1789
+
1790
+
1791
+
1792
+
1793
+
1794
+
1795
+ <div id="notificationBar">
1796
+ <div id="notificationContent">
1797
+ <div class="action"></div>
1798
+ <div class="icon"></div>
1799
+ <div class="mainText"></div>
1800
+ <div class="subText"></div>
1801
+ </div>
1802
+ </div>
1803
+
1804
+
1805
+
1806
+ <div id="fb-root"></div>
1807
+ <script>
1808
+ window.fbAsyncInit = function() {
1809
+ FB.init({appId: '2160ddc8f4e156e53ffd2ae4d2162a59', status: true, cookie: true, xfbml: true});
1810
+
1811
+ // execute any callbacks that are supposed to run upon confirmed/known facebook user is logged in
1812
+ FB.getLoginStatus(function(response) {
1813
+ if (response.session) {
1814
+ for (var i=0, n= FB_withLoginStatus.length; i < n; i++) {
1815
+ FB_withLoginStatus[i](response.session);
1816
+ }
1817
+ }
1818
+ });
1819
+ };
1820
+
1821
+ (function() {
1822
+ var e = document.createElement("script"); e.async = true;
1823
+ e.src = document.location.protocol + "//connect.facebook.net/en_US/all.js#appId=62572192129&amp;xfbml=1";
1824
+ document.getElementById("fb-root").appendChild(e);
1825
+ }());
1826
+
1827
+ function refreshXfbml()
1828
+ {
1829
+ FB.XFBML.parse();
1830
+ }
1831
+ </script>
1832
+
1833
+
1834
+ <script type="text/javascript">
1835
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
1836
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
1837
+ </script>
1838
+ <script type="text/javascript">
1839
+ var pageTracker = _gat._getTracker("UA-6014756-1");
1840
+ pageTracker._trackPageview();
1841
+ </script>
1842
+
1843
+
1844
+ <script type="text/javascript">
1845
+ var _paq = _paq || [];
1846
+
1847
+
1848
+ </script>
1849
+
1850
+ <script src="//d1nu2rn22elx8m.cloudfront.net/performable/pax/0M5NA9.js" type="text/javascript"></script>
1851
+
1852
+ </body>
1853
+ </html>
1854
+
1855
+
1856
+
1857
+