PageRenderTime 31ms CodeModel.GetById 16ms RepoModel.GetById 1ms app.codeStats 0ms

/projecte eclipse/TI/data/2012-documentos/66/2012-66-075.html

https://gitlab.com/bernagg/TI
HTML | 1327 lines | 376 code | 449 blank | 502 comment | 0 complexity | dc9692d7740945824dd8ab3513b561f3 MD5 | raw file
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><script type="text/javascript" src="http://cdn9.wn.com/vp/m/99/aa2436c117f702f063238231262455.js"></script><link type="text/css" rel="stylesheet" href="http://cdn7.wn.com/vp/m/da/1216676fc5d8e0ca3fcdefddc89786.css">
  4. <title>Compuware World Headquarters</title>
  5. <meta name="keywords" content="Compuware World Headquarters, WorldNews, World News, Compuware World Headquarters Breaking News, Video, Videos and Editable pages for News, Sign up and share your playlists, headlines, WN Archive, WN Network, Newspaper, Investigative journalism, journalist, media, Compuware World Headquarters Global News, Archives, Business, Politics, Sports, Music, Entertainment, Film, Photos, International Headlines, Radio Sport, Live Sport, fm Radio Worldwide, WN, Current Events, Industry, Finance, Economy, Markets, Money, Oil, Energy, Shipping, Offshore, Broadcasts, Audio, Global Issues, Farming, Health, Knowledge, Cities, Technology, Languages, Environment, War, Reports, Geography, Breaking Headlines, Archive" />
  6. <meta name="description" content="The building was constructed in the late-modernist architectural style, using glass, granite, and limestone as its main materials, Quicken Loans Downtown Detroit Compuware Building, Goodwill's True Life Story - Tiffani Moore, Compuware -- Our Evolution, Detroit, MI Wikipedia travel guide video. Created by Stupeflix.com, Hudson Building Implosion P2i" />
  7. <link href="http://cdn3.wn.com/st/favicon.ico" type="image/x-icon" rel="SHORTCUT ICON">
  8. <link href="http://rss.wn.com/English/keyword/compuware world headquarters" type="application/rss+xml" rel="alternate" title="Compuware World Headquarters from WN">
  9. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  10. <meta http-equiv="Content-Language" content="en" />
  11. <meta http-equiv="Pragma" content="no-cache" />
  12. <meta http-equiv="Cache-Control" content="no-cache" />
  13. <meta http-equiv="Expires" content="0" />
  14. <script>window.google_analytics_uacct = "UA-1177289-31";</script>
  15. <link media="only screen and (max-width: 1270px)," href="http://cdn5.wn.com/or/ula/cheetah-photo-search/2012-03-06/top_index.css" type="text/css" rel="stylesheet">
  16. <link media="only screen and (min-width: 1270px)," href="http://cdn3.wn.com/or/ula/cheetah-photo-search/2012-03-06/left_index.css" type="text/css" rel="stylesheet">
  17. <link media="only screen and (max-width: 1400px)," href="http://cdn6.wn.com/or/ula/cheetah-photo-search/2012-02-10/bottomvideos.css" type="text/css" rel="stylesheet">
  18. <link media="only screen and (min-width: 1400px)," href="http://cdn9.wn.com/or/ula/cheetah-photo-search/2012-03-06/right_videos01.css" type="text/css" rel="stylesheet">
  19. <novacuum>
  20. <!--[if IE]>
  21. <link href="http://cdn5.wn.com/or/ula/cheetah-photo-search/2012-03-06/top_index.css" type="text/css" rel="stylesheet">
  22. <link href="http://cdn6.wn.com/or/ula/cheetah-photo-search/2012-02-10/bottomvideos.css" type="text/css" rel="stylesheet">
  23. <style type="text/css">
  24. .fullscreen{
  25. border: 1px solid transparent;
  26. }
  27. .fullscreen{
  28. top: 100px !important;
  29. z-index: 115;
  30. }
  31. .mlink{ display: none; }
  32. </style>
  33. <![endif]-->
  34. </novacuum>
  35. <link href="http://cdn0.wn.com/or/ula/cheetah-photo-search/2012-02-10/white.css" type="text/css" rel="stylesheet" title="white">
  36. <script type="text/javascript"></script>
  37. <script type="text/javascript"></script>
  38. <script type="text/javascript"></script>
  39. <sript type="text/javascript"></script>
  40. <script type="text/javascript"></script>
  41. <script type="text/javascript"></script>
  42. <script type="text/javascript"></script>
  43. <script type="text/javascript"></script>
  44. <script type="text/javascript"></script>
  45. <script type="text/javascript"></script>
  46. <!-- imgpreview -->
  47. <script type="text/javascript"></script>
  48. <!-- fancybox -->
  49. <script type="text/javascript" language="javascript"></script>
  50. <!-- news reorder mngmt -->
  51. <script type="text/javascript"></script>
  52. <!-- iframe popups -->
  53. <script type="text/javascript"></script>
  54. <script type="text/javascript">IEDITOR_CLOSE = "http://cdn4.wn.com/or/ula/ewn/closebox.png"</script>
  55. <script type="text/javascript"></script>
  56. <script type="text/javascript"></script>
  57. <script type="text/javascript"></script>
  58. <script type="text/javascript"></script>
  59. <script nopack="1" src="http://cdn0.wn.com/or/js/videoplayer-20120209.min.js" type="text/javascript"></script>
  60. <script type="text/javascript"></script>
  61. <script type="text/javascript"></script>
  62. <script type="text/javascript"></script>
  63. <script type="text/javascript"><!--
  64. var showBooksDone = false;
  65. function showBooks(){
  66. if(!showBooksDone) showBooksDone = true;
  67. else return;
  68. var query = 'compuware world headquarters';
  69. function esc(x){ return x.replace(/[ \"%:;_@#$&{}<>]+/g, '_');}
  70. var itemTemplate = _.template('<li class="border_color opacity font_color shadow">'+
  71. '<div class="img_container"><a href="<%= url %>"><img src="<%= img %>"></a></div>'+
  72. '<div class="title bgr_color"><a href="<%= url %>"><%= title %></a></div>'+
  73. '<div class="authors bgr_color">Authors: <%= authors %></div></li>');
  74. var target = jQuery('#books ul.book');
  75. jQuery.ajax({
  76. url: 'https://www.googleapis.com/books/v1/volumes?q='+query,
  77. dataType: 'jsonp',
  78. success: function(r){
  79. target.find('li').detach();
  80. var records = {'query': query};
  81. for(var i in r.items){
  82. var vi = r.items[i].volumeInfo;
  83. if(vi.authors == null) continue;
  84. if(vi.imageLinks == null){
  85. vi.imageLinks = {};
  86. }
  87. records['id'+i] = r.items[i].id;
  88. records['authors'+i] = vi.authors.join('|');
  89. records['title'+i] = vi.title
  90. records['subtitle'+i] = vi.subtitle || '';
  91. records['img'+i] = vi.imageLinks.thumbnail;
  92. var title = vi.title;
  93. var name = vi.title;
  94. if(vi.subtitle){
  95. title = title + ': ' + vi.subtitle;
  96. name = name + '-' + vi.subtitle;
  97. }
  98. var authorLinks = [];
  99. jQuery.each(vi.authors, function(i,a){
  100. authorLinks.push('<a href="http://wn.com/'+esc(a)+'">'+a+'</a>')
  101. });
  102. var ctx = {
  103. id: r.items[i].id,
  104. url: 'http://wn.com/'+esc(vi.authors[0]+'-'+name)+'/#/book',
  105. img: vi.imageLinks.thumbnail,
  106. title: title,
  107. authors: authorLinks.join(', '),
  108. };
  109. var text = itemTemplate(ctx);
  110. target.append(text);
  111. }
  112. jQuery.ajax({
  113. url: 'http://my.wn.com/bookcache/',
  114. type: 'GET',
  115. dataType: 'script',
  116. data: records
  117. });
  118. }
  119. });
  120. };
  121. </script>
  122. <!-- bgr upload -->
  123. <script type="text/javascript"></script>
  124. <script type="text/javascript"></script>
  125. <script type="text/javascript"><!--
  126. function set_iframe(){
  127. var old_close = window.ifr_close;
  128. var new_ifr_close = function(){
  129. window.ifr_close = old_close;
  130. old_close();
  131. var style = jQuery.cookies.get(wnstyle_cookie);
  132. if (style) {
  133. switchStyle(style);
  134. }
  135. }
  136. if(old_close != new_ifr_close){
  137. window.ifr_close = new_ifr_close;
  138. }
  139. return ifr_iframe(400, 520, 'http://login.wn.com/skin/');
  140. }
  141. // -->
  142. </script>
  143. <meta property="og:title" content="Compuware World Headquarters" />
  144. <meta property="og:url" content="http://wn.com/Compuware World Headquarters" />
  145. <meta property="og:image" content="http://cdn3.wn.com/or/images/wnlogo.png" />
  146. <meta property="og:site_name" content="World News" />
  147. <!-- sharethis -->
  148. <script type="text/javascript"></script>
  149. <script type="text/javascript">var switchTo5x=true;</script>
  150. <script type="text/javascript"></script>
  151. <script type="text/javascript">
  152. stLight.options({
  153. publisher:'812bfb1d-915d-47fb-8f0e-39b9927e0aca'
  154. });
  155. </script>
  156. <!-- ScrollTo -->
  157. <script src="http://cdn2.wn.com/or/js/jquery.scrollTo-1.4.2-min.js"></script>
  158. <script src="http://cdn3.wn.com/or/js/jquery.localscroll-1.2.7-min.js"></script>
  159. <script type="text/javascript"><!--
  160. $(document).ready(function()
  161. {
  162. // Scroll the whole document
  163. $('.releases-links').localScroll({
  164. target:'body'
  165. });
  166. });
  167. // -->
  168. </script>
  169. <!-- tooltip -->
  170. <script type="text/javascript"></script>
  171. <script type="text/javascript"></script>
  172. <script type="text/javascript"></script>
  173. <script type="text/javascript"></script>
  174. <script type="text/javascript"></script>
  175. <script><!--
  176. jQuery(function(){
  177. jQuery('input.top_query').autocomplete('http://', {
  178. selectFirst: false,
  179. matchSubset: false,
  180. scroll: false,
  181. max: 20,
  182. doSearch: window.doAutoComplete
  183. }).result(function(event, item, formatted) {
  184. if(window.wn_search_mangler){
  185. form = jQuery(this).parents().find('form:first')[0];
  186. wn_search_mangler(form);
  187. }else{
  188. wn_search_performed(event, formatted);
  189. }
  190. });
  191. });
  192. // -->
  193. </script>
  194. <script type="text/javascript"><!--
  195. // including the counter script
  196. (function() {
  197. function counter_load(){
  198. var s = document.createElement('script');
  199. s.type = 'text/javascript';
  200. s.async = true;
  201. s.src = 'http://counter2.wn.com/count.js';
  202. var x = document.getElementsByTagName('script')[0];
  203. x.parentNode.insertBefore(s, x);
  204. }
  205. if (window.attachEvent)
  206. window.attachEvent('onload', counter_load);
  207. else
  208. window.addEventListener('load', counter_load, false);
  209. })();
  210. // done including the counter
  211. // -->
  212. </script>
  213. <script type="text/javascript"><!--
  214. playlist_name = "compuware world headquarters";
  215. playlist_id = null;
  216. playlists = [
  217. {"orderby": "relevance", "query": "compuware world headquarters", "title": "compuware world headquarters"},
  218. ];
  219. page_id = 1; // fixme
  220. // -->
  221. </script>
  222. <script type="text/javascript"><!--
  223. var ALTERNATE_CSS_BASE='http://cdn0.wn.com/or/ula/cheetah-photo-search/2011-10-17/';
  224. function setCookie(cookieName, value) {
  225. var expiryDate = new Date();
  226. expiryDate.setTime(expiryDate.getTime()+(days * 24 * 60 * 60 * 1000));
  227. jQuery.cookies.set(cookieName, value, {
  228. expiresAt: expiryDate
  229. });
  230. }
  231. var days = 365;
  232. var wnstyle_cookie = 'wnstyle';
  233. var bgcolor=false;
  234. var linkcolor=false;
  235. var switchStyle = function(styleName) {
  236. if(!jQuery(".themeswitch#"+styleName).length){
  237. styleName = 'white';
  238. }
  239. //jQuery('#videoquery0').val(jQuery('#videoquery0').val()+styleName+' ');
  240. var activeStylesheetIndex = -1;
  241. var activeStylesheet = null;
  242. var newActiveStylesheet = null;
  243. jQuery('link[@rel*=style][title]').each(
  244. function(i)
  245. {
  246. if(this.getAttribute('rel').match('style')){
  247. if (this.getAttribute('title') == styleName) {
  248. this.disabled = false;
  249. activeStylesheetIndex = i;
  250. newActiveStylesheet = this;
  251. }else{
  252. if(!this.disabled && !activeStylesheet){
  253. activeStylesheet = this;
  254. }else{
  255. this.disabled = true;
  256. }
  257. }
  258. }
  259. }
  260. );
  261. if(activeStylesheetIndex == -1){
  262. //jQuery('link[@rel*=style][title=white]')[0].disabled=false;
  263. newActiveStylesheet = document.createElement("link");
  264. newActiveStylesheet.rel = 'stylesheet alternate';
  265. newActiveStylesheet.type = "text/css";
  266. newActiveStylesheet.title = styleName;
  267. newActiveStylesheet.href = ALTERNATE_CSS_BASE+styleName+'.css';
  268. newActiveStylesheet = document.getElementsByTagName("head")[0].appendChild(newActiveStylesheet);
  269. newActiveStylesheet.disabled=true;
  270. if(activeStylesheet){
  271. activeStylesheet.disabled=true;
  272. }
  273. newActiveStylesheet.disabled=false;
  274. setTimeout(function () { // repeat if style didn't load
  275. newActiveStylesheet.disabled=true;
  276. if(activeStylesheet){
  277. activeStylesheet.disabled=true;
  278. }
  279. newActiveStylesheet.disabled=false;
  280. }, 500);
  281. }else if(activeStylesheet && activeStylesheet.getAttribute('title') != styleName){
  282. newActiveStylesheet.disabled = true;
  283. activeStylesheet.disabled=true;
  284. newActiveStylesheet.disabled = false;
  285. // setTimeout(function () {
  286. // newActiveStylesheet.disabled = false;
  287. // }, 100);
  288. }
  289. var bgstyle = 'transparent';
  290. var styleImage = jQuery.cookies.get('wnskin');
  291. if(styleImage){
  292. bgstyle = 'url(http://login.wn.com/media/skins/'+styleImage+')';
  293. }
  294. jQuery(".custom_bgr").css({'background' : bgstyle});
  295. setCookie(wnstyle_cookie, styleName, {'domain': '*.wn.com'});
  296. };
  297. jQuery(function() {
  298. var style = jQuery.cookies.get(wnstyle_cookie);
  299. if (style) {
  300. switchStyle(style);
  301. }
  302. // updating default colors from cookies
  303. if (jQuery.cookies.get('linkcolor')) { linkcolor = jQuery.cookies.get('linkcolor');}
  304. else { linkcolor = 'ffffff'; }
  305. if (jQuery.cookies.get('bgcolor')) { bgcolor = jQuery.cookies.get('bgcolor');}
  306. else { bgcolor = '000000'; }
  307. jQuery('#color-link div').css('backgroundColor', '#' + linkcolor);
  308. jQuery('#color-bg div').css('backgroundColor', '#' + bgcolor);
  309. jQuery('.themeswitch').click(function(event) {
  310. event.preventDefault();
  311. var style = jQuery(this).attr('id');
  312. switchStyle(style);
  313. });
  314. });
  315. // -->
  316. </script>
  317. <script type="text/javascript"><!--
  318. $(function() {
  319. $(".video_results").tabs({
  320. show: function(ui, event) {
  321. $(event.panel).show();
  322. }
  323. });
  324. $(".tabs-bottom > *")
  325. .removeClass("ui-corner-all")
  326. .addClass("ui-corner-bottom");
  327. });
  328. // -->
  329. </script>
  330. <script type="text/javascript"><!--
  331. $(function(){
  332. $('.editable').inlineEdit({
  333. edit: function(e, hash){
  334. active = true;
  335. this.find('input').autocomplete('http://', {
  336. selectFirst: false,
  337. matchSubset: false,
  338. scroll: false,
  339. max: 20,
  340. doSearch: window.doAutoComplete
  341. }).result(function(event, item, formatted) {
  342. // this.value = formatted;
  343. $('.editable button').trigger('click');
  344. // $('.editable input').trigger('blur');
  345. });
  346. },
  347. save: function(e, hash){
  348. save_title('http://editor.wn.com/save_title/Compuware_World_Headquarters/', hash);
  349. },
  350. render: function(value){
  351. return '<a href="http://wn.com/Compuware_World_Headquarters">'+value+'</a>';
  352. }
  353. });
  354. $('.editable').change(function(){
  355. $('.editable button').trigger('click');
  356. $('.editable input').trigger('blur');
  357. });
  358. });
  359. // -->
  360. </script>
  361. <script type="text/javascript"></script>
  362. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  363. <script nopack="1" src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
  364. <style type="text/css">
  365. #map_canvas { height: 400px; width: 300px; border: 1px solid 000; margin: 0px 0px 30px 15px; float: right;}
  366. .video-tools ul li { padding-right: 10px !important; }
  367. </style>
  368. <script type="text/javascript"><!--
  369. var map=false;
  370. var geocoder=false;
  371. var marker=false;
  372. var infowin=false;
  373. var locationmap=false;
  374. function initialize() {
  375. geocoder = new google.maps.Geocoder();
  376. var latlng = new google.maps.LatLng(0,0);
  377. var myOptions = {
  378. zoom: 1,
  379. center: latlng,
  380. mapTypeId: google.maps.MapTypeId.ROADMAP
  381. };
  382. var el = document.getElementById("map_canvas");
  383. if(el){
  384. map = new google.maps.Map(el, myOptions);
  385. }
  386. }
  387. function geocode_wikipage_add_pano(addr) {
  388. // geocode the current location
  389. geocoder = new google.maps.Geocoder();
  390. geocoder.geocode( { 'address': addr}, function(results, status) {
  391. if (status == google.maps.GeocoderStatus.OK) {
  392. // adding the map to the location tab
  393. var myOpts = {
  394. zoom: 4,
  395. center: results[0].geometry.location,
  396. mapTypeId: google.maps.MapTypeId.ROADMAP
  397. };
  398. locationmapdiv = $('<tr><td colspan="2"><div id="location-map" style="width:280px; height: 210px;"></div></td></tr>')
  399. $('#wiki0 > .wikiparser > div > table').prepend(locationmapdiv);
  400. locationmap = new google.maps.Map(document.getElementById("location-map"), myOpts);
  401. // add the panoramio js and the slideshow
  402. $.getScript('http://www.panoramio.com/wapi/wapi.js?v=1&hl=en', function() {
  403. // add the html
  404. panodiv = $('<div id="panoslide"><a href="http://www.panoramio.com">Panoramio - Photos of the World</a></div>')
  405. // photos should be near results[0].geometry.location
  406. var myRequest = {
  407. 'rect': {'sw': {'lat': results[0].geometry.location.lat()-0.1, 'lng': results[0].geometry.location.lng()-0.1}, 'ne': {'lat': results[0].geometry.location.lat()+0.1, 'lng': results[0].geometry.location.lng()+0.1}}
  408. };
  409. var myOptions = {
  410. 'width': 600,
  411. 'height': 400
  412. };
  413. var widget = new panoramio.PhotoWidget('panoslide', myRequest, myOptions);
  414. widget.setPosition(0);
  415. });
  416. }
  417. });
  418. }
  419. // geocode methods
  420. jQuery(function() {
  421. $('#related_places a').mouseover(function() {
  422. l = $(this).html().replace(/^\s*|\s*$/g,'')
  423. geocoder.geocode( { 'address': l}, function(results, status) {
  424. if (status == google.maps.GeocoderStatus.OK) {
  425. if (marker) { marker.setMap(null); }
  426. if (infowin) { infowin.close(); }
  427. map.setCenter(results[0].geometry.location);
  428. marker = new google.maps.Marker({
  429. map: map,
  430. position: results[0].geometry.location,
  431. animation: google.maps.Animation.DROP,
  432. title:l
  433. });
  434. infowin = new google.maps.InfoWindow({
  435. content: '<strong>'+results[0].formatted_address+'</strong><br /><em><a href="http://wn.com/'+l.replace('/\s+/g', '_')+'" title="'+l+'">&raquo; more WN on '+l+'</a></em>'
  436. });
  437. infowin.open(map, marker);
  438. map.setZoom(4);
  439. } else {
  440. if (marker) { marker.setMap(null); }
  441. if (infowin) { infowin.close(); }
  442. //alert("Could not locate on the map!");
  443. }
  444. });
  445. });
  446. });
  447. // -->
  448. </script>
  449. <!-- async GA now likes to live at the bottom of the head section -->
  450. <script type="text/javascript">
  451. var _gaq = _gaq || [];
  452. _gaq.push(['_setAccount', 'UA-5075628-13'],
  453. ['_trackPageview'],
  454. ['_setAccount', 'UA-1177289-31'],
  455. ['_setDomainName', '.wn.com'],
  456. ['_trackPageview']);
  457. (function() {
  458. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  459. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  460. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  461. })();
  462. /* wrs: attempt to track how long people stay on the page by logging an event every 15 seconds */
  463. var wrs_page_load_time = new Date().getTime();
  464. var wrs_last_log_time = 0;
  465. var wrs_log_interval = 30;
  466. function wrs_log_time_on_page()
  467. {
  468. /* calculate time on page, fudge it up a little in case event fires early, then round down to nearest 15 seconds */
  469. var wrs_time_on_page = 1 + ((new Date().getTime() - wrs_page_load_time) / 1000);
  470. wrs_time_on_page = wrs_time_on_page - (wrs_time_on_page % 15);
  471. if(wrs_time_on_page < 180 || (wrs_time_on_page - wrs_last_log_time) > wrs_log_interval){
  472. wrs_last_log_time = wrs_time_on_page;
  473. if(wrs_time_on_page > 600)
  474. wrs_log_interval = 120;
  475. if(wrs_time_on_page > 2400)
  476. wrs_log_interval = 300;
  477. _gaq.push(['_trackEvent', 'WNAnything', 'StillOnPage', wrs_time_on_page.toFixed()]);
  478. }
  479. }
  480. setInterval('wrs_log_time_on_page()', 15000);
  481. </script>
  482. <script type="text/javascript"><!--
  483. jQuery(function() {
  484. if($('ul.preview a').length){
  485. $('ul.preview a').imgPreview({
  486. containerID: 'imgPreviewWithStyles',
  487. imgCSS: {
  488. // Limit preview size:
  489. height: 250
  490. },
  491. // When container is shown:
  492. onShow: function(link){
  493. // Animate link:
  494. $(link).stop().animate({opacity:0.4});
  495. // Reset image:
  496. $('img', this).stop().css({opacity:0});
  497. },
  498. // When image has loaded:
  499. onLoad: function(){
  500. // Animate image
  501. $(this).animate({opacity:1}, 500);
  502. },
  503. // When container hides:
  504. onHide: function(link){
  505. // Animate link:
  506. $(link).stop().animate({opacity:1});
  507. }
  508. });
  509. }
  510. });
  511. // -->
  512. </script>
  513. <!-- Include ONCE for ALL buttons in the page -->
  514. <script type="text/javascript">
  515. (function() {
  516. window.PinIt = window.PinIt || { loaded:false };
  517. if (window.PinIt.loaded) return;
  518. window.PinIt.loaded = true;
  519. function async_load(){
  520. var s = document.createElement("script");
  521. s.type = "text/javascript";
  522. s.async = true;
  523. if (window.location.protocol == "https:")
  524. s.src = "https://assets.pinterest.com/js/pinit.js";
  525. else
  526. s.src = "http://assets.pinterest.com/js/pinit.js";
  527. var x = document.getElementsByTagName("script")[0];
  528. x.parentNode.insertBefore(s, x);
  529. }
  530. if (window.attachEvent)
  531. window.attachEvent("onload", async_load);
  532. else
  533. window.addEventListener("load", async_load, false);
  534. })();
  535. </script>
  536. </head>
  537. <body onLoad="initialize();document.getElementById('video_query').focus()">
  538. <div class="custom_bgr" style="background-position: 0px 80px !important;">
  539. <div class="wrapper">
  540. <div id="header_login">
  541. <div class="wndate">Friday, 16 March 2012</div>
  542. <!-- skins: starts -->
  543. <div id="skins">
  544. <div class="themeswitch" name="theme" id="blue"></div>
  545. <div class="themeswitch" name="theme" id="darkblue"></div>
  546. <div class="themeswitch" name="theme" id="red"></div>
  547. <div class="themeswitch" name="theme" id="darkred"></div>
  548. <div class="themeswitch" name="theme" id="white"></div>
  549. <div class="themeswitch" name="theme" id="black"></div>
  550. <div class="themeswitch" name="theme" id="dark"></div>
  551. <div class="themeswitch" name="theme" id="purple"></div>
  552. <div class="themeswitch" name="theme" id="darkpurple"></div>
  553. <div class="themeswitch" name="theme" id="turquoise"></div>
  554. <div class="themeswitch" name="theme" id="darkturquoise"></div>
  555. <div class="themeswitch" name="theme" id="green"></div>
  556. <div class="themeswitch" name="theme" id="darkgreen"></div>
  557. <div class="bgr_upload" name="" onclick="return set_iframe();">
  558. <a href="#" onclick="return set_iframe();" class="vtip" title="UPLOAD/REMOVE Image">upload</a>
  559. </div>
  560. </div>
  561. <!-- skins: end -->
  562. <div id="login">
  563. <a style='border: none' href="http://editor.wn.com/login/?next=http://editor.wn.com/page/wn/Compuware_World_Headquarters/">Login</a>
  564. <a onclick="return login_and_save_playlist('http://editor.wn.com/save_playlist/Compuware_World_Headquarters/', this.href)" href="http://editor.wn.com/fork/wn/Compuware_World_Headquarters/">Edit</a>
  565. </div>
  566. <script type="text/javascript"><!--
  567. jQuery.ajax({
  568. data: {
  569. edit: 'Compuware_World_Headquarters',
  570. owner: 'wn',
  571. ieditor: 'http://editor.wn.com',
  572. },
  573. dataType: 'jsonp',
  574. url: 'http://login.wn.com/actions/',
  575. success: function(data) {
  576. if(data.username){
  577. $('#login').html(data.html);
  578. }
  579. $(document).ready(function(){
  580. if(data.editable){ // user is owner
  581. $('.signup-box').html('<a id="id_save_playlist" class="sign_up" onclick="return save_playlist(this.href)" href="http://editor.wn.com/save_playlist/Compuware_World_Headquarters/">Save playlist</a>');
  582. $('.button').html('<a id="id_save_playlist" class="sign_up" onclick="return save_playlist(this.href)" style="float: none !important;" href="http://editor.wn.com/save_playlist/Compuware_World_Headquarters/">Save this page</a>');
  583. }else if(data.username){ // watching other user page
  584. $('.signup-box').html('<a onclick="return login_and_save_playlist(\'http://editor.wn.com/save_playlist/Compuware_World_Headquarters/\', this.href)" class="sign_up" href="http://editor.wn.com/fork/wn/Compuware_World_Headquarters/">Save playlist</a>');
  585. $('.button').html('<a onclick="return login_and_save_playlist(\'http://editor.wn.com/save_playlist/Compuware_World_Headquarters/\', this.href)" class="sign_up" style="float: none !important;" href="http://editor.wn.com/fork/wn/Compuware_World_Headquarters/">Save this page</a>');
  586. }
  587. });
  588. },
  589. });
  590. // -->
  591. </script>
  592. </div>
  593. <!-- / header login -->
  594. <!-- bottom-links -->
  595. <div class="footer_links">
  596. <!-- play-controls -->
  597. <div id="play-controls" class="controls2">
  598. <a href="#" class="videoplayer-control-prev"></a>
  599. <a href="#" class="videoplayer-control-pause"></a>
  600. <a href="#" class="videoplayer-control-play"></a>
  601. <a href="#" class="videoplayer-control-next"></a>
  602. </div>
  603. <ul>
  604. <li><a href="#" class="toplink" style="font-color: #f0f0f0">go to the top</a></li>
  605. <li><a href="http://wnnmedia.com/">About WN</a></li>
  606. <li><div class="clink menulink">Contact</div></li>
  607. <li><div class="flink menulink">Feedback</div></li>
  608. <li><div class="plink menulink">Privacy Policy</div></li>
  609. <li><a href="http://wn.com/" style="color: #f0f0f0;">&copy; 2012 World News Inc., all Rights Reserved</a></li>
  610. </ul>
  611. </div>
  612. <!-- / bottom-links -->
  613. <!-- **************** header ********* -->
  614. <div id="header" class="border_color">
  615. <div class="pagewidth">
  616. <style type="text/css">
  617. #page_title a{font-size:25px;}
  618. #page_title{font-size:25px;}
  619. </style>
  620. <div id="page_title">
  621. <div class="editable">Compuware World Headquarters </div>
  622. </div>
  623. <div class="multiple-video-search top-search">
  624. <form id="form-news-search" accept-charset="utf-8" method="get">
  625. <input id="video_query" type="text" name="query" value="Compuware World Headquarters" class="top_query rounded" />
  626. <input type="button" value="Search" class="search rounded" id="news-search" />
  627. </form>
  628. </div>
  629. </div>
  630. <!-- page width ends -->
  631. </div>
  632. <!-- Header ends -->
  633. <div id="smallscreen_formatting">
  634. <a id="fullscreen-toggle" href="javascript: void(0);" title="Fullscreen player" class="fullscreen rounded">fullscreen</a>
  635. <div id="share">
  636. <div class="sharethis">
  637. <span class="st_facebook"></span>
  638. <span class="st_twitter"></span>
  639. <span class="st_sharethis"></span>
  640. </div>
  641. <div class="likeit">
  642. <iframe src="http://www.facebook.com/plugins/like.php?href=http://wn.com/Compuware_World_Headquarters&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font&amp;colorscheme=light&amp;height=24" scrolling="no" frameborder="1" style="border:none; overflow:hidden; width:100px; height:24px;" allowTransparency="true"></iframe>
  643. </div>
  644. <a href="http://pinterest.com/pin/create/button/?media=http://trending.wn.com/collage/http://i.ytimg.com/vi/9GSqDUf73VE/0.jpg,http://i.ytimg.com/vi/wEyAZjR1ydg/0.jpg,http://i.ytimg.com/vi/YZBHE6pGOE0/0.jpg,http://i.ytimg.com/vi/IlE-1vp8ZZw/0.jpg,http://i.ytimg.com/vi/c8NGlzqwJx0/0.jpg,http://i.ytimg.com/vi/lm9NqBh4ocA/0.jpg,http://i.ytimg.com/vi/u5KCFS5GhE0/0.jpg,http://i.ytimg.com/vi/KOgS1A_HEwI/0.jpg,http://i.ytimg.com/vi/RSJp9Wur8to/0.jpg,http://i.ytimg.com/vi/XLKfu1bpTik/0.jpg,http://i.ytimg.com/vi/YVfqk05THL4/0.jpg&description=Compuware World Headquarters&url=http://wn.com/Compuware_World_Headquarters" class="pin-it-button" count-layout="horizontal">Pin It</a>
  645. </div>
  646. </div>
  647. <!-- /smallscreen_formatting -->
  648. <!-- ==================== NAVIGATION starts ================= -->
  649. <div id="nav">
  650. <div class="pagewidth">
  651. <ul id="main-menu" class="tabtrigger">
  652. <li id="#playlist_menu" class="current">
  653. <a id="#playlist1" onClick="_gaq.push(['_trackEvent', 'WNAnything', 'Videos', 'compuware world headquarters']);" class="open_multiple font_color border_color">Videos</a></li>
  654. <li><a id="#books" onClick="showBooks();_gaq.push(['_trackEvent', 'WNAnything', 'Publications', 'compuware world headquarters']);" class="close_multiple font_color border_color">Publications</a></li>
  655. <li><a id="#slideshow" onClick="load_iframe_url('yahoo_images_results_iframe', 'http://images.search.yahoo.com/search/images;_ylt=A0PDoX7.zJ5OPmcAMYKLuLkF?p=compuware world headquarters&ei=utf-8&iscqry=&fr=sfp'); _gaq.push(['_trackEvent', 'WNAnything', 'Slideshow', 'compuware world headquarters']);" class="close_multiple font_color border_color">Images</a></li>
  656. <li id="#wiki_menu"><a href="#" id="#wiki0" onClick="_gaq.push(['_trackEvent', 'WNAnything', 'Wikipedia', 'compuware world headquarters']);" class="close_multiple font_color border_color">
  657. Location</a></li>
  658. <li ><a id="#expand" onClick="_gaq.push(['_trackEvent', 'WNAnything', 'News', 'compuware world headquarters']);" class="close_multiple font_color border_color">News</a></li>
  659. <li><a href="#" id="#related_places" onClick="_gaq.push(['_trackEvent', 'WNAnything', 'RelatedPlaces', 'compuware world headquarters']);" class="close_multiple font_color border_color">Places</a></li>
  660. <li><a id="#related_links" onClick="_gaq.push(['_trackEvent', 'WNAnything', 'RelatedSites', 'compuware world headquarters']);" class="close_multiple font_color border_color">Sites</a></li>
  661. <li id="#details_menu"><a id="#details1" onClick="_gaq.push(['_trackEvent', 'WNAnything', 'VideoDetails', 'compuware world headquarters']);" class="close_multiple font_color border_color">Video Details</a></li>
  662. <li><a id="#suggestions" onClick="load_related_videos();_gaq.push(['_trackEvent', 'WNAnything', 'RelatedVideos', 'compuware world headquarters']);" class="close_multiple font_color border_color" >Video Suggestions</a></li>
  663. <li><a href="#" id="#travel_booking" onClick="load_iframe_url('travel_booking_iframe', 'http://upge.wn.com/?t=cheetah-photo-search/travel_bookingcolor.txt&query=Compuware World Headquarters'); _gaq.push(['_trackEvent', 'WNAnything', 'TravelBooking', 'compuware world headquarters']);" class="close_multiple font_color border_color">Travel Booking</a></li>
  664. <li><a href="#" id="#amazon_page" onClick="load_iframe_url('amazon_iframe', 'http://dvdbutik.com/shop.php?k=Compuware World Headquarters&c=835'); _gaq.push(['_trackEvent', 'WNAnything', 'AmazonShopping', 'Compuware World Headquarters']);" class="close_multiple font_color border_color" style="font-weight: bold;">Buy Books</a></li>
  665. </ul>
  666. <div id="play-controls" class="controls">
  667. <a href="#" class="videoplayer-control-prev"></a>
  668. <a href="#" class="videoplayer-control-pause"></a>
  669. <a href="#" class="videoplayer-control-play"></a>
  670. <a href="#" class="videoplayer-control-next"></a>
  671. </div>
  672. <!-- share links: end -->
  673. <br clear="left" />
  674. <div><a class="lightSwitcher" title="The building was constructed in the late-modernist architectural style, using glass, granite, and limestone as its main materials, Quicken Loans ... [Google displayed text stops approximately here] ... Downtown Detroit Compuware Building, Goodwill's True Life Story - Tiffani Moore, Compuware -- Our Evolution, Detroit, MI Wikipedia travel guide video. Created by Stupeflix.com, Hudson Building Implosion P2i [From top 6 YouTube video titles]" href="#">Lights Out</a></div>
  675. </div>
  676. </div>
  677. <!-- navigation ends -->
  678. <div class="pagewidth submenu-container submenus" style="display: none;">
  679. <ul class="submenu tabtrigger" id="playlist_menu" style="display:none">
  680. <li><a href="" id="#playlist1" class="playlist-menu-1 border_color">compuware world headquarters</a></li>
  681. </ul>
  682. <ul class="submenu tabtrigger" id="details_menu" style="display:none">
  683. <li><a href="" id="#details1" class="border_color">compuware world headquarters</a></li>
  684. </ul>
  685. </div>
  686. <div style="height: 5px;"></div>
  687. <div id="shadow_under"></div>
  688. <div class="round">
  689. <div class="center-content">
  690. <div id="tabcontainer">
  691. <div id="books" style="display: none; height: 660px">
  692. <!-- books -->
  693. <ul class="book">
  694. <li class="bgr_color font_color"><div style="padding: 5px">Loading...<img src="http://cdn0.wn.com/or/images/loading.gif"></div></li>
  695. </ul>
  696. <!-- / radios -->
  697. </div>
  698. <!-- related videos -->
  699. <div id="suggestions" style="display: none; height: 980px;">
  700. <div id="rel_videos">Loading suggestions ...</div>
  701. </div>
  702. <!-- / related videos -->
  703. <div id="amazon_page" style="display:none;">
  704. <iframe name="amazon_iframe" src="about:blank" frameborder="0" width="960px" height="2500" scrolling="Auto" marginheight="0" marginwidth="0"></iframe>
  705. </div>
  706. <!-- myspace -->
  707. <!-- TRAVEL BOOKING -->
  708. <div id="travel_booking" style="display: none;">
  709. <div style="margin-left: 40px;"><iframe name="travel_booking_iframe" scrolling="Auto" src="about:blank" frameborder="0" width="850px" height="800px"></iframe></div>
  710. </div>
  711. <!-- RELATED PEOPLE LINKS FROM WIKIPEDIA -->
  712. <div id="related_people" style="display: none;">
  713. <ul class="rellinks people">
  714. <li class="bgr_color border_color font_color">
  715. <div class="relimg"><img src="http://cdn1.wn.com/or/w120/d/p/DPM_Times_Square.jpg" /></div>
  716. <a href="http://wn.com/Detroit_People_Mover" class="link_name">Detroit People Mover</a>
  717. <br />
  718. The Detroit People Mover is a automated people mover system which operates on a single set of tracks, and encircles downtown Detroit, Michigan.
  719. <br />
  720. <a href="http://wn.com/Detroit_People_Mover" class="link_url">http://wn.com/Detroit_People_Mover</a>
  721. </li>
  722. <li class="bgr_color border_color font_color">
  723. <a href="http://wn.com/Robert_Sharoff" class="link_name">Robert Sharoff</a>
  724. <br />
  725. Robert Sharoff is an architectural writer for the New York Times, Washington Post, Chicago Tribune, and Chicago Magazine. He is the author of <i>American City: Detroit Architecture 1845-2005</i>, with photographs by William Zbaren Wayne State University Press.
  726. <br />
  727. <a href="http://wn.com/Robert_Sharoff" class="link_url">http://wn.com/Robert_Sharoff</a>
  728. </li>
  729. </ul>
  730. <br clear="left" /><br clear="right" />
  731. </div>
  732. <!-- RELATED PEOPLE LINKS FROM WIKIPEDIA ends -->
  733. <!-- RELATED PLACES LINKS FROM WIKIPEDIA -->
  734. <div id="related_places" style="display: none;">
  735. <div id="map_canvas"></div>
  736. <ul class="rellinks places">
  737. <li class="bgr_color border_color font_color">
  738. <div class="relimg bgr_color border_color">
  739. <img src="http://cdn4.wn.com/or/w120/v/e/VergonesePanorama2.jpg" />
  740. </div>
  741. <a href="http://wn.com/Bellagio" class="link_name">Bellagio</a>
  742. <br />
  743. Bellagio is a <i>comune</i> (municipality) in the Province of Como in the Italian region Lombardy, located on Lake Como. It has long been famous for its setting at the intersection of the three branches of the Y-shaped lake, which is also known as Lario.
  744. <br />
  745. <a href="http://wn.com/Bellagio" class="link_url">http://wn.com/Bellagio</a>
  746. </li>
  747. <li class="bgr_color border_color font_color">
  748. <div class="relimg bgr_color border_color">
  749. </div>
  750. <a href="http://wn.com/Detroit_Michigan" class="link_name">Detroit, Michigan</a>
  751. <br />
  752. <a href="http://wn.com/Detroit_Michigan" class="link_url">http://wn.com/Detroit_Michigan</a>
  753. </li>
  754. <li class="bgr_color border_color font_color">
  755. <div class="relimg bgr_color border_color">
  756. <img src="http://cdn9.wn.com/or/w120/d/e/DetroiterBar_655_Beaubien_St.jpg" />
  757. </div>
  758. <a href="http://wn.com/Downtown_Detroit" class="link_name">Downtown Detroit</a>
  759. <br />
  760. Downtown Detroit is the central business district and a residential area of Detroit, Michigan, United States. Downtown is bordered by the Lodge Freeway to the west, the Fisher Freeway to the north, Interstate 375 (The Chrysler Spur) to the east, and the Detroit River to the south.
  761. <br />
  762. <a href="http://wn.com/Downtown_Detroit" class="link_url">http://wn.com/Downtown_Detroit</a>
  763. </li>
  764. <li class="bgr_color border_color font_color">
  765. <div class="relimg bgr_color border_color">
  766. <img src="http://cdn8.wn.com/or/w120/u/n/United_States__orthographic_projection_.svg.png" />
  767. </div>
  768. <a href="http://wn.com/United_States" class="link_name">United States</a>
  769. <br />
  770. The United States of America (also referred to as the United States, the U.S., the USA, or America) is a federal constitutional republic comprising fifty states and a federal district. The country is situated mostly in central North America, where its forty-eight contiguous states and Washington, D.C., the capital district, lie between the Pacific and Atlantic Oceans, bordered by Canada to the north and Mexico to the south. The state of Alaska is in the northwest of the continent, with Canada to the east and Russia to the west across the Bering Strait. The state of Hawaii is an archipelago in the mid-Pacific. The country also possesses several territories in the Caribbean and Pacific.
  771. <br />
  772. <a href="http://wn.com/United_States" class="link_url">http://wn.com/United_States</a>
  773. </li>
  774. </ul>
  775. <br clear="left" /><br clear="right" />
  776. </div>
  777. <!-- RELATED PLACES LINKS FROM WIKIPEDIA ends -->
  778. <!-- wikipedia related links -->
  779. <div id="related_links" style="display: none;">
  780. <!-- social links: starts -->
  781. <!-- social links: end -->
  782. <ul class="wikilinks">
  783. <li><a href="http://wn.com/Campus_Martius_Park" class="bgr_color border_color">Campus Martius Park</a></li>
  784. <li><a href="http://wn.com/Compuware" class="bgr_color border_color">Compuware</a></li>
  785. <li><a href="http://wn.com/Detroit_People_Mover" class="bgr_color border_color">Detroit People Mover</a></li>
  786. <li><a href="http://wn.com/Detroit,_Michigan" class="bgr_color border_color">Detroit, Michigan</a></li>
  787. <li><a href="http://wn.com/Downtown_Detroit" class="bgr_color border_color">Downtown Detroit</a></li>
  788. <li><a href="http://wn.com/glass" class="bgr_color border_color">glass</a></li>
  789. <li><a href="http://wn.com/granite" class="bgr_color border_color">granite</a></li>
  790. <li><a href="http://wn.com/greenspace" class="bgr_color border_color">greenspace</a></li>
  791. <li><a href="http://wn.com/Hard_Rock_Cafe" class="bgr_color border_color">Hard Rock Cafe</a></li>
  792. <li><a href="http://wn.com/high-rise" class="bgr_color border_color">high-rise</a></li>
  793. <li><a href="http://wn.com/Kern's" class="bgr_color border_color">Kern's</a></li>
  794. <li><a href="http://wn.com/limestone" class="bgr_color border_color">limestone</a></li>
  795. <li><a href="http://wn.com/office" class="bgr_color border_color">office</a></li>
  796. <li><a href="http://wn.com/office_building" class="bgr_color border_color">office building</a></li>
  797. <li><a href="http://wn.com/Quicken_Loans" class="bgr_color border_color">Quicken Loans</a></li>
  798. <li><a href="http://wn.com/restaurant" class="bgr_color border_color">restaurant</a></li>
  799. <li><a href="http://wn.com/retail" class="bgr_color border_color">retail</a></li>
  800. <li><a href="http://wn.com/Robert_Sharoff" class="bgr_color border_color">Robert Sharoff</a></li>
  801. <li><a href="http://wn.com/The_Detroit_News" class="bgr_color border_color">The Detroit News</a></li>
  802. <li><a href="http://wn.com/United_States" class="bgr_color border_color">United States</a></li>
  803. <li><a href="http://wn.com/WET_Design" class="bgr_color border_color">WET Design</a></li>
  804. <li><a href="http://wn.com/Winter_Olympic" class="bgr_color border_color">Winter Olympic</a></li>
  805. </ul>
  806. <br clear="left" /><br clear="right" />
  807. <div class="mChange font_color bgr_color border_color">
  808. <h2>Make changes yourself !</h2>
  809. <span class="button"><a onclick="return login_and_save_playlist('http://editor.wn.com/save_playlist/Compuware_World_Headquarters/', this.href)" href="http://editor.wn.com/fork/wn/Compuware_World_Headquarters/" style="float: none !important;" class="sign_up">LOGIN to edit and save this page</a></span>
  810. <br clear="left" />
  811. </div>
  812. </div>
  813. <!-- wikipedia related ends -->
  814. <!-- RELATED MOVIE DATA -->
  815. <!-- RELATED MOVIE DATA ends -->
  816. <!-- RELATED FILMOGRAPHY DATA -->
  817. <!-- RELATED FILMOGRAPHY DATA ends -->
  818. <!-- RELATED MUSIC DATA -->
  819. <div id="music_data" style="display: none;">
  820. <script type="text/javascript">
  821. <!--
  822. function do_query_add_to_playlist(query) {
  823. // search youtube for first match
  824. jQuery.ajax({
  825. data: {
  826. t: 'cheetah-photo-search/mvs_4sources.txt',
  827. orderby: 'published',
  828. corpus: 'current',
  829. language_id: '1',
  830. query: query,
  831. results_count: 5,
  832. page: 1,
  833. video_sources: 'youtube'
  834. },
  835. dataType: 'jsonp',
  836. url: 'http://upge.wn.com/',
  837. success: function(text) {
  838. video_to_add = $(text).find('.video-info').first();
  839. if (video_to_add.length > 0) {
  840. videoplayers[1].addVideo(video_to_add);
  841. }
  842. else {
  843. $('#noresults').html('Could not find a suitable video for "' + query + '"!');
  844. }
  845. }
  846. });
  847. }
  848. jQuery(function() {
  849. $('.instaplay-audioplayer').live('click', function(e) {
  850. e.preventDefault();
  851. });
  852. $('#retrieve-playlist').live('click', function(e) {
  853. $('.disco-check:checked').each(function(idx) {