asked on

Record visibility with cookies in javascript

Hi there,

I would really appreciate some help with my page.

I have 4 DIVS - one default and the other three hidden. I'm using a set visibility function (to call the DIVs from its images) and cookies to remenber the last DIV opened.

My problem is: I'm not sure why my function is only recording the state of the default DIV and a one more (DIV #2) when I click on DIV 3 or 4 and leave the page if I come back is DIV 2 is the default. It's not recording DIV 3 and 4.

Please anyome knows how to fix my function???

Thanks in advance.

Here is the cookie and visibility functions:
 
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
 
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
 
function eraseCookie(name) {
	createCookie(name,"",-1);
}
 
 
 
// Your function
 
function setVisibility(eid, visibility) {
   document.getElementById(eid).style.display = visibility; 
   createCookie("lastDiv"+eid,visibility,356);
}
 
--------------------------------------
Here is how I'm calling the DIVS on the <body>
 
<div align="center" id="exterior"><a href='#ext' onClick="setVisibility('cat', 'inline');setVisibility('dog', 'none');setVisibility('rabbit', 'none');setVisibility('rat', 'none')"><img src="Best_Sellers/images/exterior.jpg" alt="Exterior" width="64" height="30" /></a></div>
  <div align="left" id="interior"><a href='#int' onClick="setVisibility('cat', 'none');setVisibility('dog', 'inline');setVisibility('rabbit', 'none');setVisibility('rat', 'none')"><img src="Best_Sellers/images/interior.jpg" alt="Interior" width="69" height="30" /></a></div>
  <div align="left" id="engine"><a href='#int' onClick="setVisibility('cat', 'none');setVisibility('dog', 'none');setVisibility('rabbit', 'inline');setVisibility('rat', 'none')"><img src="Best_Sellers/images/engine.jpg" alt="Engine &amp; Performance" width="166" height="30" /></a></div>
  <div align="left" id="parts"><a href='#int' onClick="setVisibility('cat', 'none');setVisibility('dog', 'none');setVisibility('rabbit', 'none');setVisibility('rat', 'inline')"><img src="Best_Sellers/images/replacement_parts.jpg" alt="Replacement Parts" width="156" height="30" /></a></div>
 
and on the botton of my page I have this script:
 
<script language='javascript'>
 // setting the stored visibility
 
   if (readCookie('lastDivcat')==null) {
      createCookie('lastDivcat', 'inline', 0); // Seeting default value 'visible' (change to 'none' if default should be hidden)
 
   }
   setVisibility('cat', readCookie('lastDivcat'));
</script>

Open in new window

divs.html.txt

hielo

It's possible you have reached the cookie limits (number of cookies and/or the overall amount of information stored in said cookies):
http://www.devx.com/tips/Tip/12646

My suggestion is to try to cut down on all the unnecessary information you are storing. On what you posted, basically you have a "group of animals" (cat, dog, rabbit and rat), but you are treating them as individual animals.

You are clearly setting only one of them visible at a time. So, if the visibility of cat is "inline", the other three are "none". Likewise, if the visibility of dog is "inline", the other three are "none" as well.

What you are doing is tracking the visibility of the individual animals. I suggest you track them as a group instead.

<div align="center" id="exterior"><a href='#ext' onClick="setVisibility('quadruped', 'cat');setVisibility('dog', 'none');><img src="Best_Sellers/images/exterior.jpg" alt="Exterior" width="64" height="30" /></a></div>
  <div align="left" id="interior"><a href='#int' onClick="setVisibility('quadruped', 'dog');><img src="Best_Sellers/images/interior.jpg" alt="Interior" width="69" height="30" /></a></div>
  <div align="left" id="engine"><a href='#int' onClick="setVisibility('quadruped', 'rabbit');><img src="Best_Sellers/images/engine.jpg" alt="Engine &amp; Performance" width="166" height="30" /></a></div>
  <div align="left" id="parts"><a href='#int' onClick="setVisibility('quadruped', 'rat');><img src="Best_Sellers/images/replacement_parts.jpg" alt="Replacement Parts" width="156" height="30" /></a></div>
 
Thus, if you do:
readCookie("quadruped"), you will get either:
null, cat, dog, rabbit, OR cat!
 
From your discussion, if the value is null, then you go ahead and create your default cookie:
 
<script language='javascript'>
 // setting the stored visibility
 
   if (readCookie('quadruped')==null) {
      createCookie('quadruped', 'cat',0); // Seeting default value 'visible' (change to 'none' if default should be hidden)
 
   }
   //at this point, readCookie('quadruped') should return 'cat' - the only one that should be inline!
   setVisibility('quadruped', readCookie('quadruped'));
 
//provide a list of "group members" so you can iterate over this list and change the display only on the specified item
/* so, if you want to set cat to inline, you would need to call setVisibility("quadruped","cat").
The same logic applies to the other group:
setVisibility("mystery","spoiler");
 */
window.list_quadruped=['cat','dog','rabbit','rat'];
window.list_mystery=['fuel_id','headlamp','stormproof','air_intake','spoiler'];
 
//eid will have either cat, dog, rabbit, OR rat
function setVisibility(grp, eid) {
   var group="list_"+grp;
 
   //if the group specified does not exist, return
   if("undefined"==typeof(window[group]) )return;
 
 
   var i=-1, limit=window[group].length;
   while( ++i<limit){
    if(window[group][i] != eid){
     document.getElementById(eid).style.display = 'none'; 
    }else{
     document.getElementById(eid).style.display = 'inline'; 
    }
   }
 
   //delete previous cookie
   eraseCookie(grp);
 
   //store new value
   createCookie(grp,eid,365);
}

Open in new window

ClaBap

ASKER

Hi hielo,

Thank you for your reply I as you noticed my knowledge of javascript is limited (almost none) and I'm trying to solve this issue, so thank you very much for your help. I don't have the page right now with me but tomorrow (monday) I will be adding your code to the page and see how it goes. Right now on my website I'm just storing one more cookie called myVis (used for a visibility function as well) on my homepage.

One more time thanks and tomorrow I will let you know how it goes.

ClaBap

ASKER

Dear hielo,

I tried to include your code to my page but it's not working. Now I can't even change the visibility of each DIV I'm not sure why. I'm attaching my original code without the previous attempt to record the cookie just with the set visibility function on the page. Please could you help me out to adapt this function in any other way that I can record the last DIV opened?

If you want to check out my page live: http://www.miatamania.com/sitegraphics/pages/best_sellers.html
test.html.txt

