var expandedSelect = null;
//var expandingSelect = false;

function ReplaceSelects(container) {
	var selects = container.getElementsByTagName('select');
	for (var i = 0; i < selects.length; i++) {
		if (!selects[i].replaced && selects[i].id!='city_new') {
			var div = document.createElement('div');
			div.className = selects[i].className;// + ' collapsed';
//			var arrowDiv = document.createElement('div');
	//		arrowDiv.className = "select_arrow collapsed";
			//div.appendChild(arrowDiv);
			div.select = selects[i];
			if (selects[i].id) div.id = selects[i].id + 'replaced';
			div.link = document.createElement('a');
			div.link.href = '#';
			div.link.className = 'button';
			
			if (selects[i].options.length > 0){
				if (selects[i].selectedIndex == -1) selects[i].selectedIndex = 0;
				div.link.innerHTML = selects[i].options[selects[i].selectedIndex].text;
			}
			div.link.onclick =
				function (e) {
					var container = this.parentNode;
					toggleSelect(container);
					if (!e) e = event;
					e.cancelBubble = true;
					return false;
				} // end event
			div.appendChild(div.link);
			div.popup = document.createElement('p');
			div.popup.style.display = 'none';
			if (div.id == "flatTypereplaced")
			{    
			         div.popup.style.height = '230px';
			         div.popup.style.overflowY = 'auto';
			}
			for (var j = 0; j < selects[i].options.length; j++) {
				var item = document.createElement('a');
				item.innerHTML = selects[i].options[j].text;
				item.href = '#';
				item.option = selects[i].options[j];
				item.container = div;
				item.onclick =
					function () {
						this.option.selected = true;
						this.container.link.innerHTML = this.innerHTML;
						if (this.container.select.onchange) this.container.select.onchange();
						collapseSelect();
						return false;
					} // end event
				div.popup.appendChild(item);
			} // end for
			div.appendChild(div.popup);
			selects[i].style.display = 'none';
			selects[i].parentNode.insertBefore(div, selects[i]);
			selects[i].replaced = true;
		} // end if
	} // end for
ChangeBgColor();
} // end function

function collapseSelect(){
	if (expandedSelect) {
//		expandedSelect.className = expandedSelect.className.replace('expanded', 'collapsed');
		expandedSelect.style.position = 'static';
		expandedSelect.popup.style.display = 'none';
	}
	expandedSelect = null;
}
function expandSelect(select){
//	select.className = select.className.replace('collapsed', 'expanded');
	select.style.position = 'relative';
	select.popup.style.display = 'block';
	expandedSelect = select;
}
function isExpanded(select){
	return expandedSelect == select;
}
function toggleSelect(select){
	if (isExpanded(select)) {
		collapseSelect(); 
	} else {
		collapseSelect(); 
		expandSelect(select);
	}
}


function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
		window.onload = func;
	} else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

var ReplaceAllSelects =
	function () {
		ReplaceSelects(document);
	} // end event
addLoadEvent(ReplaceAllSelects);
	
document.onclick =
	function () {
		collapseSelect();
	} // end event