ÿþ<html> <head> <title>Ride With Thunder</title> <style type="text/css"> body { background:#fff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; } a:link { color:#58a; text-decoration:none; } a:visited { color:#969; text-decoration:none; } a:hover { color:#c60; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header { width:660px; margin:0 auto 10px; border:0px solid #ccc; } #blog-title { margin:5px 5px 0; padding:20px 20px .25em; border:0px solid #eee; font-size:200%; line-height:1.2em; font-weight:normal; color:#666; text-transform:uppercase; letter-spacing:.2em; } #blog-title a { color:#666; text-decoration:none; } #blog-title a:hover { color:#c60; } #description { margin:0 5px 5px; padding:0 20px 20px; border:0px solid #eee; max-width:700px; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } /* Content ----------------------------------------------- */ #content { width:660px; margin:0 auto; padding:0; text-align:left; } #main { width:410px; float:left; } #sidebar { width:220px; float:right; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } /* Posts ----------------------------------------------- */ .date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#c60; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#c60; font-weight:normal; } .post-title strong, .post-title a:hover { color:#333; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#ccc; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#999; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { border:1px solid #666; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #ccc; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { color:#666; line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Flickr photos in the sidebar ----------------------------------------------- */ .flickr-frame { text-align:center; float:center; } .flickr-frame img { padding:4px; } /* Bloglines image ----------------------------------------------- */ #bloglines { width:225px; text-align:center; } .adsense { width: 220px; text-align:center; margin-top: 10px; } /* styles for sketchup */ #title { text-align: center; font: bold 14px arial; margin-bottom: 0px; } #date { margin-top: 3px; font: normal 10px arial; } #sketchUpObj { width: 0px; } #sheet { position: absolute; width: 600px; height: 600px; z-index: 3; background-color: #FF00FF; cursor: w-resize; border: solid 0px #676767; } .sketchUpImage { position: absolute; width: 600px; height: 600px; z-index: 2; border: solid 0px #676767; } </STYLE> <SCRIPT> // list of image filenames var imageFileNameArray = new Array( 'RWTbox001_image0.jpg', 'RWTbox001_image1.jpg', 'RWTbox001_image2.jpg', 'RWTbox001_image3.jpg', 'RWTbox001_image4.jpg', 'RWTbox001_image5.jpg', 'RWTbox001_image6.jpg', 'RWTbox001_image7.jpg', 'RWTbox001_image8.jpg', 'RWTbox001_image9.jpg', 'RWTbox001_image10.jpg', 'RWTbox001_image11.jpg', 'RWTbox001_image12.jpg', 'RWTbox001_image13.jpg', 'RWTbox001_image14.jpg', 'RWTbox001_image15.jpg', 'RWTbox001_image16.jpg', 'RWTbox001_image17.jpg', 'RWTbox001_image18.jpg', 'RWTbox001_image19.jpg', 'RWTbox001_image20.jpg', 'RWTbox001_image21.jpg', 'RWTbox001_image22.jpg', 'RWTbox001_image23.jpg', 'RWTbox001_image24.jpg', 'RWTbox001_image25.jpg', 'RWTbox001_image26.jpg', 'RWTbox001_image27.jpg', 'RWTbox001_image28.jpg', 'RWTbox001_image29.jpg', 'RWTbox001_image30.jpg', 'RWTbox001_image31.jpg', 'RWTbox001_image32.jpg', 'RWTbox001_image33.jpg', 'RWTbox001_image34.jpg', 'RWTbox001_image35.jpg', 'RWTbox001_image35.jpg'); // list of html image elements var sketchUpImageArray = new Array(); var currentPos = 0; var addToPos = 0; var imageCount = 0; var sketchUpObj = null; var mouseXOrig; var mouseX = 0; var mouseY = 0; var mouseIsDown = false; var title = null; function init() { title = document.getElementById('title'); sketchUpObj = document.getElementById('sketchUpObj'); imageCount = imageFileNameArray.length; // load up the imageArray with the sketchUp images var left = sketchUpObj.offsetLeft + 4; var top = sketchUpObj.offsetTop; for (i = 0; i < imageCount; i++) { sketchUpImageArray[i] = new Image(); sketchUpImageArray[i].src = imageFileNameArray[i]; sketchUpImageArray[i].className = 'sketchUpImage'; sketchUpImageArray[i].style.left = left + "px"; sketchUpImageArray[i].style.top = top + "px"; hide(sketchUpImageArray[i]); document.body.appendChild(sketchUpImageArray[i]); } // create a transparent sheet over the images so that the mouse // events go it it var sheet = document.createElement("DIV"); document.body.appendChild(sheet); sheet.id = "sheet"; sheet.style.left = left + "px"; sheet.style.top = top + "px"; sheet.onmousemove = handleRotate; sheet.onmousedown = handleMouseDown; sheet.onmouseup = handleMouseUp; sheet.onmouseout = handleMouseUp; setOpacity(sheet, 0.0); currentPos = imageCount-1 show(sketchUpImageArray[currentPos]); } /** * When the mouse goes down, start rotating the image * * @param {Event} mousedown event */ function handleMouseDown(e) { if (!e) { e = window.event; } getMouseXY(e); mouseXOrig = mouseX; addToPos = 0; mouseIsDown = true; } /** * When the mouse goes up, stop rotating the image * * @param {Event} mouseup event */ function handleMouseUp(e) { mouseIsDown = false; currentPos += addToPos; } /** * Divide the width of the html object by the number of images. * As the mouse moves over the html object, show the appropriate image * giving the illusion that the user is spinning the object. * * @param {Event} mousemove event */ function handleRotate(e) { if (!e) { e = window.event; } if (!mouseIsDown) { return; } getMouseXY(e); // STEP is how many pixels equals an image swap var STEP = 10; var width = sketchUpObj.offsetWidth; var delta = mouseX - mouseXOrig; addToPos = Math.floor(delta/STEP); //handle wrap around var wrap = (currentPos + addToPos) % imageCount; var newPos = (wrap < 0) ? imageCount + wrap : Math.abs(wrap); //hide everyone except the image we are over for (var i = 0; i < imageCount; i++) { hide(sketchUpImageArray[i]); } show(sketchUpImageArray[newPos]); return false; } /** * Get the mouse position from the event e * @param {Event} e mouse move event */ function getMouseXY(e) { if (e.pageX) { mouseX = e.pageX; mouseY = e.pageY; } else { mouseX = event.clientX + document.body.scrollLeft; mouseY = event.clientY + document.body.scrollTop; } if (mouseX < 0){mouseX = 0;} if (mouseY < 0){mouseY = 0;} } /** * Get the left coordinate of the element */ function getLeft(element) { var x = 0; while (element) { x += element.offsetLeft; element = element.offsetParent; } return x; }; function setOpacity(element, opacity) { element.style.filter = "alpha(opacity=" + Math.round(opacity*100) + ")"; element.style.opacity = opacity; } /** * Hides the HTML element. * @param element HTMLElement the element we hide */ function hide(element) { element.style.display = 'none'; } /** * show the HTML element. * @param element HTMLElement the element we want to see. */ function show(element) { element.style.display = 'block'; } </SCRIPT> </HEAD> <BODY onload=init()> <div id="header"> <h1 id="blog-title"> Ride for Freedom XVIII </h1> <p id="description">Now On DVD!</p> <P align=center><FONT face=Arial size=3><B> </B></FONT></P> <P align=center><FONT face=Arial size=3><B>2005 Rolling Thunder Demonstration in Washington, D.C.</B></FONT></P> </div> <CENTER><iframe id="sketchUpObj" xmlns:iws="iws" frameborder="0" scrolling="no" style="height:604px;width:610px;center;float:none;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;overflow:hidden;"></CENTER> <CENTER><DIV id='sketchUpObj' align=center></DIV></CENTER> </iframe> <P align=center><FONT face=Arial size=2><STRONG>This documentary is now available at <A href="http://www.amazon.com/Ride-With-Thunder/dp/B000EE5XFE/ref=pd_bbs_sr_1/102-6429871-0999302?ie=UTF8&s=dvd&qid=1176915224&sr=8-1"><STRONG>www.amazon.com</STRONG></A>&nbsp;</STRONG></FONT></P> <P align=center><FONT face=Arial size=2><STRONG>Ride For Freedom XVIII - The largest Rolling Thunder ever!</STRONG></FONT></P> <P align=center><FONT face=Arial size=2>What is Rolling Thunder?</FONT></p><P align=center><FONT face=Arial size=2>Several riders and supporters offer their thoughts.&nbsp;&nbsp;A million and a half people show up to generate and maintain awareness of the POW/MIA issue.</FONT></p><P align=center><FONT face=Arial size=2>But for the individual, this event carries significant meaning in so many ways.</FONT></P> <P align=center><FONT face=Arial size=2>Experience the 2005 rally in front row seats!</FONT></P><P align=center><FONT face=Arial size=2>This film takes you on a journey through&nbsp;the 2005 Rolling Thunder "Ride for Freedom XVIII"&nbsp;demonstration in Washington, D.C. through the voices of the veterans, the riders, and the next generation that will further the cause.&nbsp; </FONT></P> </P> </P> <P><FONT face=Arial size=2>RideWithThunder documentary produced by&nbsp;Stickman Productions&nbsp;</FONT></P> <P><FONT face=Arial size=2>Technical production and integration support provided by&nbsp;Structured Foundations&nbsp;</FONT></P> <!--rolling thunder,harley ,biker rally,pow,mia,pow mia--><!--rolling thunder,harley ,biker rally,pow,mia,pow mia--> </p> <P align=center><FONT face=Arial size=2><B>For more information,</B></FONT><FONT face=Arial size=2><B> email us at <A href="mailto:JimJenkins@StructuredFoundations.com">JimJenkins@StructuredFoundations.com</A></P><bk><bk><hr width="200"> </div><DIV> <P align=center><FONT face=Arial size=2>Meet a sample of the individuals and experience their commitment&nbsp; to the&nbsp;U.S. POW/MIA issue.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></P> <P align=center><FONT face=Arial size=2> <IMG id=Image1 height=62 width=62 alt=Img15.gif src="http://ridewiththunder.com/images/Img15.gif" width=148 align=center border=0 name=Image1></P> <frame name=vidframe></frame> <P></P> <P></P> <P align=center><FONT face=Arial size=2>Thanks to all the wonderful people that so graciously welcomed us and shared&nbsp;their heartfelt stories.</FONT></P> <P align=center><FONT face=Arial size=2>Special thanks to Artie&nbsp;Muller and everyone at Rolling Thunder, Inc.&nbsp;for their cooperation and support to help make this film possible.&nbsp; <A href="http://www.RollingThunder1.com">www.RollingThunder1.com</A></FONT></P> <P align=center>Thanks to the the all the great folks at Ft. Washington&nbsp;Harley Davidson for inspiring this documentary!&nbsp; <A href="http://www.HDWash.com">www.HDWash.com</A></P> <P align=center>This documentary is dedicated to the brave men and women&nbsp;in uniform&nbsp;of the&nbsp;United States of America, past and present.</P> <P align=center>We're looking forward to seeing you in 2006 for&nbsp;"The Ride for Freedom XIX".</P> </FONT></P> </DIV> <P align=center><P align=center></p><P align=center></p><P align=center></p><P align=center></p><bk><bk><hr width="200"> <P align=center>Click on a sampling of scenes from the Ride For Freedom XVIII documentary.</P> <TABLE cellSpacing=0 cellPadding=0 width="50%" border=0 vspace="0" hspace="0" align=center><TBODY><tr><td> <embed src="http://www.ridewiththunder.com/rwt01/rwt01.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="390" height="260"></embed></object> </td> <td> <embed src="http://www.ridewiththunder.com/rwt02/rwt02.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="390" height="260"></embed></object> </td> </tr> </table> <P align=center></p><P align=center></p><hr width="200"> <P align=center>Additional excerpts taken from the Ride For Freedom XVIII documentary.</P> <TABLE cellSpacing=0 cellPadding=0 width="50%" border=0 vspace="0" hspace="0" align=center><TBODY> <TR vAlign=top> <TD width="400"><IMG id=Image005 alt="parade5" src="http://ridewiththunder.com/images/parade5.jpg" border=0 name=Image005 ></B></FONT> &nbsp;Rider salute.</TD> <TD width="400"><IMG id=Image006 alt="parade6" src="http://ridewiththunder.com/images/parade6.jpg" border=0 name=Image006 > &nbsp;Riders speed by on Constitution Avenue.</TD></TR> <TR vAlign=top> <TD width="400"><IMG id=Image007 alt="parade10" src="http://ridewiththunder.com/images/parade10.jpg" border=0 name=Image007 > &nbsp;Riders on Memorial Bridge.</TD> <TD width="400"><IMG id=Image008 alt="Pleasant" src="http://ridewiththunder.com/images/pleasant.jpg" border=0 name=Image008 > &nbsp;Veteran Michael Pleasant talks about why he is here.</TR> <TR vAlign=top> <TD width="400"><IMG id=Image009 alt="thewall2" src="http://ridewiththunder.com/images/thewall2.jpg" border=0 name=Image009 ></B></FONT> &nbsp;A moment at The Wall.</TD> <TD width="400"><IMG id=Image010 alt="pent1" src="http://ridewiththunder.com/images/pent1.jpg" border=0 name=Image010 > &nbsp;Riders at the Pentagon parking lot.</TD></TR> <TR vAlign=top> <TD width="400"><IMG id=Image011 alt="parade11" src="http://ridewiththunder.com/images/parade11.jpg" border=0 name=Image011 > &nbsp;View of Rolling Thunder from motorcycle perspective.</TD> <TD width="400"><IMG id=Image012 alt="Parade14" src="http://ridewiththunder.com/images/parade14.jpg" border=0 name=Image012 > &nbsp;Marine salutes Rolling Thunder Riders.</TR> </TBODY></TABLE> </TBODY></TABLE> </P> </P> <P><FONT face=Arial size=2>RideWithThunder documentary produced by&nbsp;Stickman Productions&nbsp;</FONT></P> <!--rolling thunder,harley ,biker rally,pow,mia,pow mia--><!--rolling thunder,harley ,biker rally,pow,mia,pow mia--> </p> </BODY> </HTML>