ASKER CERTIFIED SOLUTION

hielo

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ClaBap

ASKER

Thank you hielo that's working just fine

hielo

The attached code seems to work fine for me. Take care.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.miatamania.com/sitegraphics/Pages/Best_Sellers/animatedcollapse.js">
 
/***********************************************
* Animated Collapsible DIV v2.2- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
 
</script>
 
 
<style type="text/css">
<!--
.style6 {font-size: 0.75em}
-->
</style>
 
<meta name="description" id="description" content="Moss Motors MiataMania.com - Parts &amp; Accessories for your Mazda Miata" />
 
<meta name="keywords" id="keywords" content="Moss Motors Mazda Miata Car Parts Accessories Exhaust Engine Clutch Suspension Shocks Brakes Wheels Cooling Transmission Steering Shifter Interior Exterior Care Electrical Racing Apparel Performance Supercharger MX-5" />
<link type="text/css" rel="stylesheet" href="http://www.miatamania.com/sitegraphics/CSS/site.css" />
<link type="text/css" rel="stylesheet" href="http://www.miatamania.com/sitegraphics/CSS/claudio.css" />
<link href="http://www.miatamania.com/sitegraphics/CSS/best_sellers_new.css" rel="stylesheet" type="text/css" />
</script>
<script type="text/javascript" language="javascript" src="http://www.miatamania.com/JavaScript/Core.js"></script>
<script language='javascript'>
 
 
 
function loadVisible() {
    var view = readCookie('view1');
 
    hideAll();
	if (!view || view == null || view.length < 1)
		view = 'cat';
	  
	document.getElementById(view).style.display='inline';
}
 
function readCookie(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
}
 
function setCookieVisibility(id, visibility) {
	document.getElementById(id).style.display = visibility;
	/*
	if (visibility != 'none')
		document.cookie = 'view1=' + id + '; expires=Thu, 31 Dec 2010 00:00:00 UTC; path=/'
	*/
 
	switch(id)
	{
		case "cat":
		case "dog":
		case "rabbit":
		case "rat":
			createCookie("view1",id,365);
			break;
		default:
			alert("setCookieVisibility(): Unable to determine the cookie name to use for the specified element id ("+id+"). No cookie was saved.");
			return null;
	}
return true;
}
 
function setVisibility(id, visibility) {
	document.getElementById(id).style.display = visibility;
}
 
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
 
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
 
function eraseCookie(name) {
	createCookie(name,"",-1);
}
 
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
 
window.view1={"default":"cat"
							,"rat":		{"default":"brakes_rat",	"subsections":"brakes_rat,engine_rat,exhaust_rat,exterior_rat,heating_rat,interior_rat,suspension_rat"}
							,"rabbit":	{"default":"exhaust",	"subsections":"exhaust,steel,shifter,wire,battery,brake"}
							,"dog":		{"default":"floor",		"subsections":"floor,console,cup,seat,style"}
							,"cat":		{"default":"fuel_lid",	"subsections":"fuel_lid,headlamp,stormproof,air_intake,spoiler,top,luggage,scoop"}
				};
 
 
function hideAll() {
	/*
	var divs = 'cat,dog,rabbit,rat'.split( ',' )
	for ( var d = 0; d < divs.length; d++ ) {
      document.getElementById(divs[d]).style.display='none';
	}
	*/
 
	for( var k in view1)
	{
		if( view1[k].subsections )
		{
			var s=view1[k].subsections.split(",");
			var i=-1,limit=s.length;
			while(++i<limit)
			{
				document.getElementById(s[i]).style.display='none';
			}
			document.getElementById(k).style.display='none';
		}
	}
}
//eraseCookie("view1");eraseCookie("cat");
function start()
{
	hideAll();
	var p=readCookie("view1");
	if(!p)
	{
		p=view1["default"];
		//this will create your default main/tab cookie=>		view1=cat
		createCookie("view1",p,365);
	}
 
	var c=readCookie(p);
	if(!c)
	{
		c=view1[ p ]["default"];
		createCookie(p,c,365);
	}
 
	document.getElementById(p).style.display='inline';
	document.getElementById(c).style.display='inline';
}
 
//hielo('view1','dog');
//hielo('dog','console');
function hielo(_parent,_child)
{
	//first, determine whether you clicked on a tab or submenu. How?
	//when view1[_child] is undefined, then you clicked on a submenu. Otherwise
	//you clicked on a tab
	if( "undefined"==typeof(view1[_child]))
	{
		//determine if last sub-menu seen
		var p=readCookie(_parent);
		
		if(!p)
		{//alert(1);
			//show specified sub-menu
			document.getElementById(_parent).style.display='inline';
 
			//record last sub-menu seen
			createCookie(_parent,_child,365);
		}
		else
		{	
		//alert(2);
		//alert("p:"+p+";_parent:"+_parent+";_child:"+_child)
			//hide currently visible sub-menu
			document.getElementById(p).style.display='none';
			
			//display clicked sub-menu
			document.getElementById(_child).style.display='inline';
			
			//record last sub-menu seen
			createCookie(_parent,_child,365);
		}
	}
	//user clicked on tab
	else
	{
		//hide existing sub-menu first
		var c=readCookie( readCookie(_parent) );
		if( c )
		{
			document.getElementById( c ).style.display='none';
		}
		//hide existing tab
		var p=readCookie(_parent)
		if( p )document.getElementById( p ).style.display='none';
 
		//now show clicked tab
		document.getElementById( _child ).style.display='inline';
		c=readCookie(_child);
 
		if( c )document.getElementById( c ).style.display='inline';
		else	document.getElementById( view1[_child]["default"] ).style.display='inline';
		//now record the last tab clicked.
		createCookie(_parent,_child,365);	
	}
return false;
}
 
window.onload=function()
{
	MM_preloadImages('Header_img/home_btn_over.jpg','Header_img/prod_btn_over.jpg','Header_img/web_btn_over.jpg','Header_img/catalog_btn_over.jpg','Header_img/rss_btn_over.jpg','Products_Display/Prod_Images/whats_new_up.jpg','Products_Display/Prod_Images/dont_miss_down.jpg','Products_Display/Prod_Images/whats_new_down.jpg','Products_Display/Prod_Images/dont_miss_up.jpg','Best_Sellers/images/exterior_down.jpg','Best_Sellers/images/interior_down.jpg','Best_Sellers/images/engine_down.jpg','Best_Sellers/images/replacement_parts_down.jpg');
	/*loadVisible()*/
	start();
};
</script>
 
