Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / frameworks / base / 49538def98520eb57d4fb634bf09b2f3104e7953 / . / docs / html / wear / index.html
blob: 966046330441b2704714a11fe6aab5de8a6bcd66 [file] [log] [blame]
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]1<!DOCTYPE html>
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92<html>
93<head>
94
95
96<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Scott Main779174e2014-03-24 13:53:24 -0700[diff] [blame]97<meta name="viewport" content="width=970" />
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]98
99<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
100<title>Android Wear | Android Developers</title>
101
102<!-- STYLESHEETS -->
103<link rel="stylesheet"
104href="//fonts.googleapis.com/css?family=Roboto:light,regular,medium,thin,italic,mediumitalic,bold" title="roboto">
105<link href="/assets/css/default.css" rel="stylesheet" type="text/css">
106
107
108
109<!-- JAVASCRIPT -->
110<script src="//www.google.com/jsapi" type="text/javascript"></script>
111<script src="/assets/js/android_3p-bundle.js" type="text/javascript"></script>
112<link rel="stylesheet" type="text/css" href="/wear/css/wear.css">
113<script type="text/javascript">
114 var toRoot = "/";
115 var metaTags = [];
116 var devsite = false;
117</script>
118<script src="/assets/js/docs.js" type="text/javascript"></script>
119
120<script type="text/javascript">
121 var _gaq = _gaq || [];
122 _gaq.push(['_setAccount', 'UA-5831155-1']);
123 _gaq.push(['_trackPageview']);
124
125 (function() {
126 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
127 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
128 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
129 })();
130</script>
131</head>
132
133<body class="gc-documentation
134 " itemscope itemtype="http://schema.org/Article">
135
136
137
138<a name="top"></a>
139
140 <!-- Header -->
141 <div id="header">
142 <div class="wrap" id="header-wrap">
143 <div class="col-3 logo-wear">
144 <a href="/wear/index.html">
145 <img src="/wear/images/android-wear.png" height="16" alt="Android Wear" />
146 </a>
147 </div>
148
149
150 <div class="col-8" style="margin:0"><h1 style="margin:1px 0 0 20px;padding:0;line-height:16px;
151 color:#666;font-weight:100;font-size:24px;">Developer Preview</h1></div>
152
153
154 <!-- New Search -->
155 <div class="menu-container">
156 <div class="moremenu">
157 <div id="more-btn"></div>
158 </div>
159 <div class="morehover" id="moremenu">
160 <div class="top"></div>
161 <div class="mid">
162 <div class="header">Links</div>
163 <ul>
164 <li><a href="https://play.google.com/apps/publish/">Google Play Developer Console</a></li>
165 <li><a href="http://android-developers.blogspot.com/">Android Developers Blog</a></li>
166 <li><a href="/about/index.html">About Android</a></li>
167 </ul>
168 <div class="header">Android Sites</div>
169 <ul>
170 <li><a href="http://www.android.com">Android.com</a></li>
171 <li class="active"><a>Android Developers</a></li>
172 <li><a href="http://source.android.com">Android Open Source Project</a></li>
173 </ul>
174
175
176
177 <div class="header">Language</div>
178 <div id="language" class="locales">
179 <select name="language" onChange="changeLangPref(this.value, true)">
180 <option value="en">English</option>
181 <option value="es">Español</option>
182 <option value="ja">日本語</option>
183 <option value="ko">한국어</option>
184 <option value="ru">Русский</option>
185 <option value="zh-cn">中文 (中国)</option>
186 <option value="zh-tw">中文 (台灣)</option>
187 </select>
188 </div>
189 <script type="text/javascript">
190 <!--
191 loadLangPref();
192 //-->
193 </script>
194
195
196
197
198 <br class="clearfix" />
199 </div><!-- end mid -->
200 <div class="bottom"></div>
201 </div><!-- end morehover -->
202
203 <div class="search" id="search-container">
204 <div class="search-inner">
205 <div id="search-btn"></div>
206 <div class="left"></div>
207 <form onsubmit="return submit_search()">
208 <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
209onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
210onkeydown="return search_changed(event, true, '/')"
211onkeyup="return search_changed(event, false, '/')" />
212 </form>
213 <div class="right"></div>
214 <a class="close hide">close</a>
215 <div class="left"></div>
216 <div class="right"></div>
217 </div>
218 </div><!-- end search -->
219
220 <div class="search_filtered_wrapper reference">
221 <div class="suggest-card reference no-display">
222 <ul class="search_filtered">
223 </ul>
224 </div>
225 </div>
226
227 <div class="search_filtered_wrapper docs">
228 <div class="suggest-card dummy no-display">&nbsp;</div>
229 <div class="suggest-card develop no-display">
230 <ul class="search_filtered">
231 </ul>
232 <div class="child-card guides no-display">
233 </div>
234 <div class="child-card training no-display">
235 </div>
236 <div class="child-card samples no-display">
237 </div>
238 </div>
239 <div class="suggest-card design no-display">
240 <ul class="search_filtered">
241 </ul>
242 </div>
243 <div class="suggest-card distribute no-display">
244 <ul class="search_filtered">
245 </ul>
246 </div>
247 </div><!-- end search_filtered_wrapper -->
248
249 </div>
250 <!-- end menu_container -->
251
252
253 </div><!-- end header-wrap -->
254 </div>
255 <!-- /Header -->
256
257
258 <div id="searchResults" class="wrap" style="display:none;">
259 <h2 id="searchTitle">Results</h2>
260 <div id="leftSearchControl" class="search-control">Loading...</div>
261 </div>
262
263
264
265
266
267 <div id="body-content">
268
269
270
271
272<div class="fullpage" >
273
274
275
276
277
278
279 <div id="jd-content">
280
281
282 <div class="jd-descr" itemprop="articleBody">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]283 <style>
284.fullpage>#footer,
285#jd-content>.content-footer.wrap {
286 display:none;
287}
288</style>
289
290
291
292
293<div id="video-container">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]294 <div id="video-frame">
295 <div class="video-close">
296 <span id="icon-video-close">&nbsp;</span>
297 </div>
298 <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
299 <div id="ytapiplayer">
Scott Main52f449f2014-03-24 23:23:22 -0700[diff] [blame]300 <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=940
Scott Main779174e2014-03-24 13:53:24 -0700[diff] [blame]301 src="https://i1.ytimg.com/vi/0xQ3y902DEQ/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. -->
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]302 </div>
303 </div>
304</div>
305
306
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]307
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]308<div class="wear-body-content">
309 <div class="wear-hero-container">
310 <div class="wear-section wear-hero">
311 <div class="wear-hero-scrim"></div>
312 <div class="wear-hero-wrap">
313 <div class="vertical-center-outer">
314 <div class="vertical-center-inner">
315
316 <div class="col-10">
317 <div class="wear-section-header">
318 <div class="wear-h1 hero">Android Wear</div>
319 <div class="wear-subhead hero">Information that moves with you</div>
320 </div>
321 <div class="wear-hero-description">
322 <p>Small, powerful devices, worn on the body.
323 Useful information when you need it most.
324 Intelligent answers to spoken questions.
325 Tools to help reach fitness goals.
326 Your key to a multiscreen world.</p>
327 </div>
328
329 <div class="wear-body">
330 <a href="/wear/preview/start.html" class="wear-button wear-primary" style="margin-top: 40px;">
331 Get the Developer Preview
332 </a>
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]333 <a id="watchVideo" href="https://youtube.googleapis.com/v/0xQ3y902DEQ">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]334 <div class="wear-video-link">Watch the video</div>
335 </a>
336<script>
337$("#watchVideo").on("click", function(e) {
338 $("#video-container").fadeIn(400, function(){$("#video-frame").show()});
339
340 var params = { allowScriptAccess: "always"};
341 var atts = { id: "ytapiplayer" };
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]342 swfobject.embedSWF("//www.youtube.com/v/0xQ3y902DEQ?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1;autoplay=1",
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]343 "ytapiplayer", "940", "526.4", "8", null, null, params, atts);
344
345 e.preventDefault();
346});
347$("#icon-video-close").on("click", function() {
348 ytplayer = document.getElementById("ytapiplayer");
Scott Main52f449f2014-03-24 23:23:22 -0700[diff] [blame]349 try {
350 ytplayer.stopVideo();
351 $(ytplayer).hide();
352 $("#video-container").fadeOut(400);
353 } catch(e) {
354 console.log('Video not available');
355 $("#video-container").fadeOut(400);
356 }
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]357});
358</script>
359 </div>
360 </div>
361
362 </div>
363 </div>
364 </div> <!-- end .wrap -->
365 <div class="wear-scroll-down-affordance">
366 <a class="wear-down-arrow" href="#extending-android-to-wearables">
367 <img src="/wear/images/carrot.png" alt="Scroll down to read more">
368 </a>
369 </div>
370 </div> <!-- end .wear-section .wear-hero -->
371 </div> <!-- end .wear-hero-container -->
372
373 <div class="wear-rest-of-page">
374 <div class="wear-section" id="extending-android-to-wearables">
375 <div class="wrap">
376 <div class="wear-section-header">
377 <div class="wear-h1">Extending Android to Wearables</div>
378 <div class="wear-subhead">
379 Android Wear extends the Android platform to a new generation of wearable devices. <br>
380 The user experience is designed specifically for wearables.
381 </div>
382 </div>
383
384 <div class="wear-body">
385 <div class="wear-breakout cols">
386 <div class="col-3-wide">
387
388 <div class="wear-inset-video-container">
389 <img class="wear-bezel-only" src="/wear/images/screens/bezel.png" alt="">
390 <img class="gif" src="/wear/images/screens/reservation_animated.gif">
391 </div>
392
393 <p class="wear-small">
394 Say “Ok Google” to ask questions and get stuff done.
395 </p>
396 </div>
397 <div class="col-3-wide">
398 <img src="/wear/images/screens/circle_message2.png" alt="Image of a Hangouts message">
399 <p class="wear-small">
400 Get glanceable, actionable information at just the right time throughout the day.
401 </p>
402 </div>
403 <div class="col-3-wide">
404 <img src="/wear/images/screens/fitness-24.png" alt="Image showing ">
405 <p class="wear-small">
406 A wide range of sensors is available to your applications, from accelerometers to heart rate monitors.
407 </p>
408 </div>
409 </div>
410
411 <p>
412 The Android Wear Developer Preview lets you create wearable experiences for your existing Android apps and see how they will appear on square and round Android wearables.
413 </p>
414
415 <p>
416 Later this year, we’ll be launching the Android Wear SDK, enabling even more customized experiences.
417 </p>
418 </div>
419 </div> <!-- end .wrap -->
420 </div> <!-- end .wear-section -->
421
422 <div class="wear-section wear-gray-background">
423 <div class="wrap">
424 <div class="wear-section-header">
425 <div class="wear-h1">Developer Preview</div>
426 <div class="wear-subhead">
427 Your app’s notifications will already appear on Android wearables. <br>
428 With the new Android Wear APIs you can customize and extend those notifications.
429 </div>
430 </div>
431
432
433 <div class="wear-body">
434 <div class="wear-breakout cols">
435 <div class="col-3-wide">
436 <img src="images/screens/14_circle_voicereply.png" alt="">
437 <p>Receive Voice Replies</p>
438 <p class="wear-small">
439 Add actions to your notifications to allow users to reply by voice or touch. The system delivers the text to your app on the phone.
440 </p>
441 <p class="wear-small">
442 <a href="/wear/notifications/remote-input.html">Learn about input actions</a>
443 </p>
444 </div>
445 <div class="col-3-wide">
446
447
448 <div class="wear-inset-video-container">
449 <img class="wear-bezel-only" src="/wear/images/screens/bezel.png" alt="">
450 <img class="gif" src="/wear/images/screens/pages_animated.gif">
451 </div>
452
453 <p>Add Notification Pages</p>
454 <p class="wear-small">
455 Add additional pages to your notification that are visible on the wearable device to provide detailed information on the wrist.
456 </p>
457 <p class="wear-small">
458 <a href="/wear/notifications/pages.html">Learn about pages</a>
459 </p>
460 </div>
461 <div class="col-3-wide">
462 <img src="images/screens/11_stack_B.png" alt="">
463 <p>Stack Multiple Notifications</p>
464 <p class="wear-small">
465 Your app should consolidate similar notifications. On a wearable, you can stack them together so the details for each are immediately available.
466 </p>
467 <p class="wear-small">
468 <a href="/wear/notifications/stacks.html">Learn about stacks</a>
469 </p>
470 </div>
471 </div>
472
473 <p>
474 You can also trigger your notifications contextually using existing Android APIs. For example, use <a href="/training/location/geofencing.html">geofences</a> to provide glanceable information to your users when they are at home, or use the <a href="/training/location/activity-recognition.html">activity detection APIs</a> to send messages to your users’ wrists while they are bicycling.
475 </p>
476
477 <p>See the <a href="/wear/design/index.html">Android Wear Developer Preview Design Principles</a> for more suggestions on creating great wearable experiences.</p>
478
479 </div>
480 </div> <!-- end .wrap -->
481 </div> <!-- end .wear-section -->
482
483 <div class="wear-section" style="background-color:#f5f5f5">
484 <div class="wrap">
485 <div class="wear-section-header">
486 <div class="wear-pre-h1">Coming soon</div>
487 <div class="wear-h1">The Android Wear SDK</div>
488 <div class="wear-subhead">
489 The Developer Preview is just the beginning for Android Wear.
490 </div>
491 </div>
492
493 <div class="wear-body">
494 <p>
495 In the coming months we’ll be launching new APIs and features for Android wearables to create even more unique experiences for the wrist:
496 </p>
497
498 <div class="wear-breakout cols">
499 <div class="col-4">
500 <img src="/wear/images/features/ts1.png" alt="">
501 <p>Build Custom UI</p>
502 <p class="wear-small">
503 Create custom card layouts and run activities directly on wearables.
504 </p>
505 </div>
506 <div class="col-4">
507 <img src="/wear/images/features/ts2.png" alt="">
508 <p>Send Data</p>
509 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]510 Send data and actions between a phone and a wearable with data replication APIs and RPCs.
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]511 </p>
512 </div>
513 <div class="col-4">
514 <img src="/wear/images/features/ts3.png" alt="">
515 <p>Control Sensors</p>
516 <p class="wear-small">
517 Gather sensor data and display it in real-time on Android wearables.
518 </p>
519 </div>
520 <div class="col-4">
521 <img src="/wear/images/features/ts4.png" alt="">
522 <p>Voice Actions</p>
523 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]524 Register your app to handle voice actions, like "Ok Google, take a note."
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]525 </p>
526 </div>
527 </div>
528
529 </div>
530 </div> <!-- end .wrap -->
531 </div> <!-- end .wear-section -->
532
533 <div class="wear-section wear-white-background">
534 <div class="wrap">
535 <div class="wear-section-header">
536 <div class="wear-h2">Building an Ecosystem</div>
537 <div class="wear-body wear-align-center">
538 <p class="wear-small">
539 We’re working with several partners to bring you watches powered by Android Wear later this year!
540 </p>
541 </div>
542 </div>
543
544 <div class="wear-partners cols">
545 <div class="col-4">
546 <img src="/wear/images/partners/asus.png" alt="Asus">
547 </div>
548 <div class="col-4">
549 <img src="/wear/images/partners/broadcom.png" alt="Broadcom">
550 </div>
551 <div class="col-4">
552 <img src="/wear/images/partners/fossil.png" alt="Fossil">
553 </div>
554 <div class="col-4">
555 <img src="/wear/images/partners/htc.png" alt="HTC">
556 </div>
557 <div class="col-4">
558 <img src="/wear/images/partners/intel.png" alt="Intel">
559 </div>
560 <div class="col-4">
561 <img src="/wear/images/partners/lg.png" alt="LG">
562 </div>
563 <div class="col-4">
564 <img src="/wear/images/partners/mediatek.png" alt="Mediatek">
565 </div>
566 <div class="col-4">
567 <img src="/wear/images/partners/mips.png" alt="MIPS">
568 </div>
569 <div class="col-4">
570 <img src="/wear/images/partners/motorola.png" alt="Motorola">
571 </div>
572 <div class="col-4">
573 <img src="/wear/images/partners/qualcomm.png" alt="Qualcomm">
574 </div>
575 <div class="col-4">
576 <img src="/wear/images/partners/samsung.png" alt="Samsung">
577 </div>
578 </div>
579 </div> <!-- end .wrap -->
580 </div> <!-- end .wear-section -->
581
582 <div class="wear-section wear-red-background">
583 <div class="wrap">
584 <div class="wear-section-header">
585 <div class="wear-h1 wear-align-left">Start working with Android Wear</div>
586 <div class="wear-subhead wear-subhead-red">
587 <p>
588 Your app’s notifications will already appear on Android wearables. <br>
589 With the new Android Wear APIs, you can customize and extend those notifications.
590 </p>
591 <p>
592 We’re excited about wearables and the experiences developers can create with them. <br>
593 We can’t wait to see what you do next.</p>
594 </div>
595 </div>
596 <div class="wear-body">
597 <a href="/wear/preview/start.html" class="wear-button wear-secondary" style="margin-top: 20px;">
598 Get the Developer Preview
599 </a>
600 </div>
601 </div>
602 </div>
603
604 <div class="wear-section">
605 <div class="wrap">
606 <div class="cols">
607 <div class="wear-body">
608 <div class="col-3-wide">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]609 <a target="_blank" href="https://www.youtube.com/playlist?list=PLWz5rJ2EKKc-kIrPiq098QH9dOle-fLef">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]610 <img class="wear-social-image" src="//www.google.com/images/icons/product/youtube-128.png" alt="">
611 </a>
612 <div class="wear-social-copy">
613 <p>DevBytes</p>
614 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]615 Learn how to optimize your app notifications for wearable devices in this <a target="_blank" href="https://www.youtube.com/playlist?list=PLWz5rJ2EKKc-kIrPiq098QH9dOle-fLef">DevBytes video</a> using the Android Wear Developer Preview.
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]616 </p>
617 </div>
618 </div>
619 <div class="col-3-wide">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]620 <a target="_blank" href="http://android-developers.blogspot.com/2014/03/android-wear-developer-preview.html">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]621 <img class="wear-social-image" src="/wear/images/blogger.png" alt="">
622 </a>
623 <div class="wear-social-copy">
624 <p>Blog Post</p>
625 <p class="wear-small">
626 Read more about the Android Wear Developer Preview announcement
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]627 at the <a target="_blank" href="http://android-developers.blogspot.com/2014/03/android-wear-developer-preview.html">Android Developers Blog</a>.
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]628 </p>
629 </div>
630 </div>
631 <div class="col-3-wide">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]632 <a target="_blank" href="http://g.co/androidweardev">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]633 <img class="wear-social-image" src="//www.google.com/images/icons/product/gplus-128.png" alt="+Android Wear Developers">
634 </a>
635 <div class="wear-social-copy">
636 <p>G+ Community</p>
637 <p class="wear-small">
638 Follow us on Google+ to stay up-to-date on Android Wear development and join the discussion!
639 </p>
640 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]641 <a target="_blank" href="http://g.co/androidweardev">+Android Wear Developers</a>
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]642 </p>
643 </div>
644 </div>
645 </div>
646 </div>
647 </div> <!-- end .wrap -->
648 </div> <!-- end .wear-section -->
649 </div> <!-- end .wear-rest-of-page -->
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]650
651
652 <div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
653 <div class="layout-content-col col-16" style="padding-top:4px">
654 <style>#___plusone_0 {float:right !important;}</style>
655 <div class="g-plusone" data-size="medium"></div>
656 </div>
657 </div>
Scott Main779174e2014-03-24 13:53:24 -0700[diff] [blame]658 <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px;z-index:-1">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]659 <div id="copyright">
660 Except as noted, this content is
661 licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
662 Creative Commons Attribution 2.5</a>. For details and
663 restrictions, see the <a href="/license.html">Content
664 License</a>.
665 </div>
666 </div>
667
668
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]669 </div> <!-- end wear-body-content -->
670
671 <script>
672 $("a.wear-down-arrow").on("click", function(e) {
673 $("body").animate({
674 scrollTop: $(".wear-hero").height() + 76
675 }, 1000, "easeOutQuint");
676 e.preventDefault();
677 });
678 </script>
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]679
680
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]681 </div>
682
683 <div class="content-footer wrap"
684 itemscope itemtype="http://schema.org/SiteNavigationElement">
685 <div class="layout-content-col col-16" style="padding-top:4px">
686 <style>#___plusone_0 {float:right !important;}</style>
687 <div class="g-plusone" data-size="medium"></div>
688
689 </div>
690
691 <div class="paging-links layout-content-col col-4">
692
693 </div>
694
695 </div>
696
697
698
699
700 </div> <!-- end jd-content -->
701
702<div id="footer" class="wrap" style="width:940px">
703
704
705 <div id="copyright">
706
707 Except as noted, this content is
708 licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
709 Creative Commons Attribution 2.5</a>. For details and
710 restrictions, see the <a href="/license.html">Content
711 License</a>.
712 </div>
713
714
715</div> <!-- end footer -->
716</div><!-- end doc-content -->
717
718</div> <!-- end body-content -->
719
720
721
722
723
724
725<!-- Start of Tag -->
726<script type="text/javascript">
727var axel = Math.random() + "";
728var a = axel * 10000000000000;
729document.write('<iframe src="https://2507573.fls.doubleclick.net/activityi;src=2507573;type=other026;cat=googl348;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
730</script>
731<noscript>
732<iframe src="https://2507573.fls.doubleclick.net/activityi;src=2507573;type=other026;cat=googl348;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
733</noscript>
734<!-- End of Tag -->
735</body>
736</html>
737
738
739