Assegnazione del valore della variabile con select

[esacerbare]

Ciao a tutti,

Ho scaricato da internet questo script:

http://javascript.html.it/script/vedi/4537/fusi-orari/

di cui vi posto un'anteprima:

http://javascript.html.it/demo/javascript/4537/esempio.htm

In pratica io vorrei inserirlo a lato della mia home page e allo stesso tempo vorrei aggiungere un tag select contenente i 5 continenti presi in conto (Africa, The Americas, Asia, Australasia, Europe). Mi piacerebbe che la scelta della città sia conseguente alla scelta del continente e che quindi lo script sia decisamente più piccolo come dimensione.

Esempio

<Choose Continent>

<Choose City>

Nella mia home page ho inserito questo div:

<div class="s_c" id="city_stato">
<script type="text/javascript"><!--
VARIABILE=Africa_Cities_List;
document.write("<select onchange=\"citySelect(this, VARIABILE, 9);\" class=\"theSelect\">");
document.write("<option value=\"&lt; Choose City &gt;\" selected=\"selected\">&lt; Choose City &gt;</option>");
writeItAll(VARIABILE)
document.write("</select>");
//--></script>
</div>

e lo scopo é quello di togliere "VARIABILE=Africa_Cities_List;" ed assegnare a VARIABILE l'array del continente scelto che può essere l'Africa, l'America, l'Asia, l'Australia oppure l'Europe.

Sono 3 lunghe settimane che provo a risolvere questo problema e non so più dove sbattere la testa quindi prima di rinunciare ho deciso di provare a postare qui.

Grazie in anticipo

Marco