Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / frameworks / base / 779174ea182908e18d821656fc408697485a1f7a / . / docs / html / wear / index.html
blob: 4a71856784f4d06ae1e3073f0beb48f4acc2d3e8 [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 Main779174e2014-03-24 13:53:24 -0700[diff] [blame^]300 <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=600
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");
349 ytplayer.stopVideo();
350 $(ytplayer).hide();
351 $("#video-container").fadeOut(400);
352});
353</script>
354 </div>
355 </div>
356
357 </div>
358 </div>
359 </div> <!-- end .wrap -->
360 <div class="wear-scroll-down-affordance">
361 <a class="wear-down-arrow" href="#extending-android-to-wearables">
362 <img src="/wear/images/carrot.png" alt="Scroll down to read more">
363 </a>
364 </div>
365 </div> <!-- end .wear-section .wear-hero -->
366 </div> <!-- end .wear-hero-container -->
367
368 <div class="wear-rest-of-page">
369 <div class="wear-section" id="extending-android-to-wearables">
370 <div class="wrap">
371 <div class="wear-section-header">
372 <div class="wear-h1">Extending Android to Wearables</div>
373 <div class="wear-subhead">
374 Android Wear extends the Android platform to a new generation of wearable devices. <br>
375 The user experience is designed specifically for wearables.
376 </div>
377 </div>
378
379 <div class="wear-body">
380 <div class="wear-breakout cols">
381 <div class="col-3-wide">
382
383 <div class="wear-inset-video-container">
384 <img class="wear-bezel-only" src="/wear/images/screens/bezel.png" alt="">
385 <img class="gif" src="/wear/images/screens/reservation_animated.gif">
386 </div>
387
388 <p class="wear-small">
389 Say “Ok Google” to ask questions and get stuff done.
390 </p>
391 </div>
392 <div class="col-3-wide">
393 <img src="/wear/images/screens/circle_message2.png" alt="Image of a Hangouts message">
394 <p class="wear-small">
395 Get glanceable, actionable information at just the right time throughout the day.
396 </p>
397 </div>
398 <div class="col-3-wide">
399 <img src="/wear/images/screens/fitness-24.png" alt="Image showing ">
400 <p class="wear-small">
401 A wide range of sensors is available to your applications, from accelerometers to heart rate monitors.
402 </p>
403 </div>
404 </div>
405
406 <p>
407 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.
408 </p>
409
410 <p>
411 Later this year, we’ll be launching the Android Wear SDK, enabling even more customized experiences.
412 </p>
413 </div>
414 </div> <!-- end .wrap -->
415 </div> <!-- end .wear-section -->
416
417 <div class="wear-section wear-gray-background">
418 <div class="wrap">
419 <div class="wear-section-header">
420 <div class="wear-h1">Developer Preview</div>
421 <div class="wear-subhead">
422 Your app’s notifications will already appear on Android wearables. <br>
423 With the new Android Wear APIs you can customize and extend those notifications.
424 </div>
425 </div>
426
427
428 <div class="wear-body">
429 <div class="wear-breakout cols">
430 <div class="col-3-wide">
431 <img src="images/screens/14_circle_voicereply.png" alt="">
432 <p>Receive Voice Replies</p>
433 <p class="wear-small">
434 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.
435 </p>
436 <p class="wear-small">
437 <a href="/wear/notifications/remote-input.html">Learn about input actions</a>
438 </p>
439 </div>
440 <div class="col-3-wide">
441
442
443 <div class="wear-inset-video-container">
444 <img class="wear-bezel-only" src="/wear/images/screens/bezel.png" alt="">
445 <img class="gif" src="/wear/images/screens/pages_animated.gif">
446 </div>
447
448 <p>Add Notification Pages</p>
449 <p class="wear-small">
450 Add additional pages to your notification that are visible on the wearable device to provide detailed information on the wrist.
451 </p>
452 <p class="wear-small">
453 <a href="/wear/notifications/pages.html">Learn about pages</a>
454 </p>
455 </div>
456 <div class="col-3-wide">
457 <img src="images/screens/11_stack_B.png" alt="">
458 <p>Stack Multiple Notifications</p>
459 <p class="wear-small">
460 Your app should consolidate similar notifications. On a wearable, you can stack them together so the details for each are immediately available.
461 </p>
462 <p class="wear-small">
463 <a href="/wear/notifications/stacks.html">Learn about stacks</a>
464 </p>
465 </div>
466 </div>
467
468 <p>
469 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.
470 </p>
471
472 <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>
473
474 </div>
475 </div> <!-- end .wrap -->
476 </div> <!-- end .wear-section -->
477
478 <div class="wear-section" style="background-color:#f5f5f5">
479 <div class="wrap">
480 <div class="wear-section-header">
481 <div class="wear-pre-h1">Coming soon</div>
482 <div class="wear-h1">The Android Wear SDK</div>
483 <div class="wear-subhead">
484 The Developer Preview is just the beginning for Android Wear.
485 </div>
486 </div>
487
488 <div class="wear-body">
489 <p>
490 In the coming months we’ll be launching new APIs and features for Android wearables to create even more unique experiences for the wrist:
491 </p>
492
493 <div class="wear-breakout cols">
494 <div class="col-4">
495 <img src="/wear/images/features/ts1.png" alt="">
496 <p>Build Custom UI</p>
497 <p class="wear-small">
498 Create custom card layouts and run activities directly on wearables.
499 </p>
500 </div>
501 <div class="col-4">
502 <img src="/wear/images/features/ts2.png" alt="">
503 <p>Send Data</p>
504 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]505 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]506 </p>
507 </div>
508 <div class="col-4">
509 <img src="/wear/images/features/ts3.png" alt="">
510 <p>Control Sensors</p>
511 <p class="wear-small">
512 Gather sensor data and display it in real-time on Android wearables.
513 </p>
514 </div>
515 <div class="col-4">
516 <img src="/wear/images/features/ts4.png" alt="">
517 <p>Voice Actions</p>
518 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]519 Register your app to handle voice actions, like "Ok Google, take a note."
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]520 </p>
521 </div>
522 </div>
523
524 </div>
525 </div> <!-- end .wrap -->
526 </div> <!-- end .wear-section -->
527
528 <div class="wear-section wear-white-background">
529 <div class="wrap">
530 <div class="wear-section-header">
531 <div class="wear-h2">Building an Ecosystem</div>
532 <div class="wear-body wear-align-center">
533 <p class="wear-small">
534 We’re working with several partners to bring you watches powered by Android Wear later this year!
535 </p>
536 </div>
537 </div>
538
539 <div class="wear-partners cols">
540 <div class="col-4">
541 <img src="/wear/images/partners/asus.png" alt="Asus">
542 </div>
543 <div class="col-4">
544 <img src="/wear/images/partners/broadcom.png" alt="Broadcom">
545 </div>
546 <div class="col-4">
547 <img src="/wear/images/partners/fossil.png" alt="Fossil">
548 </div>
549 <div class="col-4">
550 <img src="/wear/images/partners/htc.png" alt="HTC">
551 </div>
552 <div class="col-4">
553 <img src="/wear/images/partners/intel.png" alt="Intel">
554 </div>
555 <div class="col-4">
556 <img src="/wear/images/partners/lg.png" alt="LG">
557 </div>
558 <div class="col-4">
559 <img src="/wear/images/partners/mediatek.png" alt="Mediatek">
560 </div>
561 <div class="col-4">
562 <img src="/wear/images/partners/mips.png" alt="MIPS">
563 </div>
564 <div class="col-4">
565 <img src="/wear/images/partners/motorola.png" alt="Motorola">
566 </div>
567 <div class="col-4">
568 <img src="/wear/images/partners/qualcomm.png" alt="Qualcomm">
569 </div>
570 <div class="col-4">
571 <img src="/wear/images/partners/samsung.png" alt="Samsung">
572 </div>
573 </div>
574 </div> <!-- end .wrap -->
575 </div> <!-- end .wear-section -->
576
577 <div class="wear-section wear-red-background">
578 <div class="wrap">
579 <div class="wear-section-header">
580 <div class="wear-h1 wear-align-left">Start working with Android Wear</div>
581 <div class="wear-subhead wear-subhead-red">
582 <p>
583 Your app’s notifications will already appear on Android wearables. <br>
584 With the new Android Wear APIs, you can customize and extend those notifications.
585 </p>
586 <p>
587 We’re excited about wearables and the experiences developers can create with them. <br>
588 We can’t wait to see what you do next.</p>
589 </div>
590 </div>
591 <div class="wear-body">
592 <a href="/wear/preview/start.html" class="wear-button wear-secondary" style="margin-top: 20px;">
593 Get the Developer Preview
594 </a>
595 </div>
596 </div>
597 </div>
598
599 <div class="wear-section">
600 <div class="wrap">
601 <div class="cols">
602 <div class="wear-body">
603 <div class="col-3-wide">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]604 <a target="_blank" href="https://www.youtube.com/playlist?list=PLWz5rJ2EKKc-kIrPiq098QH9dOle-fLef">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]605 <img class="wear-social-image" src="//www.google.com/images/icons/product/youtube-128.png" alt="">
606 </a>
607 <div class="wear-social-copy">
608 <p>DevBytes</p>
609 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]610 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]611 </p>
612 </div>
613 </div>
614 <div class="col-3-wide">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]615 <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]616 <img class="wear-social-image" src="/wear/images/blogger.png" alt="">
617 </a>
618 <div class="wear-social-copy">
619 <p>Blog Post</p>
620 <p class="wear-small">
621 Read more about the Android Wear Developer Preview announcement
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]622 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]623 </p>
624 </div>
625 </div>
626 <div class="col-3-wide">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]627 <a target="_blank" href="http://g.co/androidweardev">
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]628 <img class="wear-social-image" src="//www.google.com/images/icons/product/gplus-128.png" alt="+Android Wear Developers">
629 </a>
630 <div class="wear-social-copy">
631 <p>G+ Community</p>
632 <p class="wear-small">
633 Follow us on Google+ to stay up-to-date on Android Wear development and join the discussion!
634 </p>
635 <p class="wear-small">
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]636 <a target="_blank" href="http://g.co/androidweardev">+Android Wear Developers</a>
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]637 </p>
638 </div>
639 </div>
640 </div>
641 </div>
642 </div> <!-- end .wrap -->
643 </div> <!-- end .wear-section -->
644 </div> <!-- end .wear-rest-of-page -->
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]645
646
647 <div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
648 <div class="layout-content-col col-16" style="padding-top:4px">
649 <style>#___plusone_0 {float:right !important;}</style>
650 <div class="g-plusone" data-size="medium"></div>
651 </div>
652 </div>
Scott Main779174e2014-03-24 13:53:24 -0700[diff] [blame^]653 <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]654 <div id="copyright">
655 Except as noted, this content is
656 licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
657 Creative Commons Attribution 2.5</a>. For details and
658 restrictions, see the <a href="/license.html">Content
659 License</a>.
660 </div>
661 </div>
662
663
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]664 </div> <!-- end wear-body-content -->
665
666 <script>
667 $("a.wear-down-arrow").on("click", function(e) {
668 $("body").animate({
669 scrollTop: $(".wear-hero").height() + 76
670 }, 1000, "easeOutQuint");
671 e.preventDefault();
672 });
673 </script>
Scott Maina32c4372014-03-19 11:51:05 -0700[diff] [blame]674
675
Scott Main50d7dc92014-03-18 05:13:12 -0700[diff] [blame]676 </div>
677
678 <div class="content-footer wrap"
679 itemscope itemtype="http://schema.org/SiteNavigationElement">
680 <div class="layout-content-col col-16" style="padding-top:4px">
681 <style>#___plusone_0 {float:right !important;}</style>
682 <div class="g-plusone" data-size="medium"></div>
683
684 </div>
685
686 <div class="paging-links layout-content-col col-4">
687
688 </div>
689
690 </div>
691
692
693
694
695 </div> <!-- end jd-content -->
696
697<div id="footer" class="wrap" style="width:940px">
698
699
700 <div id="copyright">
701
702 Except as noted, this content is
703 licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
704 Creative Commons Attribution 2.5</a>. For details and
705 restrictions, see the <a href="/license.html">Content
706 License</a>.
707 </div>
708
709
710</div> <!-- end footer -->
711</div><!-- end doc-content -->
712
713</div> <!-- end body-content -->
714
715
716
717
718
719
720<!-- Start of Tag -->
721<script type="text/javascript">
722var axel = Math.random() + "";
723var a = axel * 10000000000000;
724document.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>');
725</script>
726<noscript>
727<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>
728</noscript>
729<!-- End of Tag -->
730</body>
731</html>
732
733
734