title: Recoloring an image in jquery, ajax or with pure css
body: <p>I'm trying to build a wizard and I'm new to ajax and jquery. I'm just a html/css gal. I'm trying it this way since flash won't work on any apple device.  Anyway I've downloaded <a href="http://techlaboratory.net/smartwizard" rel="nofollow">http://techlaboratory.net/smartwizard</a>  And will be working off of this to build my  wizard.  </p>
  
  <p>Essentially what I'm building is a wizard that in each step will help you build your car seat.  The problem arises that there are multiple types of colors to choose from and then multiple insert colors on top of that.  So you could pick a black seat for example, but then if you decided to purchase a seat with an insert, you can pick a variety of colors like yellow or blue or something.  There are so many seat colors + insert colors I didn't want to load that large of a selection of images into a database to pull from. </p>
  
  <p>What I was considering doing was saving two separate png image files, one for the seat and another for the inserts.  If the customer chooses the seat with an insert they each are on their own z-index and then I use a css overlay to color each z-index.  The issue is can i just color the image itself without bleeding off of the image to the background or lower indexed image?  Maybe there's a better way with ajax someone knows of to select and change the color of each item?</p>