var DropList = function(parent, formElement, items, activeItem){
	var self = this;
	this.parent = parent;
	this.formElement = formElement;
	
	this.init(items, activeItem);
}
DropList.prototype.init = function(items , activeItem){
	var self = this;
	var span = document.createElement("SPAN");
	var div = document.createElement("DIV");
	var ul = document.createElement("UL");
	for(var i=0;i<items.length;i++)
	{
		var li = document.createElement("LI");
		li.innerHTML = items[i].name;
		li.setAttribute("rel", items[i].id)
		if(items[i].id == activeItem)
		{
			li.className = " selected ";
			span.innerHTML = items[i].name;
			self.formElement.value = items[i].id
		}
		li.onmouseover = function(){
			this.className = "activete";
		}
		li.onmouseout = function(){
			this.className = this.className.replace("activete","");
		}
		li.onclick = function(){
			span.innerHTML = this.innerHTML;
			self.parent.replaceChild(span,ul);
			self.formElement.value = this.getAttribute("rel");
			this.className = this.className.replace("activete","");
		}
		ul.appendChild(li);
	}
	div.appendChild(span);
	div.appendChild(ul);
	this["div"] = div;
	this["ul"] = ul;
	this["span"] = span;
}
DropList.prototype.show = function(){
	
}
DropList.prototype.hide = function(){
	
}