// JavaScript Document

function selectReplacement(obj, i){
	obj.className += ' search_category';
	var ul = document.createElement('ul');

	ul.id = 'select_elements_'+i;
	ul.className = 'search_replacement';
	
	var opts = obj.options;

	for (var i=0; i<opts.length; i++){
		var selectedOpt;
				
		if (opts[i].selected){
			selectedOpt = i;
			break;
		} else {
			selectedOpt = 0;
		}
	}
			
	for (var i=0; i<opts.length; i++){
		var li = document.createElement('li');
		var txt = document.createTextNode(opts[i].text);

		li.appendChild(txt);
		li.selIndex = opts[i].index;
		li.selectID = obj.id;
		li.onclick = function(){
			selectMe(this);
		}
				
		if (i == selectedOpt){
			li.className = 'selected';
			li.onclick = function(){
				this.parentNode.className += ' search_open';
				this.onclick = function() {
					selectMe(this);
				}
			}
		}
				
		if (window.attachEvent) {
			li.onmouseover = function(){
				this.className += ' hover';
			}
					
			li.onmouseout = function(){
				this.className =  this.className.replace(new RegExp(" hover\\b"), '');
			}
		}
				
		ul.appendChild(li);
	}
	
	obj.parentNode.appendChild(ul);
}
		
function selectMe(obj){
	var lis = obj.parentNode.getElementsByTagName('li');
	
	for (var i=0; i<lis.length; i++){
		if (lis[i] != obj) {
			lis[i].className = '';
			lis[i].onclick = function(){
				selectMe(this);
			}
		} else {
			obj.className = 'selected';
			obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" search_open\\b"), '');
			obj.onclick = function(){
				obj.parentNode.className += ' search_open';
				
				this.onclick = function(){
					selectMe(this);
				}
			}
			
			setVal(obj.selectID, obj.selIndex);
		}
	}
}

function setVal(objID, selIndex){
	var obj = document.getElementById(objID);
	obj.selectedIndex = selIndex;
	
	if(objID == "weather"){
		getWeathers(obj.selectedIndex)
	} else if(objID == "firm"){
		if(selIndex > 0){
			document.forms["firms"].submit();
		}
	} else if(objID == "direction"){
		setFilter();
	}
}

function setForm(){
	var s = document.getElementsByTagName('select');

	for (var i=0; i<s.length; i++){
		selectReplacement(s[i], i);
	}
}

function closeSel(obj){  }