cambiar un div por otro en onclick

[jetzona]

estimados tengo una tabla y en el interior de cada celda tengo un div montado que tiene una imagen de fondo, ademas este div dentro de su estilo tiene
cursor: pointer; osea al pasar el cursor por sobre el div aparece la manito, le asigne el evento onclick para rescatar un texto en su interior, pero ahora quiero que al hacer click sobre el div, este cambie, por otro div de similares dimenciones o que cambie solo la imagen de fondo, lo que sea mas sencillo, sera posible????
de ante mano gracias.
aca el codigo del estilo y de como los creo dinamicamente el div al igual que la tabla.

#abc {
background-image: url(img/Poltrona.jpg);----->esta es la imagen de fondo...
height: 29px;
width: 42px;
cursor: pointer;
line-height: 25px;
text-align: center;
}
.mibutk {
padding-right: 10px;
padding-top: 2px;
}

Código PHP:

  $lb =((($ta/2)+2)/2);
            echo '<table border ="0">';
                for ($i=0;$i<2;$i++){
                      echo '<tr>';
                    //******************primera parte
                    $asiento1 = 4;
                    $asiento2 = 3;
                         for ($j=1;$j<5;$j++){
                            if ($i==0){
                                  echo '<td width='.$wc.' height='.$hf.'><div id="abc" onclick="document.getElementById(&quot;asiento&quot;).value='.$asiento2.'">'.'<div id="'.$asiento2.'" class="mibutk">'.$asiento2.'</div>'.'</div></td>';
                            }
                            else {
                                echo '<td width='.$wc.' height='.$hf.'><div id="abc" onclick="document.getElementById(&quot;asiento&quot;).value='.$asiento1.'">'.'<div id="'.$asiento1.'" class="mibutk">'.$asiento1.'</div>'.'</div></td>';
                            }
                        $asiento2 = $asiento2 + 4;
                        $asiento1 = $asiento1 + 4;
                        }
                    //*******************BA&Ntilde;O
                        for ($j=5;$j<7;$j++){
                            echo '<td width="42" height='.$hf.'><div id="abc2"></div></td>';
                        }
                    //*******************segunda parte
                    $asiento3 = 23;
                    $asiento4 = 24;
                        for ($j=7;$j<$lb+1;$j++){
                            if ($i==0){
                                  echo '<td width='.$wc.' height='.$hf.'><div id="abc" onclick="document.getElementById(&quot;asiento&quot;).value='.$asiento3.'">'.'<div id="'.$asiento3.'" class="mibutk">'.$asiento3.'</div>'.'</div></td>';
                            }
                            else {
                                echo '<td width='.$wc.' height='.$hf.'><div id="abc" onclick="document.getElementById(&quot;asiento&quot;).value='.$asiento4.'">'.'<div id="'.$asiento4.'" class="mibutk">'.$asiento4.'</div>'.'</div></td>';
                            }
                        $asiento3 = $asiento3 + 4;
                        $asiento4 = $asiento4 + 4;
                        }
                     echo '</tr>';
                 } 
             echo '</table>'; 
   

a ver si me pueden ayudar con este problemita......