</head>
<body>
 
<!--Top Menu-->
 
<div id="topmenu">
<div id="shoppingcart"><a href="http://www.miatamania.com/Shop/ShopCart.aspx" class="upper_menu">SHOPPING CART</a></div>
 
<div id="youraccount"><a href="http://www.miatamania.com/Account/AccountIndex.aspx" class="upper_menu">YOUR ACCOUNT</a></div>
<div id="companyinfo"><a href="http://www.mossmotors.com/company/" class="upper_menu">COMPANY INFO</a></div>
<div id="menu_child">
							<a class="upper_menu_child" href="http://www.mossmotors.com/company/">ABOUT MOSS</a>
							<a class="upper_menu_child" href="http://www.mossmotors.com/company/CareerListings.html">CAREER LISTINGS</a>  </div>
</div>	
 
<script type="text/javascript">
				attach("companyinfo", "menu_child", "hover", "y", "pointer");
			</script>
		
 
 
<!--Header-->
 
			<div align="left" id="header">
			  <div id="logo">			 
			    <a href="http://www.miatamania.com/"><img src="Header_img/logo.jpg" alt="Moss Motors" name="logo" width="105" height="97" id="logo" /></a>			  </div>
			  <div align="center" id="pic1">
			    <div align="right" id="box1"><img src="Header_img/box01.gif" alt="Box1" width="52" height="52" /></div>
		      </div>
			  <div align="center" id="pic2">
              <div align="right" id="box1"><img src="Header_img/box02.gif" alt="Box1" width="52" height="52" /></div>
 
			  </div>
			  <div align="center" id="pic3"><div align="right" id="box1"><img src="Header_img/box03.gif" alt="Box1" width="52" height="52" /></div>
			  </div>
			  <div align="center" id="pic4"><div align="right" id="box1"><img src="Header_img/box04.gif" alt="Box1" width="52" height="52" /></div></div>
			  <div align="center" id="maing"></div>
			  <div align="center" id="logor"><a href="http://miatamania.com"><img src="Header_img/logoright.jpg" alt="Moss Motors - Cool Stuff for Cool Cars" width="98" height="97" /></a></div>
              <div align="center" id="bar">
                <div align="left"><a href="http://www.miatamania.com"><img src="Header_img/home_btn.jpg" alt="Home" name="home" width="78" height="23" id="home" onmouseover="MM_swapImage('home','','Header_img/home_btn_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="http://www.miatamania.com/Browse/PlateMenuNewProducts.aspx"><img src="Header_img/prod_btn.jpg" alt="New Products" name="new_products" width="101" height="23" id="new_products" onmouseover="MM_swapImage('new_products','','Header_img/prod_btn_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="http://www.miatamania.com/Browse/PlateMenuWebSpecials.aspx"><img src="Header_img/web_btn.jpg" alt="Web Specials" name="web_specials" width="102" height="23" id="web_specials" onmouseover="MM_swapImage('web_specials','','Header_img/web_btn_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="https://www.miatamania.com/CatalogRequest/RequestForm.aspx"><img src="Header_img/catalog_btn.jpg" alt="Free Catalog" name="free_catalog" width="97" height="23" id="free_catalog" onmouseover="MM_swapImage('free_catalog','','Header_img/catalog_btn_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="https://www.miatamania.com/rss/"><img src="Header_img/rss_btn.jpg" alt="RSS " name="rss" width="67" height="23" id="rss" onmouseover="MM_swapImage('rss','','Header_img/rss_btn_over.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
              </div>
 
			  <div id="bottonpic"></div>
			</div>
			<!--Right Navigation-->
 
 
<div id="r_nav">
        <div id="tollfree"><img src="LeftNav_img/Miata_ordertollfree_60thAnniversary.jpg" alt="Order Toll Free" width="157" height="45" /></div>
        <div id="search"><img src="LeftNav_img/column_search.jpg" width="157" height="21" /></div>
        <div id="searchtxt">
          <span class="whitetext_standard style27">By 
        Part # or Description</span></div>
 
<div id="SearchText">
<td><form action="http://www.miatamania.com/Shop/SearchResults.aspx" method="get" name="frmSearch" ID="frmSearch">
		<table class="leftnavtable_search" border="0" cellpadding="0" cellspacing="0" width="143" align="right">
		
			<tr>
            <td><table border="0" cellpadding="0" cellspacing="0" width="100%">
						<tr>
						<td width="104"><input name="SearchText" type="text" class="intext" /></td>
					  <td><input type="image" name="btnSubmit" id="btnSubmit" src="../Buttons/go.gif" alt="Click to see your results" align="right" /></td></tr>
			</table></td></tr></table><input type=hidden name=WebCatalogID value=0 /></form>    </td>
 
  </tr>
</div>
        <div id="pea"><img src="LeftNav_img/column_productsaccess.gif" alt="Products and Accessories" width="157" height="33" /></div>
        <div class="style24" id="pitens">
          <span class="whitelink_standard"><a href="http://www.miatamania.com/Browse/ComponentMenuProducts.aspx?WebCatalogID=38" class="whitelink_standard ">1990-1997 Miata</a><br />
          <a href="http://www.miatamania.com/Browse/ComponentMenuProducts.aspx?WebCatalogID=39" class="whitelink_standard">
         1999-2005 Miata</a><br />
         <a href="http://www.miatamania.com/Browse/ComponentMenuProducts.aspx?WebCatalogID=40" class="whitelink_standard">
 
         2006-2009 Miata/MX-5</a><br />  <br />
         <br />
         <br />
          <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=42060&amp;SortOrder=1" class="whitelink_standard">
           Gift Certificates</a><br />  
           <a href="http://www.miatamania.com/shop/OrderByPart.aspx" class="whitelink_standard">
         Order By Part #</a></span></span></div>
 
          
  <div id="services"><img src="LeftNav_img/column_LEFT_services.gif" alt="Services" width="157" height="20" /></div>
        <div align="left" id="servitens">
        <a href="http://www.miatamania.com/SiteGraphics/Pages/Miata_Email_Optin.html" class="whitelink_standard">
        Subscribe to our E-News</a><br />
        <a href="https://www.miatamania.com/CatalogRequest/RequestForm.aspx" class="whitelink_standard">
        Request a Catalog</a></span></span></span><span class="StaticCartItemCount StaticCartItemCount style25"></span></span></span></span><br />
        </div>
  <div align="left" id="info"><img src="LeftNav_img/column_LEFT_info.gif" alt="Information" width="157" height="20" /></div>
 
        <div align="left" id="infoitens">
            <span class="style24"><a href="https://www.miatamania.com/AboutMoss/AboutUs.aspx" class="whitelink_standard">About Us</a><br />
            <a href="https://www.miatamania.com/AboutMoss/ContactUs.aspx" class="whitelink_standard">Contact Us</a><br />
            <a href="https://www.miatamania.com/CustomerService/SiteInstructions.aspx" class="whitelink_standard">How to Use This Site</a><br />
            <a href="https://www.miatamania.com/AboutMoss/LatestNews.aspx" class="whitelink_standard">News and Events</a><br />
            <a href="https://www.miatamania.com/CustomerService/OrderShipInfo.aspx" class="whitelink_standard">Order and Shipping Info</a><br />
 
            <a href="https://www.miatamania.com/CustomerService/Privacy.aspx" class="whitelink_standard">Terms/Privacy/Security</a></span><br />
        </div>
