// JavaScript Document
document.write('<table width="160" style="position:absolute;display:none;" id="product"  border="0" cellspacing="0" cellpadding="0" onMouseOver="document.getElementById(\'product\').style.display=\'\';" onMouseOut="document.getElementById(\'product\').style.display=\'none\';">\
		<tr>\
		<td>\
			<table width="160"border="0" cellspacing="0" cellpadding="0" >\
			  <tr>\
				<td colspan="3"></td>\
			  </tr>\
			</table>\
		</td>\
	  </tr>\
	  <tr>\
		<td bgcolor="#ffffff" valign="top">\
			<table width="160" border="0" cellspacing="0" cellpadding="0">\
			  <tr>\
			  	<td height="13px" colspan="2"></td>\
			  </tr>\
			  <tr>\
				<td style="padding-left:11px" onMouseOver="air(this);" onMouseOver="air_hide1();">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >Air Filters</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px" onMouseOver="earl(this);" onMouseOver="earl_hide1();">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >Earl\'s Performance Pluming</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px" onMouseOver="engine(this);" onMouseOver="engine_hide1();">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >Engine Dress-up Kits</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px;padding-bottom:10px" onMouseOver="safety(this);" onMouseOver="safety_hide1();">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown"> Safety Equipment</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			 </table>\
		</td>\
	  </tr>\
	 </table>');

var submenu_left;
var submenu_top;
var act_cit_id;
function product(objec1){
act_cit_id=objec1.id;
var curleft = curtop = 0;
		if (objec1.offsetParent) {
		curleft = objec1.offsetLeft
		curtop = objec1.offsetTop
		while (objec1 = objec1.offsetParent) {
			curleft += objec1.offsetLeft
			curtop += objec1.offsetTop;
		}
	}
	submenu_left=curleft;
	submenu_top=curtop
	document.getElementById('product').style.display="";
	document.getElementById('product').style.left = curleft;
	document.getElementById('product').style.top = curtop + 35;
	document.getElementById('searchpop1').style.display="none";
	document.getElementById('gallery').style.display="none";

}

function product_hide1(){
	document.getElementById('product').style.display="none";
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
}

//------------------------------------------------------
//------------------------------------------------------
//------------------------------------------------------
// JavaScript Document
document.write('<table width="160" style="position:absolute;display:none;" id="air"  border="0" cellspacing="0" cellpadding="0" onMouseOver="document.getElementById(\'air\').style.display=\'\';document.getElementById(\'product\').style.display=\'\';" onMouseOut="document.getElementById(\'air\').style.display=\'none\';document.getElementById(\'product\').style.display=\'none\';">\
		<tr>\
		<td>\
			<table width="160"border="0" cellspacing="0" cellpadding="0" >\
			  <tr>\
				<td colspan="3"></td>\
			  </tr>\
			</table>\
		</td>\
	  </tr>\
	  <tr>\
		<td bgcolor="#ffffff" valign="top">\
			<table width="160" border="0" cellspacing="0" cellpadding="0">\
			  <tr>\
			  	<td height="13px" colspan="2"></td>\
			  </tr>\
			  <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">K&N </a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >True Flow</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td style="padding-left:2px"><a href="#" class="dropdown"> Wix</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			   <tr><td height="10px"></td></tr>\
			 </table>\
		</td>\
	  </tr>\
	 </table>');


var act_cit_id2;
function air(objec2){
act_cit_id2=objec2.id;
 /*var curleft2 = curtop2 = 0;
		if (objec2.offsetParent) {
		curleft2 = objec2.offsetLeft
		curtop2 = objec2.offsetTop
		while (objec2 = objec2.offsetParent) {
			curleft2 += objec2.offsetLeft
			curtop2 += objec2.offsetTop;
		}
	} */
	
	document.getElementById('air').style.display="";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
	document.getElementById('air').style.left = submenu_left+160;
	document.getElementById('air').style.top = submenu_top+50;
}

function air_hide1(){
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
}

//-------------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------
document.write('<table width="160" style="position:absolute;display:none;" id="earl"  border="0" cellspacing="0" cellpadding="0" onMouseOver="document.getElementById(\'earl\').style.display=\'\';document.getElementById(\'product\').style.display=\'\';" onMouseOut="document.getElementById(\'earl\').style.display=\'none\';document.getElementById(\'product\').style.display=\'none\';">\
		<tr>\
		<td>\
			<table width="160"border="0" cellspacing="0" cellpadding="0" >\
			  <tr>\
				<td colspan="3"></td>\
			  </tr>\
			</table>\
		</td>\
	  </tr>\
	  <tr>\
		<td bgcolor="#ffffff" valign="top">\
			<table width="160" border="0" cellspacing="0" cellpadding="0">\
			  <tr>\
			  	<td height="13px" colspan="2"></td>\
			  </tr>\
			  <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Braided Fuel Line</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >Fittings</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Clamps</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px;"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown"  valign="top">Separators</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			   <tr><td height="10px"></td></tr>\
			 </table>\
		</td>\
	  </tr>\
	 </table>');


