runkeeper-activities 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. data/Gemfile +2 -0
  2. data/README.rdoc +43 -0
  3. data/Rakefile +9 -0
  4. data/lib/runkeeper_activities/activity.rb +76 -0
  5. data/lib/runkeeper_activities/user.rb +64 -0
  6. data/lib/runkeeper_activities/utils.rb +9 -0
  7. data/lib/runkeeper_activities/version.rb +3 -0
  8. data/lib/runkeeper_activities.rb +8 -0
  9. data/runkeeper-activities.gemspec +24 -0
  10. data/test/data/activity.txt +8 -0
  11. data/test/data/non_existing_profile.txt +408 -0
  12. data/test/data/profile.txt +1857 -0
  13. data/test/test_helper.rb +30 -0
  14. data/test/unit/runkeeper_activity_test.rb +29 -0
  15. data/test/unit/runkeeper_user_test.rb +35 -0
  16. metadata +163 -0
data/test/data/profile.txt ADDED
@@ -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
+