</div>
 
 
      <div align="left" id="test">
 
<div id="bestsellers_container">
  <div id="breadcrumble"><a href="http://www.miatamania.com/sitegraphics/pages/miata_css.html" class="blacklink_standard"><strong>Home</strong></a> <span class="blacktext_standard_bold">&gt; Miata Best Sellers</span></div>
 
  <div id="title">
    <p></p>
  </div>
  <div id="top_bar"></div>
  
  <div align="center" id="exteriortop"><a href='#ext' onclick="return hielo('view1','cat');/*hideAll(); setCookieVisibility('cat', 'inline')*/"><img src="Best_Sellers/images/exterior.jpg" alt="Exterior" name="exterior" width="64" height="30" id="exterior" onmouseover="MM_swapImage('exterior','','Best_Sellers/images/exterior_down.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
  <div align="left" id="i1"></div>
  <div align="left" id="interiortop"><a href='#int' onclick="return hielo('view1','dog');/*hideAll(); setCookieVisibility('dog', 'inline')*/"><img src="Best_Sellers/images/interior.jpg" alt="Interior" name="interior" width="69" height="30" id="interior" onmouseover="MM_swapImage('interior','','Best_Sellers/images/interior_down.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
  <div align="left" id="i2"></div>
  <div align="left" id="engineperf"><a href='#eng' onclick="return hielo('view1','rabbit');/*hideAll(); setCookieVisibility('rabbit', 'inline')*/"><img src="Best_Sellers/images/engine.jpg" alt="Engine &amp; Performance" name="engine" width="166" height="30" id="engine" onmouseover="MM_swapImage('engine','','Best_Sellers/images/engine_down.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
 
  <div align="left" id="i3"></div>
  <div align="left" id="replacementparts"><a href='#part' onclick="return hielo('view1','rat');/*hideAll(); setCookieVisibility('rat', 'inline')*/"><img src="Best_Sellers/images/replacement_parts.jpg" alt="Replacement Parts" name="parts" width="156" height="30" id="parts" onmouseover="MM_swapImage('parts','','Best_Sellers/images/replacement_parts_down.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
  
  
 
  <div id="rat">
  <div id="rat_title"></div>
    <div id="list4">
      <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','brakes_rat');/*setVisibility('brakes_rat', 'inline');setVisibility('engine_rat', 'none');setVisibility('exhaust_rat', 'none');setVisibility('exterior_rat', 'none');setVisibility('heating_rat', 'none');setVisibility('interior_rat', 'none');setVisibility('suspension_rat', 'none')*/">Brakes</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','engine_rat');/*setVisibility('brakes_rat', 'none');setVisibility('engine_rat', 'inline');setVisibility('exhaust_rat', 'none');setVisibility('exterior_rat', 'none');setVisibility('heating_rat', 'none');setVisibility('interior_rat', 'none');setVisibility('suspension_rat', 'none')*/">Engine & Drivetrain</a></li>
 
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','exhaust_rat');/*setVisibility('brakes_rat', 'none');setVisibility('engine_rat', 'none');setVisibility('exhaust_rat', 'inline');setVisibility('exterior_rat', 'none');setVisibility('heating_rat', 'none');setVisibility('interior_rat', 'none');setVisibility('suspension_rat', 'none')*/">Exhaust & Fuel</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','exterior_rat');/*setVisibility('brakes_rat', 'none');setVisibility('engine_rat', 'none');setVisibility('exhaust_rat', 'none');setVisibility('exterior_rat', 'inline');setVisibility('heating_rat', 'none');setVisibility('interior_rat', 'none');setVisibility('suspension_rat', 'none')*/">Exterior</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','heating_rat');/*setVisibility('brakes_rat', 'none');setVisibility('engine_rat', 'none');setVisibility('exhaust_rat', 'none');setVisibility('exterior_rat', 'none');setVisibility('heating_rat', 'inline');setVisibility('interior_rat', 'none');setVisibility('suspension_rat', 'none')*/">Heating & A/C</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','interior_rat');/*setVisibility('brakes_rat', 'none');setVisibility('engine_rat', 'none');setVisibility('exhaust_rat', 'none');setVisibility('exterior_rat', 'none');setVisibility('heating_rat', 'none');setVisibility('interior_rat', 'inline');setVisibility('suspension_rat', 'none')*/">Interior</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rat','suspension_rat');/*setVisibility('brakes_rat', 'none');setVisibility('engine_rat', 'none');setVisibility('exhaust_rat', 'none');setVisibility('exterior_rat', 'none');setVisibility('heating_rat', 'none');setVisibility('interior_rat', 'none');setVisibility('suspension_rat', 'inline')*/">Suspension & Steering</a></li>
 
    </div>