var act_cit_id3;
function earl(objec3){
 act_cit_id3=objec3.id;
/*var curleft3 = curtop3 = 0;
		if (objec3.offsetParent) {
		curleft3 = objec3.offsetLeft
		curtop3 = objec3.offsetTop
		while (objec3 = objec3.offsetParent) {
			curleft3 += objec3.offsetLeft
			curtop3 += objec3.offsetTop;
		}
	} */
	document.getElementById('earl').style.display="";
	document.getElementById('air').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
	document.getElementById('earl').style.left = submenu_left+160;
	document.getElementById('earl').style.top = submenu_top+75;
}

function earl_hide1(){
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
}

//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------


document.write('<table width="160" style="position:absolute;display:none;" id="engine"  border="0" cellspacing="0" cellpadding="0" onMouseOver="document.getElementById(\'engine\').style.display=\'\';document.getElementById(\'product\').style.display=\'\';" onMouseOut="document.getElementById(\'engine\').style.display=\'none\';document.getElementById(\'product\').style.display=\'none\';">\
		<tr>\
		<td>\
			<table width="160"border="0" cellspacing="0" cellpadding="0" >\
			  <tr>\
				<td colspan="3"></td>\
			  </tr>\
			</table>\
		</td>\
	  </tr>\
	  <tr>\
		<td bgcolor="#ffffff" valign="top">\
			<table width="160" border="0" cellspacing="0" cellpadding="0">\
			  <tr>\
			  	<td height="13px" colspan="2"></td>\
			  </tr>\
			  <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Timing Covers </a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >Valve Covers</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Alternator</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			</table>\
		</td>\
	  </tr>\
	 </table>');


var act_cit_id3;
function engine(objec3){
act_cit_id3=objec3.id;
/*var curleft3 = curtop3 = 0;
		if (objec3.offsetParent) {
		curleft3 = objec3.offsetLeft
		curtop3 = objec3.offsetTop
		while (objec3 = objec3.offsetParent) {
			curleft3 += objec3.offsetLeft
			curtop3 += objec3.offsetTop;
		}
	}*/
	document.getElementById('engine').style.display="";
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('safety').style.display="none";
	document.getElementById('engine').style.left = submenu_left+160;
	document.getElementById('engine').style.top = submenu_top+95;
}

function engine_hide1(){
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
}

//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------

//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------


document.write('<table width="160" style="position:absolute;display:none;" id="safety"  border="0" cellspacing="0" cellpadding="0" onMouseOver="document.getElementById(\'safety\').style.display=\'\';document.getElementById(\'product\').style.display=\'\';" onMouseOut="document.getElementById(\'safety\').style.display=\'none\';document.getElementById(\'product\').style.display=\'none\';">\
		<tr>\
		<td>\
			<table width="160"border="0" cellspacing="0" cellpadding="0" >\
			  <tr>\
				<td colspan="3"></td>\
			  </tr>\
			</table>\
		</td>\
	  </tr>\
	  <tr>\
		<td bgcolor="#ffffff" valign="top">\
			<table width="160" border="0" cellspacing="0" cellpadding="0">\
			  <tr>\
			  	<td height="13px" colspan="2"></td>\
			  </tr>\
			  <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Helmets/Accessories</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown" >Fire Suits</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Racing Belts</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			   <tr>\
				<td style="padding-left:11px">\
					<table width="0" border="0" cellspacing="0" cellpadding="0">\
					  <tr>\
						<td style="padding-right:4px"><img src="images/others/whitebutton.gif"></td>\
						<td><a href="#" class="dropdown">Fire Extinguisher</a></td>\
					  </tr>\
					</table>\
				</td>\
			  </tr>\
			  <tr><td height="10px"></td></tr>\
			</table>\
		</td>\
	  </tr>\
	 </table>');


var act_cit_id4;
function safety(objec4){
act_cit_id4=objec4.id;
 /*var curleft4= curtop4 = 0;
		if (objec4.offsetParent) {
		curleft4 = objec4.offsetLeft
		curtop4 = objec4.offsetTop
		while (objec4 = objec4.offsetParent) {
			curleft4 += objec4.offsetLeft
			curtop4 += objec4.offsetTop;
		}
	}*/
	document.getElementById('safety').style.display="";
	document.getElementById('safety').style.left = submenu_left+160;
	document.getElementById('safety').style.top = submenu_top+115;
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";


}

function safety_hide1(){
	document.getElementById('air').style.display="none";
	document.getElementById('earl').style.display="none";
	document.getElementById('engine').style.display="none";
	document.getElementById('safety').style.display="none";
}

//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------