var openList;

function CSShowList() {
	if(document.getElementById('csl').style.display != 'block') {
		document.getElementById('csl').style.display = 'block';
		openList = true;
	}
	return false;
}

function CSSetCity(cityId) {
	document.getElementById('csf').innerHTML = document.getElementById('ca' + cityId).innerHTML;
	var CSLinks = document.getElementById('csl').childNodes;
	var i;
	for(i=0;i<CSLinks.length;i++) {
		if(CSLinks[i].id) {
			if(CSLinks[i].id.substr(2)==cityId) {
				CSLinks[i].className='act';
                if (document.getElementById('cb' + CSLinks[i].id.substr(2))) {
                    document.getElementById('cb' + CSLinks[i].id.substr(2)).style.display = 'block';
                }
                if (document.getElementById('cs' + CSLinks[i].id.substr(2))) {
                    document.getElementById('cs' + CSLinks[i].id.substr(2)).className += ' act';
                }
			} else { 
				CSLinks[i].className='';
                if (document.getElementById('cb' + CSLinks[i].id.substr(2))) {
                    document.getElementById('cb' + CSLinks[i].id.substr(2)).style.display = 'none';
                }
                if (document.getElementById('cs' + CSLinks[i].id.substr(2))) {
                    var ioAct = document.getElementById('cs' + CSLinks[i].id.substr(2)).className.indexOf(' act');
                    if (ioAct != -1) 
                        document.getElementById('cs' + CSLinks[i].id.substr(2)).className = document.getElementById('cs' + CSLinks[i].id.substr(2)).className.substr(0, ioAct);
                }
			}
		}
	}
	return false;
}

document.onclick = function(event) {
	if(!event) event = window.event;
	if(!openList) {
		document.getElementById('csl').style.display = 'none';
	}
	openList = null;
}