<div align="center" id="brakes_rat">
	
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Brakes</strong><br /><br />
    <strong>Front Brakes</strong><br />
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76929" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76930" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76931" class="blacklink_standard1">2006-2009 Miata/MX-5</a><br />      <br />
 
      
      <strong>Rear Brakes</strong>
  <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76935" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76936" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76937" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
    
  </div>
  <div align="center" id="engine_rat">
 
  		
        <div align="left" id="copy" div class="blacklink_standard text"><strong>Engine & Drivetrain</strong><br /><br />
        <strong>Clutch, Drivetrain & Differential</strong><br />
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77067" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77068" class="blacklink_standard1">1999-2005 Miata</a><br />
      <br />
      
      <strong>Cooling System</strong>
 
  <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77584" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77585" class="blacklink_standard1">1999-2005 Miata</a><br />
      <br />
      
      <strong>Engine</strong>
  <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77596" class="blacklink_standard1">1990-1997 Miata</a><br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77597" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77598" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span>
      
      </div>
    
  </div>
  <div align="center" id="exhaust_rat">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Exhaust & Fuel</strong><br /> <br />
 
    
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77512" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77513" class="blacklink_standard1">1999-2005 Miata</a><br />
      </span></div>
      
    
  </div>
   <div align="center" id="exterior_rat">
   <div align="left" id="copy" div class="blacklink_standard text"><strong>Exterior</strong><br /> <br />
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77602" class="blacklink_standard1">1990-1997 Miata</a><br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77603" class="blacklink_standard1">1999-2005 Miata</a><br />
      </span></div>
      
    
  </div>
   <div align="center" id="heating_rat">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Heating & AC</strong><br /> <br />
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77608" class="blacklink_standard1">1990-1997 Miata</a><br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77609" class="blacklink_standard1">1999-2005 Miata</a><br />
      </span></div>
      
    
  </div>
   <div align="center" id="interior_rat">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Interior</strong><br /> <br />
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77590" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77591" class="blacklink_standard1">1999-2005 Miata</a><br />
 
      </span></div>
      
    
  </div>
   <div align="center" id="suspension_rat">
   
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Suspension & Steering</strong><br /><br />
    <strong>Front Suspension</strong><br />
    
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77614" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77615" class="blacklink_standard1">1999-2005 Miata</a><br />
 
      <br /><br />
      
      <strong>Rear Suspension</strong>
  <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77620" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77621" class="blacklink_standard1">1999-2005 Miata</a><br />
      </span></div>
    
  </div>
 
  </div>
  
  
  
  
 
  
  
  <div id="rabbit">
  <div id="rabbit_title"></div>
  <div id="list3">
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rabbit','exhaust');/*setVisibility('exhaust', 'inline');setVisibility('steel', 'none');setVisibility('shifter', 'none');setVisibility('wire', 'none');setVisibility('battery', 'none');setVisibility('brake', 'none')*/">Dual Exhaust by Borla</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rabbit','steel');/*setVisibility('exhaust', 'none');setVisibility('steel', 'inline');setVisibility('shifter', 'none');setVisibility('wire', 'none');setVisibility('battery', 'none');setVisibility('brake', 'none')*/">Stainless Steel Exhaust </a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rabbit','shifter');/*setVisibility('exhaust', 'none');setVisibility('steel', 'none');setVisibility('shifter', 'inline');setVisibility('wire', 'none');setVisibility('battery', 'none');setVisibility('brake', 'none')*/">Short Throw Shifter</a></li>
 
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rabbit','wire');/*setVisibility('exhaust', 'none');setVisibility('steel', 'none');setVisibility('shifter', 'none');setVisibility('wire', 'inline');setVisibility('battery', 'none');setVisibility('brake', 'none')*/">Factory NGK Ignition Wire Sets</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rabbit','battery');/*setVisibility('exhaust', 'none');setVisibility('steel', 'none');setVisibility('shifter', 'none');setVisibility('wire', 'none');setVisibility('battery', 'inline');setVisibility('brake', 'none')*/">Westco Battery </a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('rabbit','brake');/*setVisibility('exhaust', 'none');setVisibility('steel', 'none');setVisibility('shifter', 'none');setVisibility('wire', 'none');setVisibility('battery', 'none');setVisibility('brake', 'inline')*/">Performance Brake Kit</a></li>
    </div>
  <div align="center" id="exhaust">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Mazda Miata Dual Exhaust by Borla</strong><br />
      
      Manufactured exclusively for Moss Motors by Borla  its perfect for your Miata and the carries the Borla name you trust. This amazing system is not just another pretty face, it provides a 60% increase in exhaust flow over stock. If you have invested in other performance modifications for your Mazda Miata, you need to add this exhaust.
  <br />
 
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73705" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77522" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77523" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
    <div align="right" id="pic"><img src="Best_Sellers/images/exhaust.jpg" alt="Mazda Miata Dual Exhaust by Borla" width="195" height="175" /></div>
  </div>
  <div align="center" id="steel">
 
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Stainless Steel Exhaust by Cobalt</strong><br />
      
      With a sporty exhaust note and a mirror polish that shines like chrome, Cobalts Mazda Miata Sport Exhaust is the perfect exhaust for your favorite Roadster. Full of features normally found in more expensive exhaust systems, like 1.2 mm thick polished Stainless Steel, CNC cut flanges, and a 5 Year Warranty.
  <br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73761&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73723" class="blacklink_standard1">1999-2005 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="right" id="pic"><img src="Best_Sellers/images/steal_exhaust.jpg" alt="Stainless Steel Exhaust by Cobalt" width="195" height="175" /></div>
  </div>
 
  
<div align="center" id="shifter">
  <div align="left" id="copy" div class="blacklink_standard text"><strong>Short Throw Shifter by Cobalt</strong><br />
    
    The Mazda Miata has a great gearbox but Cobalt has succeeded in making it even sportier by reducing shift throw by 25%. Zinc-plated steel is tougher than billet aluminum shifters that have been known to break. Kit has everything you need for an easy install.
  <br />
    <br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77055&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77056&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=75114&SortOrder=1" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
 
    <div align="right" id="pic"><img src="Best_Sellers/images/shifter.jpg" alt="Short Throw Shifter by Cobalt" width="195" height="175" /></div>
  </div>
  
<div align="center" id="wire">
  <div align="left" id="copy" div class="blacklink_standard text"><strong>Factory NGK Ignition Wire Sets</strong><br />
    
    NGK Ignition Wires are specifically designed to carry maximum current while resisting radio interference on all frequencies. The EPDM insulation helps with heat resistance for longer life.
  <br />
    <br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77294&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
 
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77295&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="right" id="pic"><img src="Best_Sellers/images/wire.jpg" alt="Factory NGK Ignition Wire Sets" width="195" height="175" /></div>
  </div>
  
<div align="center" id="battery">
  <div align="left" id="copy" div class="blacklink_standard text"><strong>Westco Battery (12V31M Sealed)</strong><br />
    
    Dont settle for a conventional replacement battery for your Mazda Miata. The Westco sealed battery is specially designed for optimal performance in your Miata. Features 30% more cranking amps and slower self-discharge rate for longer life.<br />
    <br />
 
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73049&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73050&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="right" id="pic"><img src="Best_Sellers/images/battery.jpg" alt="Westco Battery (12V31M Sealed)" width="195" height="175" /></div>
  </div>
  
