Non mi funziona backgroundposition

[Draxent]

Sempre il solito problema
la linea "city = document.getElementById('visual');" mi da errore e non capisco perchè.
Come posso fare ragazzi ?

<script language="javascript" type="text/javascript"> 
function effect(arrow, i) {  
if(arrow == 1) { button = document.getElementById('arrowleft'); x = 0; y = 50; }
if(arrow == 2) { button = document.getElementById('arrowtop'); x = 50; y = 0; }
if(arrow == 3) { button = document.getElementById('arrowbottom'); x = 50; y = 100; }
if(arrow == 4) { button = document.getElementById('arrowright'); x = 100; y = 50; }
city = document.getElementById('visual');
if(i == 1) button.style.backgroundPosition = "50% top"; 
if(i == 2) button.style.backgroundPosition = "50% center"; 
if(i == 3) { 
button.style.backgroundPosition = "50% bottom"; 
city.style.backgroundPosition = x+"% "+y+"%";
}
} 
</script> 

ps: fino a mo siente stati favolosi grazie di tutto!!!