Heads by Woodytitle> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"><!-- /* The ultimate DHTML drop-down code Nick Nettleton www.computerarts.co.uk || www.fluid7.co.uk -- This must be the single most requested bit of code in the history of Computer Arts, so we've decided to make it user-friendly and adaptable for everyone. Stacks more goodies to come too - head to one of the above sites for regular infoa nd updates. Works with v4 and v5 browsers - both IE and NS. Update for NS6 coming. Also, be aware there's no way to automatically centre layers in the window - a JS for this coming soon. In the meantime, stick with left-aligned. Keep an eye out for update for NS6. -- You can adapt, use and distribute this code under GNU public licence, as long as: (1) You leave all the comment and credit lines in, including these ones (2) You don't sell it for profit -- If you want to tweak the code yourself, use the f7_droplayer to set the names of the dropdowns, and just call f7_showdrop(n) and f7_hdidedrop from onmouseover, onmouseout and other events. Swap n for the number of the layer as in the array. -- Enjoy!!! */ //names of dropdowns stored here f7_droplayer=new Array() f7_droplayer[0]="drop1" f7_droplayer[1]="drop2" f7_droplayer[2]="drop3" f7_droplayer[3]="drop4" f7_droplayer[4]="drop5" f7_droplayer[5]="drop6" f7_droplayer[6]="drop7" //simple browser check f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0 f7_ie=(document.all && f7_v4)?1:0 f7_ns=(document.layers && f7_v4)?1:0 //code for drops function f7_showdrop(thelayer){ f7_keep=thelayer; f7_hideall(); f7_showitnow=1 f7_showit(thelayer) } function f7_showit(thelayer){ if(f7_ie){ eval(f7_droplayer[thelayer]+'.style.visibility="visible"') } if(f7_ns){ eval('document.'+f7_droplayer[thelayer]+'.visibility="show"');} } function f7_hidedrop(){ f7_keep=-1; setTimeout('f7_hideall()',500) } f7_keep=-1 function f7_hideall(){ for(i=0;i<f7_droplayer.length;i++){ f7_hideit=0; f7_checkmousepos(i) if(f7_ie && f7_keep!=i){ if(f7_hideit){ eval(f7_droplayer[i]+'.style.visibility="hidden"') } } if(f7_ns && f7_keep!=i){ if(f7_hideit){ eval('document.'+f7_droplayer[i]+'.visibility="hide"') } } } } //deal with cursor over layer document.onmousemove = f7_getmousepos if (f7_ns) document.captureEvents(Event.MOUSEMOVE) function f7_getmousepos(e){ if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY} if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;} } function f7_checkmousepos(i){ if(f7_ns){ f7_x_min=eval('document.'+f7_droplayer[i]+'.left') f7_x_max=f7_x_min+eval('document.'+f7_droplayer[i]+'.clip.width') f7_y_min=eval('document.'+f7_droplayer[i]+'.top') f7_y_max=f7_y_min+eval('document.'+f7_droplayer[i]+'.clip.height') } if(f7_ie){ f7_x_min=eval(f7_droplayer[i]+'.style.pixelLeft') f7_x_max=f7_x_min+eval(f7_droplayer[i]+'.style.pixelWidth') f7_y_min=eval(f7_droplayer[i]+'.style.pixelTop') f7_y_max=f7_y_min+eval(f7_droplayer[i]+'.style.pixelHeight') } if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){ f7_hideit=0; setTimeout('f7_hideall()',500) } else { f7_hideit=1 } return f7_hideit } //--></script> <script language="JavaScript"><!-- //browser stylesheets if(f7_ie){ document.write('<style type="text/css"><!--') document.write('.dropdown {padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px}') document.write('p { margin-top:0px; margin-bottom:6px }') document.write('a { text-decoration: none }') document.write('a:hover { color: white; text-decoration: underline }') document.write('--></style>') } //--></script> <style type="text/css"> <!-- p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px} td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;} .header { font: bold 24px Arial, Verdana, Helvetica, sans-serif } .subhead { font-weight: bold; font-size: 12px } .list { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none } .forms { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif } .dropdown { position: absolute; color:black; width:140px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #EFEFEF; layer-background-color: #EFEFEF; top:110px; z-index:1; visibility: hidden ;} .drophead { color:#333333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none } .dropitem { text-decoration:none; color:black; font: 12px Arial, Verdana, Helvetica, sans-serif;} .drophead:hover { color:black; text-decoration:none } .dropitem:hover { color:black; font: bold } --> </style> </head> <body bgcolor="#000000" text="#FFFFFF" link="#00CC00" vlink="#00CC00" alink="#00CC00" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="drop1" class="dropdown" style="left:-1px;" onmouseover="f7_showdrop(0)" onmouseout="f7_hidedrop()"> <p>• <a href="CNCPort.htm" class="dropitem">CNC Ported</a><br> • <a href="HandPort.htm" class="dropitem">Hand Ported</a><br> • <a href="Engines.htm" class="dropitem">Engines</a><br> • <a href="Packages.htm" class="dropitem">Packages</a></p> </div> <div id="drop2" class="dropdown" style="left:61px;" onmouseover="f7_showdrop(1)" onmouseout="f7_hidedrop()"> <p>• <a href="TC88.htm" class="dropitem">TC 88</a><br> • <a href="EvoBT.htm" class="dropitem">Evo BT</a><br> • <a href="EvoXL.htm" class="dropitem">Evo XL</a><br> • <a href="Special.htm" class="dropitem">Special</a></p> </div> <div id="drop3" class="dropdown" style="left:154px;" onmouseover="f7_showdrop(2)" onmouseout="f7_hidedrop()"> <p>• <a href="FloData.htm" class="dropitem">Flow Data</a><br> • <a href="DynoData.htm" class="dropitem">Dyno Data</a><br> • <a href="Facts.htm" class="dropitem">Facts</a><br> • <a href="Fiction.htm" class="dropitem">Fiction</a></p> </div> <div id="drop4" class="dropdown" style="left:244px;" onmouseover="f7_showdrop(3)" onmouseout="f7_hidedrop()"> <p>• <a href="Dealers.htm" class="dropitem">Dealers</a><br> • <a href="Industry.htm" class="dropitem">Industry</a><br> • <a href="Web.htm" class="dropitem">Web</a><br> • <a href="Others.htm" class="dropitem">Others</a></p> </div> <div id="drop5" class="dropdown" style="left:352px;" onmouseover="f7_showdrop(4)" onmouseout="f7_hidedrop()"> <p>• <a href="Friends.htm" class="dropitem">Friends</a><br> • <a href="Heads.htm" class="dropitem">Heads</a><br> • <a href="Engine.htm" class="dropitem">Engine</a><br> • <a href="Machining.htm" class="dropitem">Machining</a></p> </div> <div id="drop6" class="dropdown" style="left:424px;" onmouseover="f7_showdrop(5)" onmouseout="f7_hidedrop()"> <p>• <a href="HeadTech.htm" class="dropitem">Head Tech</a><br> • <a href="EngineTech.htm" class="dropitem">Engine Tech</a><br> • <a href="PerfTech.htm" class="dropitem">Performance</a><br> • <a href="GenTech.htm" class="dropitem">General</a></p> </div> <div id="drop7" class="dropdown" style="left:493px;" onmouseover="f7_showdrop(6)" onmouseout="f7_hidedrop()"> <p>• <a href="http://www.ahdra.com" class="dropitem">AHDRA</a><br> • <a href="http://www.nhra.com" class="dropitem">NHRA</a><br> • <a href="http://www.ihra.com" class="dropitem">IHRA</a><br> • <a href="http://teamfnr.freeservers.com" class="dropitem">Sim Drag Racing</a></p> </div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3" height="80"> <p><img src="Headlogo4.jpg" width="480" height="180"></p> </td> </tr> <tr> <td bgcolor="#EFEFEF" colspan="3"> <table width="601" border="0" cellspacing="0" cellpadding="0" height="30"> <tr align="center"> <td width="61"> <a href="#" class="drophead" onmouseover="f7_showdrop(0)" onmouseout="f7_hidedrop()"><b>News</b></a> </td> <td bgcolor="#000000" width="1"><img src="shim.gif" width="1" height="1"></td> <td width="92"> <a href="#" class="drophead" onmouseover="f7_showdrop(1)" onmouseout="f7_hidedrop()"><b>Catalog</b></a> </td> <td bgcolor="#000000" width="1"><img src="shim.gif" width="1" height="1"></td> <td width="89"> <a href="#" class="drophead" onmouseover="f7_showdrop(2)" onmouseout="f7_hidedrop()"><b>TechData</b></a> </td> <td bgcolor="#000000" width="1"><img src="shim.gif" width="1" height="1"></td> <td width="107"> <a href="#" class="drophead" onmouseover="f7_showdrop(3)" onmouseout="f7_hidedrop()"><b>Resources</b></a> </td> <td bgcolor="#000000" width="1"><img src="shim.gif" width="1" height="1"></td> <td width="71"> <a href="#" class="drophead" onmouseover="f7_showdrop(4)" onmouseout="f7_hidedrop()"><b>Photos</b></a> </td> <td bgcolor="#000000" width="1"><img src="shim.gif" width="1" height="1"></td> <td width="68"><a href="#" class="drophead" onMouseOver="f7_showdrop(5)" onMouseOut="f7_hidedrop()"><b>Forum</b></a> </td> <td bgcolor="#000000" width="1"><img src="shim.gif" width="1" height="1"></td> <td width="106"><a href="#" class="drophead" onMouseOver="f7_showdrop(6)" onMouseOut="f7_hidedrop()"><b>Racing</b></a> </td> <td width="1" bgcolor="#000000"><img src="shim.gif" width="1" height="1"></td> </tr> </table> </td> </tr> <tr> <td colspan="3"><img src="shim.gif" width="1" height="1"></td> </tr> </table> <table width="800" cellpadding="0" cellspacing="0"> <tr> <td height="2" colspan="2" valign="top"> <table width="120" cellpadding="0" cellspacing="0"> <tr> <td> <p><br> <p><font face="Arial, Helvetica, sans-serif" size="2"><b> Top News:</b></font></p> </td> </tr> </table> </td> <td height="319" width="669" rowspan="2" valign="top"> <table width="100%" height="412"> <tr> <td valign="top" height="409"> <p> </p> <blockquote> <p>- This is Under Construction.</p> <p> <p><br><b><u>Evo Big Twin</u></b>- Hurricane package- 1.900 Int./1.625 Exh. valves-Spring kit w/ Thermo-cool & Titanium. Ready to bolt on! All work done to your castings. This is our most popular Head, producing consistant 90hp! $869.95<br> <br><b><u>Evo Big Twin</u></b>- Mildwood package- 1.840 Int./1.610 Exh. valves-Spring kit w/ Thermo-cool. Ready to bolt on! All work done to your castings. This is quite popular with the Full Dresser riders, great torque! $799.95<br> </p> <br><b><u>Turbo Heads</u></b>- Evo BT These heads were specially designed for use with Aerocharger type systems. They delivered a whopping 164.9 hp @ AMI Shoot-out Bike week 99 on John Goldens 80 ci FLHS!!!! They also made several runs at 175 hp !!!!!<br> The final touch to your Turbo-Bike! $975.95<br> <br><b><u>Screaming Eagle Evo Big Twin</u></b>- Porting & Blending- Corrective Seat contouring High temp. Viton Guide seals- Gasket Deck surfaced to specified volume for correct compression. $550.00<br> </blockquote> </td> </tr> </table> </td> </tr> <tr> <td height="160" width="120" valign="top"> <table width="120" border="0"> <tr> <td width="114" valign="top"> <p>- Performance</p> <p>- Dyno Guy</p> <p>- H-D News</p> <p>- Racing News</p> </td> </tr> </table> <p align="center"><a href="http://www.tekno-design.f2s.com"><img src="button1.gif" width="88" height="31" border="0"></a></p> </td> <td height="160" width="2" valign="top" bgcolor="#999999"></td> </tr> <tr bgcolor="#999999"> <td height="2" colspan="3" valign="top"></td> </tr> </table> <p align="center"><a href="http://www.tekno-design.f2s.com">Tekno Design</a></p> </body> </html> <!-- PrintTracker Insertion Begin --> <script src="/fs_img/js/pt.js" type="text/javascript"></script> <!-- PrintTracker Insertion Complete --> <!-- Google Analytics Insertion Begin --> <script type="text/javascript"> <!-- var _gaq = _gaq || []; _gaq.push(['_setAccount', "UA-4601892-3"]); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); --> </script> <!-- Google Analytics Insertion Complete -->