<div align="center" id="brake">
  <div align="left" id="copy" div class="blacklink_standard text"><strong>Performance Brake Kit</strong><br />
    
    This kit gives you everything you need to upgrade your brakes with just one part number. Kit includes Mintex brake pads, Brembo slotted front and rear rotors, and 4 stainless steel brake lines.
  <br />
 
    <br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76886&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=76887&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="right" id="pic"><img src="Best_Sellers/images/brake_kit.jpg" alt="Plush Custom Floor Mats" width="195" height="175" /></div>
  </div>
  </div>
  
  
  
  
  
  
  
  <div id="dog">
      <div id="dog_title"></div>
 
  <div id="list2">
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','floor');/*setVisibility('floor', 'inline');setVisibility('console', 'none');setVisibility('cup', 'none');setVisibility('seat', 'none');setVisibility('style', 'none');setVisibility('wind', 'none');setVisibility('leather', 'none')*/">Plush Custom Floor Mats</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','console');/*setVisibility('floor', 'none');setVisibility('console', 'inline');setVisibility('cup', 'none');setVisibility('seat', 'none');setVisibility('style', 'none');setVisibility('wind', 'none');setVisibility('leather', 'none')*/">Redesigned Center Console</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','cup');/*setVisibility('floor', 'none');setVisibility('console', 'none');setVisibility('cup', 'inline');setVisibility('seat', 'none');setVisibility('style', 'none');setVisibility('wind', 'none');setVisibility('leather', 'none')*/">Factory Style Cup Holder</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','seat');/*setVisibility('floor', 'none');setVisibility('console', 'none');setVisibility('cup', 'none');setVisibility('seat', 'inline');setVisibility('style', 'none');setVisibility('wind', 'none');setVisibility('leather', 'none')*/">Deluxe Velour Seat Covers</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','style');/*setVisibility('floor', 'none');setVisibility('console', 'none');setVisibility('cup', 'none');setVisibility('seat', 'none');setVisibility('style', 'inline');setVisibility('wind', 'none');setVisibility('leather', 'none')*/">Style Bar by Cobalt</a></li>
 
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','wind');/*setVisibility('floor', 'none');setVisibility('console', 'none');setVisibility('cup', 'none');setVisibility('seat', 'none');setVisibility('style', 'none');setVisibility('wind', 'inline');setVisibility('leather', 'none')*/">Wind Blocker by Cobalt</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('dog','leader');/*setVisibility('floor', 'none');setVisibility('console', 'none');setVisibility('cup', 'none');setVisibility('seat', 'none');setVisibility('style', 'none');setVisibility('wind', 'none');setVisibility('leather', 'inline')*/">Deluxe Leather Seat Covers</a></li>
    </div>
    
  
  
