Cambio background CSS con jQuery

[Faycop]

Ciao a tutti ho un problema, voglio fare tramite jquery un if che al click controlla se il background di un div sia impostato a "top" se si, lo cambia in "bottom", altrimenti, se è in "bottom" lo mette in "top" (una specie di sprite dinamico per intenderci). Solo che non riesco, cosa sbaglio? vi posto il codice

<script type="text/javascript">
$(document).ready(function(){
$("div#header").click(function(event) {
event.preventDefault();

if ($("div#header").css("background","top"))
{
$("div#header").css("background","bottom");
}
else
{
$("div#header").css("background","top")
}
});
});
</script>

Grazie!

[bonaprogram]

usa background-position

[Faycop]

Nulla, ho provato anche a cambiare

$("div#header").click(function(event) {

con

$("a.info").click(function(event) {

visto che vorrei fare che il background cambia tramite click su un link ma anche qui non funziona

(ovviamente ho modificato il css togliendo il valore top in background e creando una nuova propietà background-position)

altre idee?

[Faycop]

Ok con un pò di pazienza sono riuscito però a metà,

praticamente riesco a portare il background-position da top a bottom ma non il contrario!

Cioè una volta cambiato il background position non ne vuole più sapere di ricambiarlo, che sia in "top" "left" "right" e via dicendo...

ho provato sia a modificare il valore tramite style inline

<div id="header" style="background-position: center top;"> 

ed accedervi tramite

if ("div#header[style=background-position: center top;]") 

per cambiarlo in "bottom".

E funziona, ma all'else non ne vuole sapere di portarlo a "top"

Cosa sbaglio?