December 4, 2012 at 6:17 pm

Interactive: The history of military drones

Comments

</p> <div class="clearfix"></div> </div> </div> </div> </div> </div> <div class="grid_18 alpha horizontal-sharetools"> <div class="toolswrapper top"> <div class="toolsArticle facetwitt clearfix" id="sharelinks" > <div class="toolsShareWrap"> <div class="toolsShare"> <fb:like href="" send="false" layout="button_count" width="155" show_faces="false" action="recommend" font="" ref="http://www.detroitnews.com/article/20121204/SPECIAL01/121204004/Interactive-history-military-drones"></fb:like> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-counturl="http://www.detroitnews.com/article/20121204/SPECIAL01/121204004/Interactive-history-military-drones" data-via="" data-related="Special Reports" data-text="Interactive: The history of military drones"><span>Tweet</span></a> <div class="gplusone-share-button"><g:plusone size="medium" callback="gplusone_share"></g:plusone></div> <div id="tweet_btn_src"></div> </div> <ul class="toolsShare2 clearfix"> <li class="sharethis email"><a class="icnShareEmail ody-sprite" href="javascript:void(null);"><span>Email</span></a></li> <li class="print tracklink"><a class="icnSharePrint ody-sprite" href="." onClick="CleanPrintPrintHtml(); return false"><span>Print</span></a></li> <li class="sharelinks menu"> <a class="icnShare drop menu">Share</a> <div class="dropdown"> <ul> <li class="sharethis linkedin"> <a href="javascript:void(null);"> <span class='linkedicon ody-sprite'></span>LinkedIn </a> </li> <li class="sharethis tumblr"> <a href="javascript:void(null);"> <span class='tumblricon ody-sprite'></span>Tumblr </a> </li> <li class="sharethis stumbleupon"> <a href="javascript:void(null);"> <span class='stumbleicon ody-sprite'></span>StumbleUpon </a> </li> <li class="sharethis reddit"> <a href="javascript:void(null);"> <span class='redditicon ody-sprite'></span>Reddit </a> </li> <li class="sharethis delicious"> <a href="javascript:void(null);"> <span class='delicon ody-sprite'></span>Del.icio.us </a> </li> <li class="sharethis digg last"> <a href="javascript:void(null);"> <span class='diggicon ody-sprite'></span>Digg </a> </li> </ul> </div> </li> </ul> <ul id="textresizer"> <li><a href="#nogo" class="small-text">A</a></li> <li><a href="#nogo" class="medium-text">A</a></li> <li><a href="#nogo" class="large-text">A</a></li>  </ul> </div> </div> </div> <div id="fb-root"></div> <script type="text/javascript"> (function(){ GEL.thepage.initializer.addInitRoutine({ name: "sharelinks", namespace: ['widget.ArticleTools','org.jQuery'], callback: function(){initShareThis('top', false, '209268509117672', 'regular', true);}, priority: 31 }); GEL.thepage.initializer.addInitRoutine({ name: "fontsize", namespace: "widget.ArticleTools", callback: function(){initFontSize();}, priority: 99 }); })(); function gplusone_share(r){ var action=(r.state=='on')?"like":"unlike"; var _vt = GEL.thepage.viewTracker; _vt.providers.sitecat.trackLink("sharethis:google:"+action+":top"); } </script> </div> <script type="text/javascript"> (function(){ GEL.thepage.initializer.addInitRoutine({ name: 'shareTools', namespace: 'org.jQuery.waypoint', callback: function(){ $('#article-bodytext').waypoint(function(e,d){ // Check to see if #sharelinks is in view. var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $('#sharelinks').offset().top; var elemBottom = elemTop + $('#sharelinks').height(); if(!((elemBottom >= docViewTop) && (elemTop <= docViewBottom))){ $('#sharelinks-bottom').removeClass('gel-hidden'); } },{ offset: 'bottom-in-view', triggerOnce: true }); }, priority: 101 }); })(); (function(){ /*FUNCTION:MyCapture & Zoom constructor*/ GEL.thepage.initializer.addInitRoutine({ name: "Mycapturelink", namespace: ["widget.ArticleTools","widget.modal"], callback: function(){ var _wid = GEL.thepage.MycaptureWidget = new GEL.widget.MycaptureWidget("article-bodytext"), _mid = GEL.thepage.MycaptureWidget = new GEL.widget.MycaptureWidget("modalinner"), _zid = GEL.thepage.ZoomWidget = new GEL.widget.ZoomWidget("article-bodytext") _sid = GEL.thepage.ZoomWidget = new GEL.widget.ZoomWidget("modalinner") ; _wid.init(); _mid.init(); _zid.init(); _sid.init(); }, priority: 150 }); })(); </script> </div> <div class="interactive-bottom"> <div class="ody-comments"> <span class="label"> <h3><a name="comments">Join the Conversation</a></h3> </span> <p class="intro">The Detroit News aims to provide a forum that fosters smart, civil discussions on the news and events that we cover. The News will not condone personal attacks, off topic posts or brutish language on our site. If you find a comment that you believe violates these standards, please click the "X" in the upper right corner of the post to report it. <br/> <strong>Note:</strong> Some glitches have been reported when sharing comments on Facebook, we'll keep working to improve your user experience.</p> <ul class="bullet-list"> <li class="label">Policies</li> <li><a href="http://detroitnews.com/tos#community">Community Policy</a></li> <li><a href="http://detroitnews.com/tos#privacy">Privacy Policy</a></li> <li><a href="http://detroitnews.com/tos">Terms of Service</a></li> <li><script type="text/javascript" language="javascript"> var gtvtTitle = document.title.split("|"); gtvtTitle = gtvtTitle[0]; document.write('<img style="display:none;" src="http://detroitmedia.com/tracker/tracker.php?url=http%3a%2f%2fwww.detroitnews.com%2farticle%2f20121204%2fSPECIAL01%2f121204004&pubid=detnews&title='+encodeURIComponent(gtvtTitle)+'" border="0" />'); </script></li> </ul> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://www.detroitnews.com/article/20121204/SPECIAL01/121204004" num_posts="4" width="640" ></fb:comments> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div id="emailmodalcontent" class="emailcontent firefly modal modal-inner-content"> <div class="ody-pa-box ody-su-box clearfix"> <a><div id="ody-emailmodal-close" class="ody-close"></div></a> <div class="ody-title">Email this article</div> <div class="ody-email-signfb"> <div class="ody-email-subt"> <h4>Interactive: The history of military drones</h4> <p> </p> <p class="bold">A link to this page will be included in your message.</p> </div> </div> <div class="ody-email-form" id="ody-emailiframe-container"></div> <input type="hidden" id="toemails" name="toemails" value=""> <input type="hidden" id="emailpic" name="emailpic" value=""> <input type="hidden" id="emailartdesc" name="emailartdesc" value=""> </div> </div> <div class="grid_18" id="insideTDN"> <div class="insideTDNHeader"> <ul> <li class="section-label"><h3>More from The Detroit News</h3></li> </ul> </div> <div class="insideTDNWrapper"> <div class="grid_3 alpha">  <p class="ody-bottom-title">Seen in the PhotoStore</p> <a href="http://detroitnews.mycapture.com/mycapture/index.asp"> <img src="/graphics/promos/photostore/39.jpg" alt="Detroit News PhotoStore" width="145" height="105"> </a> <p>Purchase Detroit News images of historic events, scenes, places and people.</p> <a href="http://detroitnews.mycapture.com/mycapture/index.asp" class="button">Go to the PhotoStore</a> </div> <div class="grid_3"> <div class="ody-subscribe-bottom"> <p class="ody-bottom-title"> <strong>Subscribe</strong> </p> <div class="front-page-wrapper"> <div class="front-page"> <a href="/subscribe"> <img src="/legacy/editions/spone145_05-20-2013.png" /> </a> </div> <div class="gradient-overlay"></div> </div> <p> <a href="https://ecm-c-mass2one.leepfrog.com/DetroitMediaPartnership/newfod/dnnewfod.cfm">Sign up</a> for home delivery today </p> </div>  </div> <div class="grid_3"> <p class="ody-bottom-title">Follow Us On Twitter</p> <div class="twitter-wrapper"> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><div style='margin-left: 8px;'><a class="twitter-timeline" style="position: relative; margin-left: 8px;" width="300" href="https://twitter.com/detroitnews" data-widget-id="">Tweets by @detroitnews</a></div><div style='padding-top: 20px'></div> </div> <div class="twitter-arrow"></div> <a href="https://twitter.com/detroitnews" class="twitter-follow-button" data-show-count="false">Follow @detroitnews</a> <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> </script> </div> <div class="grid_6 appstore-promo"> <p class="ody-bottom-title">The Detroit News Apps</p> <h4>Stay up to date on the go with the latest from The Detroit News apps</h4> <div class="copy"> <p>Our apps connect you with the best news, sports, auto and entertainment coverage from our team of award-winning journalists.</p> <ul class="apps"> <li><a class="iOS" href="http://itunes.apple.com/us/app/the-detroit-news/id392380074?mt=8&uo=4" target="itunes_store">For iPhone and iPod Touch</a></li> <li><a class="android" href="https://market.android.com/details?id=com.doapps.android.mln.MLN_04a7d5453645333814797f7653739861&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5kb2FwcHMuYW5kcm9pZC5tbG4uTUxOXzA0YTdkNTQ1MzY0NTMzMzgxNDc5N2Y3NjUzNzM5ODYxIl0.">For Android</a></li> </ul> </div> <a class="appstore-promoimg" href="#"><img src="http://www.detroitnews.com/graphics/ody/appstore-iphonescreenshot.png"></a> <div class="clearfix"></div> </div> <div class="grid_3 omega"> <p class="ody-bottom-title"> <strong>Archives</strong> </p> <div class="ody-archive-bottom">  <ul> <li class="first"><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130519'>Yesterday, <span class="date">May. 19</span></a></li> <li><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130518'>Saturday, <span class="date">May. 18</span></a></li> <li><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130517'>Friday, <span class="date">May. 17</span></a></li> <li><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130516'>Thursday, <span class="date">May. 16</span></a></li> <li><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130515'>Wednesday, <span class="date">May. 15</span></a></li> <li><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130514'>Tuesday, <span class="date">May. 14</span></a></li> <li><a href='http://www.detroitnews.com/section/7daysarchives&archivedate=20130513'>Monday, <span class="date">May. 13</span></a></li> </ul> <p>See our <a href='http://nl.newsbank.com/nl-search/we/Archives?p_action=keyword&s_search_type=keyword&p_product=DTNB&p_theme=gannett&s_site=detnews'>paid archives</a> for news older than a week.</p> </div> </div> </div> </div> <div class="clearfix"></div> <div class="clearfix"></div> </div> <div class="footer-container container_18">  <div class="ody-wrapper"> <div class="leaderboard-container"> <div> <div class="ad_728x90"> <banner position=728x90_2 ></banner> <div class="advertisement">ADVERTISEMENT</div> </div> </div> </div> </div> <div class="footer-content"> <div class="footer-top grid_18 alpha omega"> <div class="footer-wrap"> <div class="footer-logo"> <a href="http://www.detroitnews.com/"></a> </div> <div class="footer-header"> <ul class="footer-header-sectionnav"> <li class="first"><a href="http://www.detroitnews.com">News</a></li> <li><a href="http://www.detroitnews.com/section/sports">Sports</a></li> <li><a href="http://www.detroitnews.com/section/biz">Business</a></li> <li><a href="http://www.detroitnews.com/section/auto01">Autos</a></li> <li><a href="http://www.detroitnews.com/section/ent">Entertainment</a></li> <li><a href="http://www.detroitnews.com/section/lifestyle">Lifestyle</a></li> <li><a href="http://www.detroitnews.com/section/opinion01">Opinion</a></li> <li><a href="http://apps.detnews.com/apps/multimedia/index.php">Photos</a></li> <li class="last"><a href="http://www.detroitnews.com/section/videonetwork">Video</a></li> </ul> <ul class="footer-header-advertisingnav"> <li class="first"><a href="http://findnsave.detnews.com/" rel="nofollow">Shopping</a></li> <li><a href="http://www.michigan.com/realestate/apartments" rel="nofollow">Rentals</a></li> <li><a href="http://www.michigan.com/realestate/" rel="nofollow">Homes</a></li> <li><a href="http://www.michigan.com/jobs/" rel="nofollow">Jobs</a></li> <li class="last"><a href="http://www.michigan.com/cars/" rel="nofollow">Cars</a></li> </ul> </div> <div class="clearfix"></div> </div> </div> <div class="footer-main grid_18 alpha omega"> <div class="footer-wrap"> <div class="grid_3 alpha"> <ul> <li>615 W. Lafayette Blvd.</li> <li>Detroit, MI 48226</li> <li class="contactNum">(313) 222-2300</li> </ul> </div> <div class="grid_3"> <ul> <li class="label">The Detroit News</li> <li><a href="http://www.detroitnews.com/section/info">Directory + Contacts</a></li> <li><a href="http://www.detroitmedia.com/employment.php">Jobs at The Detroit Media Partnership</a></li> <li><a href="http://www.detroitnews.com/apps/pbcs.dll/article?AID=/99999999/INFO/71015002/1421">Terms of Service</a></li> <li><a href="http://www.detroitnews.com/apps/pbcs.dll/article?AID=/99999999/INFO/71015002/1421">Privacy Notice</a></li> <li><a href="http://www.detroitnews.com/apps/pbcs.dll/article?AID=/99999999/INFO/71015002/1421#ad_choices">Ad Choices</a></li>  <li><a href="http://nieonline.com/detroit/index.cfm">Newspapers In Education</a></li> </ul> </div> <div class="grid_3"> <ul> <li class="label">Subscriber Services</li> <li><a href="https://www.detroitmedia.com/circulation/detnews/">Newspaper Subscriptions</a></li> <li><a href="https://www.detroitmedia.com/circulation/detnews/">Manage Account</a></li> <li><a href="https://www.detroitmedia.com/circulation/detnews/">Report a Delivery Issue</a></li> <li><a href="http://detnews.com/e">eEdition</a></li> <li><a href="http://www.detroitnews.com/section/nlettersubscribe">Newsletters</a></li> <li><a href="http://m.detnews.com">Mobile</a></li>  <li><a href="http://www.detroitnews.com/rss">RSS</a></li> </ul> </div> <div class="grid_3"> <ul> <li class="label">Advertise</li> <li><a href="http://www.detroitmedia.com/overview-digital" rel="nofollow">Web + Mobile</a></li> <li><a href="http://www.detroitmedia.com/overview-print" rel="nofollow">Newspaper</a></li> <li><a href="http://www.michigan.com/classifieds" rel="nofollow">Classifieds</a></li> <li><a href="http://deathnotices.michigan.com" rel="nofollow">Death Notices</a></li> </ul> </div> <div class="grid_3"> <ul> <li class="label">Store</li> <li><a href="http://detnews.mycapture.com/mycapture/index.asp">Photographs</a></li>  </ul> </div> <div class="grid_3 omega"> <ul> <li class="label">Connect</li> <li><a href="http://detroitnews.com/section/info">Your guide to The Detroit News</a></li> <li><a href="http://www.detroitmedia.com/company.html">Contact The Detroit Media Partnership</a></li> <li class="facebook"><span class="icon"></span><a href="http://www.facebook.com/DetroitNews">Facebook</a></li> <li class="twitter"><span class="icon"></span><a href="http://twitter.com/Detnews">Twitter</a></li> </ul> </div> </div> </div> <div class="clearfix"></div> <div class="partners-text grid_18 alpha omega"> <ul> <li class="copyright">© 2013 <a href="/">The Detroit News</a>. All rights reserved.</li> <li class="mng"> <a href="http://www.medianewsgroup.com/Pages/default.aspx">A MediaNews Group Paper</a> </li> <li class="dms"> <a href="http://detroitmedia.com" title="Detroit Media Solutions">Part of <span class="logo">Detroit Media Solutions</span></a> </li> </ul> </div> <div class="clearfix"></div> <div class="footer-bottom grid_18 alpha omega"> <ul> <li class="subscriptions"><a href="https://www.detroitmedia.com/circulation/detnews/">Subscriptions</a></li> <li class="eEdition"><a href="http://www.detroitnews.com/e">eEdition</a></li> <li class="mobile"><a href="http://m.detnews.com">Mobile</a></li> <li class="alerts"><a href="http://www.detroitnews.com/section/textalerts">Text Alerts</a></li> <li class="newsletter"><a href="http://www.detroitnews.com/section/nlettersubscribe">Newsletter</a></li> <li class="rss"><a href="http://www.detroitnews.com/rss">RSS</a></li> </ul> </div> <div class="clearfix"></div> </div> </div> <div id="UAModalcontainerwrapper" class="ody-UAmodalcontainer modal modal-inner-content"> <div id="UAModalcontainer"></div> </div> <div id="zagmodalcontainer" class="zagmodal modal modal-inner-content"> <div id="ody-modalcontent"></div> <a></a> </div> <script type="text/javascript"> GEL.thepage.initializer.addInitRoutine({ name: "zagmodal", namespace: "widget.zagmodal", depends: ["widget.modal"], callback: function () { }, priority: 121 }); </script>   <script type="text/javascript"> (function(){ var _CFG= GEL.namespace("config.bus"), _provider, _pri ; (function(){ var _cfg_bus = GEL.config.bus.properties; if(GEL.config.bus.properties.pageName)return; GEL.config.bus.properties.pageName= (function(){ var _p='',_t, _PI= GEL.thepage.pageinfo, _cat= _PI.categoryname ; var _sections = { frontpage: 'Umbrella Page', article: (function(){ var _artPN = ''; if(location.href.indexOf('cmsedit') > -1) _artPN = '(cmsedit) '; _artPN += 'Interactive: The history of military drones(C32012121204004)'; return _artPN; })(), section: _cat + ' Index', classifieds: 'Classifieds: '+_cat+' listings', search: 'Publicus search results: ', gallery: (function() { if(_PI.title && _PI.date.isopuddate) return 'Gallery Title: '+_PI.title+' ('+_PI.date.isopuddate+')'; else return 'Gallery Title: Null'; })(), tngallery: (function() { if(_PI.title && _PI.date.isopuddate) return 'tnGallery Title: '+_PI.title+' ('+_PI.date.isopuddate+')'; else return 'tnGallery Title: Null'; })() }; if(_PI.type in _sections) _p = _p + _sections[_PI.type]; else _p = _p + location.href; return _p; })(); })(); if(!_CFG.providers) return; for(_provider in _CFG.providers) { _pri= _CFG.providers[_provider]; GEL.thepage.initializer.addInitRoutine({ name: _provider, namespace: ["analytics", "util.Cookie", "remoting"], callback: (function(_p) { return function(){ load(_p); } })(_provider), priority: _pri }); } function load(provider){ var _vt= GEL.thepage.viewTracker || (function(){ var _o= GEL.thepage.viewTracker= new GEL.bus.PageTrack(); return _o; })(); /* WARNING: DO NOT TRY THIS AT HOME * * This is done on the individual provider ONLY for initialization * so that we can support initializing different provider * at different times. * */ var _provs= _vt.init(provider); for(var i=0;i<_provs.length;i++) _provs[i].trackView(); if(GEL.thepage.viewTracker.providers && GEL.thepage.viewTracker.providers.bt && !window.DM_onSegsAvailable) window.DM_onSegsAvailable = GEL.thepage.viewTracker.providers.bt.segmentsReceived; } /* Currently this must be done inline due to the fact that SiteCat's __constructor__ (of all things!) does this, which is not suppoted by DocumentOverwriter { ... document.write("img src=..."); i= document.images[document.images.length-1]; ....} Within the site cat code we instantiate s_gi(), assigning it to GEL.config.bus.omniture.s_code Newer versions of site cat's s_code use a more mature method of inserting the image. Once this is implemented, the inline attachment of the s_code here can be removed */ var _s = GEL.ement("SCRIPT", { src: "/odygel/lib/vendor/omniture/sitecatalyst.js?odyv=1.14.1.2935" }); _s.setAttacher("inline"); _s.attach(); var _d = GEL.ement("SCRIPT", { src: "/odygel/lib/vendor/audiencemanager/dil.js?odyv=1.14.1.2935" }); _d.setAttacher("inline"); _d.attach(); })(); </script> <noscript> <img src="http://gpaper123.112.2O7.net/b/ss/gpaper123,gntbcstglobal/1/H.3--NS/0" height="1" width="1" border="0" alt="" /> </noscript>  <div id="adsdaq"></div> <script type="text/javascript"> </script> <script type="text/javascript"> (function(){ GEL.register("widget.TimeWidget", { type: "script", depends: ["widget"], requires: [], path: "widgets/time/time.js" }); GEL.thepage.initializer.addInitRoutine({ name: "Time", namespace: ["widget.TimeWidget","util.Selector"], callback: initTime, priority: 10 }); function initTime(){ var _i = GEL.thepage.$('.clienttime').length; if(_i>0){ GEL.thepage.Time = new GEL.widget.Time(); GEL.thepage.Time.init(); var _l = parseInt(GEL.thepage.articles.topstories.length-1), _p = GEL.thepage.$('.lastupdated').length ; if(_p>0 && GEL.thepage.articles.topstories[_l]){ var _t = GEL.thepage.articles.topstories[_l].moddate; GEL.thepage.$('.lastupdated')[0].appendChild(document.createTextNode('Updated: '+_t)); } } }; })(); </script>   <script type="text/javascript"> setTimeout(function(){ GEL.thepage.initializer.init();}, 100); </script> <script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('dbA62Q_7Gr3O6IadbiUt4I');Tynt.i={"ap":"From The Detroit News:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script> </div> </div> </body> </html>