var scOb = document.getElementById("drop-list");
scOb.inpField = scOb.getElementsByTagName("div")[0];
scOb.hidField = scOb.getElementsByTagName("input")[0];
var submBtn = document.getElementById("afiseaza");
var ulElem = scOb.getElementsByTagName("ul")[0];
var liElem = ulElem.getElementsByTagName("li");
var hidIntvl;
scOb.crtItem = null;
scOb.style.backgroundPosition = "0px 0px";
scOb.setNewCateg = function(ob)
{
	if(this.crtItem != null){
		this.crtItem.className = null;
	}
	this.crtItem = ob;
	ob.className = "selected";
	this.inpField.innerHTML = ob.getElementsByTagName("em")[0].innerHTML;
	this.hidField.value = ob.getElementsByTagName("i")[0].innerHTML; 
	submBtn.title = "Afiseaza scolile din "+this.hidField.value;
	//alert(this.hidField.value);
}
for(var i=0;i<liElem.length;i++)
{
	if(liElem[i].className == "selected") {		
		scOb.setNewCateg(liElem[i]);
	}
	liElem[i].onclick = function(){		
		this.parentNode.parentNode.setNewCateg(this);		
	}
}
scOb.onclick = function(){
	document.forms["countries"].submit();
	ulElem.style.display = ulElem.style.display=="block"?"none":"block";
	this.style.backgroundPosition = this.style.backgroundPosition=="0px 0px"?"0px -22px":"0px 0px";
}
scOb.onmouseout = function(){
	hidIntvl = setTimeout(function(){ulElem.style.display = "none";scOb.style.backgroundPosition = "0px 0px";}, 500);
}
scOb.onmouseover = function(){
	clearTimeout(hidIntvl);
}