<div align="center" id="floor">
  <div align="left" id="copy" div class="blacklink_standard text"><strong>Plush Custom Floor Mats</strong>    <br />
    You'll want to drive your Miata barefoot! Thick, dense pile carpet with a heavy rubber nibbed backing will keep these mats securely in place, and the edges are bound in vinyl for a finished look. Black or tan carpet to match your interior, and a variety of logos and colors to choose from!<br />
 
    <br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74489" class="blacklink_standard1">1990-1997 Miata</a><br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74490" class="blacklink_standard1">1999-2005 Miata</a><br />
    <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74620" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
    <div align="left" id="pic"><img src="Best_Sellers/images/floor_mats.jpg" alt="Plush Custom Floor Mats" width="195" height="175" /></div>
  </div>
  <div align="center" id="console">
 
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Redesigned Center Console</strong>    <br />
      This is the center console that Mazda should have designed for the MkI Miata. The cup holder is moved off to the passenger side and length is added to the lockable console so you can actually put things in there. Incredibly easy to install too.<br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78103" class="blacklink_standard1">1990-1997 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77813&SortOrder=4" class="blacklink_standard1">1999-2005 Miata</a><br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="left" id="pic"><img src="Best_Sellers/images/console.jpg" alt="PRedesigned Center Console" width="195" height="175" /></div>
  </div>
  <div align="center" id="cup">
 
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Factory Style Cup Holder</strong>    <br />
      Our aftermarket cup holder is a perfect fit for the Miata owner on the go. Textured to match your factory console, cup holder features a rubber mat that fits under the cup holder to catch and retain spills. Install in seconds in place of your factory ashtray.<br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74511&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77813&SortOrder=4" class="blacklink_standard1">1999-2005 Miata</a><br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="left" id="pic"><img src="Best_Sellers/images/cup_holder.jpg" alt="Factory Style Cup Holder" width="195" height="175" /></div>
  </div>
  <div align="center" id="seat">
 
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Deluxe Velour Seat Covers</strong>    <br />
      Manufactured and custom fit exclusively for your Miata; not a generic seat cover. Made from a heavy black colored cloth velour fabric, these covers have a soft and inviting feel, and provide protection for your original upholstery.<br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78138&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78139&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78140&SortOrder=1" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
 
    <div align="left" id="pic"><img src="Best_Sellers/images/velour_seats.jpg" alt="Deluxe Velour Seat Covers" width="195" height="175" /></div>
  </div>
  <div align="center" id="style">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Style Bars by Cobalt</strong>    <br />
      Another Moss Exclusive! This new Style Bar by Cobalt is manufactured in such a way that it adds style to your Mazda Miata without sacrificing interior panels or space. Choose from Chrome or Black Powdercoat.<br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73893&SortOrder=4" class="blacklink_standard1">1990-1997 Miata</a><br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73894" class="blacklink_standard1">1999-2005 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
    <div align="left" id="pic"><img src="Best_Sellers/images/style_bar.jpg" alt="Style Bars by Cobalt" width="195" height="175" /></div>
  </div>
  <div align="center" id="wind">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Wind Blockers by Cobalt</strong>    <br />
      Cobalt wind blockers help eliminate the wind buffeting that takes the fun out of going topless. Now you can have conversations instead of shouting matches. And there is no need to remove the wind stop to put the convertible top up or down.<br />
      <br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74315&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74316&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74736" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
    <div align="left" id="pic"><img src="Best_Sellers/images/wind_blocker.jpg" alt="Wind Blockers by Cobalt" width="195" height="175" /></div>
  </div>
  <div align="center" id="leather">
    <div align="left" id="copy" div class="blacklink_standard text"><strong>Deluxe Leather Seat Covers</strong>    <br />
 
      Upgrade to leather seats for your Miata without paying the high labor costs for a professional installation. These covers feature leather in the seating surface insert, and have been made in a way that allows you to simply stretch and fit them over your existing seats  do it yourself! Made specifically for your Miatas seats.<br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78141&SortOrder=5" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78142&SortOrder=5" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78143&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
    <div align="left" id="pic"><img src="Best_Sellers/images/seat_leather.jpg" alt="Deluxe Leather Seat Covers" width="195" height="175" /></div>
  </div>
 
  </div>
  
  
  
  
  
  
  
  
  
 
  
  <div id="cat">
  <div id="cat_title"></div>
    <div id="list1">
      <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','fuel_lid');/*setVisibility('fuel_lid', 'inline');setVisibility('headlamp', 'none');setVisibility('stormproof', 'none');setVisibility('air_intake', 'none');setVisibility('spoiler', 'none');setVisibility('top', 'none');setVisibility('luggage', 'none');setVisibility('scoop', 'none')*/">Chrome Fuel Lid Door Kit</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','headlamp');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp','inline');setVisibility('stormproof', 'none');setVisibility('air_intake', 'none');setVisibility('spoiler', 'none');setVisibility('top', 'none');setVisibility('luggage', 'none');setVisibility('scoop', 'none')*/">Dual Headlamp System</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','stormproof');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp', 'none');setVisibility('stormproof', 'inline');setVisibility('air_intake', 'none');setVisibility('spoiler', 'none');setVisibility('top', 'none');setVisibility('luggage', 'none');setVisibility('scoop', 'none')*/">Stormproof Car Cover</a></li>
 
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','air_intake');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp', 'none');setVisibility('stormproof', 'none');setVisibility('air_intake', 'inline');setVisibility('spoiler', 'none');setVisibility('top', 'none');setVisibility('luggage', 'none');setVisibility('scoop', 'none')*/">Turn Signal Air Intake</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','spoiler');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp', 'none');setVisibility('stormproof', 'none');setVisibility('air_intake', 'none');setVisibility('spoiler', 'inline');setVisibility('top', 'none');setVisibility('luggage', 'none');setVisibility('scoop', 'none')*/">Rear Lip Spoiler</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','top');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp', 'none');setVisibility('stormproof', 'none');setVisibility('air_intake', 'none');setVisibility('spoiler', 'none');setVisibility('top', 'inline');setVisibility('luggage', 'none');setVisibility('scoop', 'none')*/">Streamline Convertible Top</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','luggage');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp', 'none');setVisibility('stormproof', 'none');setVisibility('air_intake', 'none');setVisibility('spoiler', 'none');setVisibility('top', 'none');setVisibility('luggage', 'inline');setVisibility('scoop', 'none')*/">Vintage Style Luggage Rack</a></li>
    <li><a href="#" class="blacklink_standard" onMouseOver="hielo('cat','scoop');/*setVisibility('fuel_lid', 'none');setVisibility('headlamp', 'none');setVisibility('stormproof', 'none');setVisibility('air_intake', 'none');setVisibility('spoiler', 'none');setVisibility('top', 'none');setVisibility('luggage', 'none');setVisibility('scoop', 'inline')*/">Cool Breeze Scoop</a></li>
    </div>
 
    <div align="center" id="fuel_lid">
      <div class="blacklink_standard text" id="copy">
        <strong>Chrome Fuel Lid Door Kit</strong><br />
        Add the look of trick, hand crafted one off race parts to your Miata/MX-5. Our fuel lid door kits are as functional as they are stylish. They install in about 10 minutes using existing mounting holes. Uses your stock remote lid opener. Kit is complete and ready to install. Instructions included.<br />
        <br />
        <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78399&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
        <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77804&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><br />
 
        <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77805&SortOrder=1" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
                  
    <div align="left" id="pic"><img src="Best_Sellers/images/lid.jpg" alt="Chrome Fuel Lid Door Kit" width="195" height="175" /></div>
    </div>
    <div align="center" id="headlamp"><div class="blacklink_standard text" id="copy">
      <strong>Dual Headlamp System</strong><br />
      Add Hella headlight power and make those huge pop-up lights a lot more low-profile. This kit incorporates the best products on the market with all the features you need. Hella Lo and Hi Beam lamps are supplied; the bucket design is one-piece for easy installation and powdercoated black to look good for a long time; plug-n-play wiring looms included; and complete instructions with lots of pictures.<br />
      <br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78402&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
      <!--<a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77804&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77805&SortOrder=1" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/headlamp.jpg" alt="Dual Headlamp System" width="195" height="175" /></div>
    </div>
    <div align="center" id="stormproof"><div class="blacklink_standard text" id="copy">
      <strong>Stormproof Car Cover</strong><br />
      Advanced micro-fiber material made of high-tech microscopic yarns makes the Stormproof cover the top of the line. This is the most water resistant and most breathable car cover you can buy. The 5-year warranty is great too.<br />
 
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77812&SortOrder=3" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77813&SortOrder=4" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/storm_cover.jpg" alt="Stormproof Car Cover" width="195" height="175" /></div>
    </div>
    <div align="center" id="air_intake"><div class="blacklink_standard text" id="copy">
 
      <strong>Turn Signal Air Intake</strong><br />
      This set replaces your stock turn signals and supplies cool air to the engine compartment. The molded urethane scoop gives your Miata an aggressive look plus incorporates a turn/park lamp assembly so that function is retained.<br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77985&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
      <!--<a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77813&SortOrder=4" class="blacklink_standard1">1999-2005 Miata</a><br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=78398&SortOrder=5" class="blacklink_standard1">2006-2009 Miata/MX-5</a>--></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/air_intake.jpg" alt="Turn Signal Air Intake" width="195" height="175" /></div>
    </div>
 
    <div align="center" id="spoiler"><div class="blacklink_standard text" id="copy">
      <strong>Rear Lip Spoiler</strong><br />
      This factory-style lip spoiler adds style, without looking obnoxious. Spoiler is supplied ready to be prepped and painted by a professional body shop.    <br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=73832&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><!--<br />
                <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77813&SortOrder=4" class="blacklink_standard1">1999-2005 Miata</a>--><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=74108&SortOrder=1" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/spoiler.jpg" alt="Mazda Miata Factory Style Spoiler" width="195" height="175" /></div>
 
    </div>
    <div align="center" id="top"><div class="blacklink_standard text" id="copy">
      <strong>Streamline Convertible Tops by Robbins</strong><br />
      Streamline tops eliminate the deck seams (front to back seams above the doors) and the rear window panel standard on 90-05 Mazda Miatas, making for an outstanding top that is sleek and smooth. The top incorporates a zipperless window and streamlined manufacturing side for a great value. Streamline Tops are available with a few options: Vinyl or Cloth, defroster or no defroster, plastic or glass windows.
      <br />
      <br />
      <a href="http://www.miatamania.com/Browse/PlateMenuProducts.aspx?WebCatalogID=38&PlateTypeID=1&SubcomponentID=320&ComponentID=39" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Browse/PlateMenuProducts.aspx?WebCatalogID=39&PlateTypeID=1&SubcomponentID=320&ComponentID=39" class="blacklink_standard1">1999-2005 Miata</a><br />
 
      <a href="http://www.miatamania.com/Browse/PlateMenuProducts.aspx?WebCatalogID=40&PlateTypeID=1&SubcomponentID=320&ComponentID=39" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/top.jpg" alt="Streamline Mazda Miata Convertible Top by Robbins" width="195" height="175" /></div>
    </div>
    <div align="center" id="luggage"><div class="blacklink_standard text" id="copy">
      <strong>Vintage Style Luggage Rack</strong><br />
      For the on the go Mazda Miata enthusiast, our vintage style luggage rack fills the need. Classic designed luggage rack is removable for easy storage when not in use and holds up to 50 pounds. Polished stainless steel looks great and will for a long time. <br />
      <br />
 
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77830&SortOrder=1" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77831&SortOrder=1" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=77832&SortOrder=1" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/luggage.jpg" alt="Vintage Style Luggage Rack" width="195" height="175" /></div>
    </div>
    <div align="center" id="scoop"><div class="blacklink_standard text" id="copy">
      <strong>Cool Breeze Scoop</strong><br />
 
      Do you find yourself hot and uncomfortable even though the top is down? The Cool Breeze Scoop forces fresh air in over the console and into the foot wells. The Cool Breeze Scoop is an easy-on/easy-off accessory that takes less then 10 seconds to install and fits easily in your glove box when not in use. <br />
      <br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=79244" class="blacklink_standard1">1990-1997 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=79245" class="blacklink_standard1">1999-2005 Miata</a><br />
      <a href="http://www.miatamania.com/Shop/ViewProducts.aspx?PlateIndexID=79246" class="blacklink_standard1">2006-2009 Miata/MX-5</a></span></div>
      <div align="left" id="pic"><img src="Best_Sellers/images/scoop.jpg" alt="Cool Breeze Scoop" width="195" height="175" /></div>
    </div>
 
  </div>
  
  
  
  
 
  
 
