var d=document.getElementById("mainform")
if (!d) {
	d=document.createElement("FORM")
	d.setAttribute("id","mainform")
	document.body.appendChild(d)
}

function f0() {
s=document.createElement("SELECT")
s.setAttribute("id","select0")
s.setAttribute("name","select0")
o=document.createElement("OPTION");
o.setAttribute("value","0")
o.innerHTML="Select a country"
s.appendChild(o)
for (i=0;i<level0.length;i++) {
	o=document.createElement("OPTION");
	o.setAttribute("value",level0[i])
	o.innerHTML=level0[i]
	s.appendChild(o)
}
d.appendChild(s)
s.onchange=function() {f1(s.selectedIndex-1) }
}

function f1(n) {
inp=document.getElementById("inputForThisForm");
if (inp) d.removeChild(inp)
s1=document.getElementById("select1")
s2=document.getElementById("select2");
if (s2) d.removeChild(s2)
if (s1) {
	if (n<0) { 
		d.removeChild(s1)
		return 
	}
	while (s1.childNodes.length>0) {
		s1.removeChild(s1.firstChild);
	}
}
else {
	s1=document.createElement("SELECT"); 
	s1.setAttribute("id","select1")
	s1.setAttribute("name","select1")
}
	s1.setAttribute("id","select1")
	o=document.createElement("OPTION");
	o.setAttribute("value","0")
	o.innerHTML="Select a city"
	s1.appendChild(o); 
	for (i=0;i<level1[n].length;i++) {
		o=document.createElement("OPTION");
		o.setAttribute("value",level1[n][i])
		o.innerHTML=level1[n][i]
		s1.appendChild(o)
	}
	d.appendChild(s1)
	s1.onchange=function() { f2(n,s1.selectedIndex-1) }
}

function f2(n,m) {
inp=document.getElementById("inputForThisForm");
if (inp) d.removeChild(inp)
s2=document.getElementById("select2")
if (s2) {
	if (m<0) { 
		d.removeChild(s2)
		return 
	}
	while (s2.childNodes.length>0) {
		s2.removeChild(s2.firstChild);
	}
}
else {
	s2=document.createElement("SELECT"); 
	s2.setAttribute("id","select2")
	s2.setAttribute("name","select2")
}
	s2.setAttribute("id","select2")
	o=document.createElement("OPTION");
	o.setAttribute("value","0")
	o.innerHTML="Select a street"
	s2.appendChild(o);
	for (i=0;i<level2[n][m].length;i++) {
		o=document.createElement("OPTION");
		o.setAttribute("value",level2[n][m][i])
		o.innerHTML=level2[n][m][i]
		s2.appendChild(o)
	}
	d.appendChild(s2)
	s2.onchange=function() {f3(s2.selectedIndex-1)}
}

function f3(m) {
inp=document.getElementById("inputForThisForm")
if (inp) {
	if (m<0) { 
		d.removeChild(inp)
		return 
	}
}
else {
	inp=document.createElement("INPUT"); 
	inp.setAttribute("id","inputForThisForm")
	inp.setAttribute("type","submit")
	inp.setAttribute("value","ClickMe")
	inp.className="button"
	inp.onclick=function(){alert("select0="+document.mainform.select0.value+"\nselect1="+document.mainform.select1.value+"\nselect2="+document.mainform.select2.value)}
	d.appendChild(inp)
}
}

level0=new Array();
level0[0]="Estonia"
level0[1]="Germany"
level0[2]="Russia"

level1=new Array()
level1[0]=new Array();level1[1]=new Array();level1[2]=new Array()
level1[0][0]="Tallinn"
level1[0][1]="P&auml;rnu"
level1[0][2]="Narva"

level1[1][0]="Berlin"
level1[1][1]="Heidelberg"
level1[1][2]="Schwetzingen"

level1[2][0]="Leningrad"
level1[2][1]="Krasnojarsk"
level1[2][2]="Moskau"

level2=new Array(); level2[0]=new Array();level2[1]=new Array();level2[2]=new Array();level2[0][0]=new Array();level2[0][1]=new Array();level2[0][2]=new Array();
level2[1][0]=new Array();level2[1][1]=new Array();level2[1][2]=new Array();level2[2][0]=new Array();level2[2][1]=new Array();level2[2][2]=new Array();
level2[0][0][0]="Viru"
level2[0][0][1]="Raua"

level2[0][1][0]="Mai"
level2[0][1][1]="R&uuml;&uuml;tli"
level2[0][1][2]="Aisa"

level2[0][2][0]="Majaka"
level2[0][2][1]="Allika"

level2[1][0][0]="Lipschitzallee"
level2[1][0][1]="Alexanderplatz"

level2[1][1][0]="Bismarckplatz"
level2[1][1][1]="Emmertsgrundpassage"

level2[1][2][0]="Rheintalstrasse"
level2[1][2][1]="Siedlerstrasse"

level2[2][0][0]="Nevskij"
level2[2][0][1]="Litejnyj"

level2[2][1][0]="Surikova"
level2[2][1][1]="Urickogo"

level2[2][2][0]="Twerskaja"
level2[2][2][1]="Jamskaja"


function disp() {
document.getElementById('dbsample').style.display='block'
}

f0()
