Variables JavaScript en CSS

[Gush]

Buenas!

Estoy haciendo una mini app para mi web para poder cambiar el color de fondo y el color de la imagen.

Hasta ahora me ha trabajado bien usando un archivo flash con sus capas. Pero me falla al cargar la imagen. Me queda descentrada.

Lo que quiero hacer es pasar todo esto hecho en flash a capas div.

Lo que haré es:
- Capa fondo (se le cambia el color del fondo)
- Capa imagen (se le carga la imagen del producto y se le modifica el color <esto no sé cómo hacerlo>)


De momento tengo unas funciones javascript que me almacenan el color pulsado:

Código PHP:

  function color(c, tcolor){ 
      col = c; 
      textoColor = tcolor; 
      document.getElementById("color").value=tcolor; 
      cargarFlash(); 
    } 
     
    function fondo(f){ 
      fon = f; 
      cargarFlash(); 
    } 
    
   
    function cargarFlash(){ 
      var flashvars = {color: col, fondo: fon}; 
      var params = {}; 
      var attributes = {}; 
      swfobject.embedSWF( "productos/flash.swf", "prod_swf", "322", "322", "9.0.0", "", flashvars, params, attributes); 
    }  
   

Este código es el que activa el flash. Se debería de adaptar el Swfobject.embedSWF( ...) para que me lo aplique a un div.

Los divs que he creado son estos:

Código PHP:

  
.fondo{width: 322 px; height: 322 px; background: #<?php echo $fondo ?>')} 
.imagen{width:322 px, height:322px; background: url('productos/imagenes/<?php echo $imagen ?>')}//+ lo de seleccionar color imagen  

Y el selector del color es este:

Código HTML:

//Color de la imagen
<a name="Negro" href="javascript:color(#000, 'Negro')"></a>   
<a name="Blanco" href="javascript:color(#FFF, 'Blanco')"></a>

// Color del fondo
<a name="Blanco" href="javascript:fondo(#FFF)"></a>
<a name="Negro" href="javascript:fondo(0x000000)"></a> 

Muchas gracias de antemano, y si veis que no se puede hacer, díganmelo que me estoy volviendo locooo