</div>
      </div>
<!-- Footer -->
 
 
<div id="footer">
      <div align="center" id="nav_botton"><a href="http://www.miatamania.com/Home.aspx"><img src="NavBottom/bottom_home.jpg" alt="Home" width="53" height="13" /></a><a href="http://www.miatamania.com/Shop/ShopCart.aspx"><img src="NavBottom/bottom_shopcart.jpg" alt="Shopping Cart" width="85" height="13" /></a><a href="http://www.miatamania.com/CustomerService/CustomerServiceIndex.aspx"><img src="NavBottom/bottom_servicecenter.jpg" alt="Service Center" width="118" height="13" /></a><a href="http://www.miatamania.com/Account/AccountIndex.aspx"><img src="NavBottom/bottom_myaccount.jpg" alt="My Account" width="95" height="13" /></a><a href="http://www.miatamania.com/AboutMoss/ContactUs.aspx"><img src="NavBottom/bottom_contactus.jpg" alt="Contact Us" width="93" height="13" /></a><a href="http://www.miatamania.com/AboutMoss/AboutUs.aspx"><img src="NavBottom/bottom_aboutus.jpg" alt="About Us" width="82" height="13" /></a><a href="https://www.miatamania.com/CatalogRequest/RequestForm.aspx"><img src="NavBottom/bottom_catalog.jpg" alt="Catalog" width="69" height="13" /></a></div>
  <div align="center" class="copyright_paragraph style10" id="copyright">© Copyright 2009 Moss Motors, Ltd. All Rights Reserved.</div>
  <div align="center" id="othersites"></div>
 
      <div align="center" id="graybar">
        <div align="left" id="fmuscle"><a href="http://www.mossmuscle.com"><img src="NavBottom/button_mustang.gif" alt="Moss Muscle" width="83" height="40" /></a><br />
          <div id="flogosbt"><a href="http://www.mossmuscle.com" class="whitelink_standard">www.mossmuscle.com</a></div>
        </div>
          <div align="left" id="flogos"><a href="http://www.mossmotors.com"><img src="NavBottom/marques.gif" alt="Moss Motors" width="110" height="52" /></a><br />
            <div id="mosstb"><a href="http://www.mossmuscle.com" class="whitelink_standard">www.mossmotors.com</a></div>
          </div>
          <div align="left" id="flogos"><a href="http://www.mossmini.com"><img src="NavBottom/button_mini.gif" alt="Moss Mini" width="67" height="49" /></a><br />
 
            <div id="flogosbt"><a href="http://www.mossmini.com" class="whitelink_standard">www.mossmini.com</a></div>
          </div>
          <div align="left" id="flogosb"><a href="http://www.supercharger.com"><img src="NavBottom/button_jacksonracing.gif" alt="Super Charger" width="110" height="49" /></a><br />
            <div id="flogosbt"><a href="http://www.mossmini.com" class="whitelink_standard">www.supercharger.com</a></div>
          </div>
          <div align="left" id="flogosb"><a href="http://www.powercardtuning.com" class="whitelink_standard"><img src="NavBottom/button_PowerCard.gif" alt="Power Card Tuning" width="193" height="54" /></a><br />
            <div id="mosstb"><a href="http://www.mossmini.com" class="whitelink_standard">www.powercardtuning.com</a></div>
 
          </div>
      </div>
</div>
 
 
<script src='http://www.google-analytics.com/urchin.js' type='text/javascript'>
</script>
<script type='text/javascript'>
_uacct = 'UA-372701-2';
urchinTracker();
</script>
</body>
</html>

Open in new window