var ComboBox = Class.create();

ComboBox.prototype = {
	initialize: function(){
		this.div = document.createElement("div");
		this.list = document.createElement("ul");	
		this.tablename = "";
	},
	openOptions: function(arrayString, ele, option, tablename, css,index){
		var array = eval(arrayString);
		var field = ele;	
		this.resetList();		
		var div = this.div
		var list = this.list;
		if(list.style.display == "block"){			
			list.style.display = "none";
					
		} else {
			list.style.display = "block";
		}
		div.className = "cboptions";
			
		list.style.width = field.offsetWidth + "px";
			
		for(var i = 0; i < array.length; ++i){
			var text = array[i];		
			li = document.createElement("li"); 
			a = document.createElement("a");	
			a.i = i+1;
			a.innerHTML = text;
			li.i = i+1;
			li.onmouseover = function(){
				comboBox.navListItem(this.i);
			}
			a.onmousedown = function(){
				list.style.display = "none";						
				field.innerHTML = "<div class='"+css+"'>"+array[this.i-1]+"</div>";
				if(option == "filter"){					
					tablename.createBodyTable();
				}	
				if(option == "change"){
					tablename.changeKarte(index,field);					
				}					
			}
			li.appendChild(a);
			list.appendChild(li);
		}			
		
		div.appendChild(list);	
		field.parentNode.appendChild(div);
	},
	navListItem: function(index){
		selectedIndex = index;
		li = this.list.getElementsByTagName("li");
		for(var i=0;i<li.length;i++){			
			li[i].className = (i==(selectedIndex-1)) ? "selected" : "";
		}
	},
	resetList: function(){
		var li = this.list.getElementsByTagName("li");
		var len = li.length;
		for(var i=0;i<len;i++){
			this.list.removeChild(li[0]);
		}		
	},
	setHidden: function(){
		if(!this.list.onmouseover){
			this.list.style.display = 'none';
		}
	}
};