var cityArr = new Array();

function cityChooser(select, parent, number)
{
	this.select = $(select);
	this.parent = $(parent);	
	this.number = number;		
	this.init();
}

cityChooser.prototype.init = function()
{
	var that = this;
	this.select.onchange = function()
	{
		if(this.value == '0')
		{
			that.parent.innerHTML = '';
			that.parent.className = '';						
			return;
		}
		var value = this.value;		
		var index = this.selectedIndex;
		var text = this.options[index].text;
		
		/*
		if(cityArr.indexOf(value) == -1 && cityArr.length < that.number)
		{			
			if(!that.parent.className.match('filledChooser'))
			{
				that.parent.className = 'filledChooser';
			}	
			*/
		spans = $('cityChooserLayer').getElementsByTagName('span');
		var cityExists = false;
		for(var i=0; i<spans.length; i++)
		{
			if(spans[i].className.match('hidden'))
			{
				if(spans[i].innerHTML == value)
				{
					cityExists = true;
					break;
				}
			}
		}
		if(!cityExists)
		{
			that.showCity(value, text);
		}
		//}		
	}
}

cityChooser.prototype.showCity = function(city, hiddentext)
{	
	var that = this;
	var div = document.createElement('div');
	var span_text = document.createElement('span');
	span_text.className = 'cityText';
	span_text.innerHTML = hiddentext;
	var hidden = document.createElement('span');
	hidden.className = 'hidden';
	hidden.innerHTML = city;
	var span_link = document.createElement('span');
	span_link.className = 'cityLink';
	span_link.innerHTML = '[töröl]';
	var clearer = document.createElement('span');
	clearer.className = 'clear';
	div.appendChild(hidden);
	div.appendChild(span_text);
	div.appendChild(span_link);
	div.appendChild(clearer);
	this.parent.appendChild(div);
    var oXML = new FCKXml();
    oXML.LoadUrl('setCitySession.php?todo=set&id=' + city, function(xml){})
	span_link.onclick = function(e)
	{	
		var item = Utils.getEventSource(e);
		var link = item.parentNode.getElementsByTagName('span')[0].innerHTML;
		item.parentNode.parentNode.removeChild(item.parentNode);
	    var oXML = new FCKXml();		
		oXML.LoadUrl('setCitySession.php?todo=delete&id=' + link,function(xml){})		
	}
}

new cityChooser('cities','cityChooserLayer',20);

function setDeleteLinks()
{
	spans = $('cityChooserLayer').getElementsByTagName('span');
	for(var i=0; i<spans.length; i++)
	{
		if(spans[i].className.match('cityLink'))
		{
			spans[i].onclick = function(e)
			{
				var item = Utils.getEventSource(e);
				var link = item.parentNode.getElementsByTagName('span')[0].innerHTML;
				item.parentNode.parentNode.removeChild(item.parentNode);
				var oXML = new FCKXml();		
				oXML.LoadUrl('setCitySession.php?todo=delete&id=' + link,function(xml){})		
			}
		}
	}
}

setDeleteLinks();