/*
Copyright Scand LLC http://www.scbr.com
To use this component please contact info@scbr.com to obtain license
*/

/*_TOPICS_
@0:Initialization
@1:Selection control
@2:Add/delete
@3:Reserved
@4:Methods of Option object
*/

/**
*  Build combobox from existing select control.
*
*
*  @param	parent		{string} id of existing select control
*  @return	{object}	combobox object
*  @type	public
*  @topic	0
*
*/
function ComboFromSelect(parent,listwidth)
{
	if (typeof(parent)=="string")
		parent=document.getElementById(parent);

	var width=parseInt(parent.style.width) || parent.offsetWidth;
	var height=parseInt(parent.style.height) || parent.offsetHeight;
	if (height == 0)
	{
		height = 20;
	}
	if (_isIE)
	{
		height += 2;
	}
	listwidth=listwidth||width;
	var z=document.createElement("SPAN");
	parent.parentNode.insertBefore(z,parent);
	parent.style.display='none';

    var s_type = parent.getAttribute('opt_type');

	var w= new Combo(z,parent.name,width,height,listwidth,s_type);

	var x=new Array();
	var sel=0;
	for (var i=0; i<parent.options.length; i++){
		if (parent.options[i].selected) sel=i;
		var label=parent.options[i].innerHTML;
		var val=parent.options[i].getAttribute("value");
		if ((typeof(val)=="undefined")||(val===null)) val=label;
		x[i]=[val,label];
	}

	w.addOption(x);
	if (parent.tabIndex)
	{
		w.setTabIndex(parent.tabIndex);
	}
	if (parent.readOnly)
	{
		w.readonly(true);
	}
	if (parent.disable)
	{
		w.disable(true);
	}
	parent.parentNode.removeChild(parent);
	w.selectOption(sel);
	return w;
}

var Combo_optionTypes = [];
/**
*     @desc: build combobox
*     @param: parent - (string) id of existing object which will be used as container
*     @param: name - (string) name of combobox - will be used in FORM
*     @param: width - (int) size of combobox
*     @type: public
*     @topic: 0
*/
function Combo(parent,name,width,height,listwidth,optionType){
		if (typeof(parent)=="string")
			parent=document.getElementById(parent);

		this.optionType = (optionType != window.undefined && Combo_optionTypes[optionType]) ? optionType : 'default';
		this._optionObject = Combo_optionTypes[this.optionType];

		this._disabled = false;

		if (!window.dhx_glbSelectAr){
			 window.dhx_glbSelectAr=new Array();
			 window.dhx_openedSelect=null;
			 window.dhx_SelectId=1;
			 Event(document.body,"click",this.closeAll);
			 Event(document.body,"keydown",function(e){ try { if ((e||event).keyCode==9)  window.dhx_glbSelectAr[0].closeAll(); } catch(e) {} return true; } );
		}

		if (parent.tagName=="SELECT")
			ComboFromSelect(parent);
		else
			this._createSelf(parent,name,width,height,listwidth);
		dhx_glbSelectAr.push(this);
}
/**
*     @desc: switch between combobox and auto-filter modes
*     @param: mode - (boolean) enable filtering mode
*     @param: url - (string) url for filtering from XML, optional
*     @param: cache - (boolean) XML cashing, optional
*     @param: autosubload - (boolean) enable auto load additional suggestions on selecting last loaded option
*     @type: public
*     @topic: 0
*/
	Combo.prototype.enableFilteringMode = function(mode,url,cache,autosubload){
		this._filter=convertStringToBoolean(mode);

		if (url){
			this._xml=url;
			this._autoxml=convertStringToBoolean(autosubload);
		}
		if (convertStringToBoolean(cache)) this._xmlCache=[];
		//this.DOMelem_button.style.display=(this._filter?"none":"");
	}
/**
*     @desc: focus on combobox
*     @type: public
*     @topic: 1
*/
	Combo.prototype.focus = function(){
		this.DOMelem_input.focus();
	}
/**
*     @desc: disable combobox
*     @param: mode - (boolean) disable combobox
*     @type: public
*     @topic: 1
*/
	Combo.prototype.disable = function(mode){
		var z=convertStringToBoolean(mode);
		if (this._disabled==z) return;
		this.DOMelem_input.disabled=z;
		this._disabled=z;
		if (this._disabled)
		{
			this._origbgColor=this.DOMelem_input.style.backgroundColor;
			this.DOMelem_input.style.backgroundColor="#d0ccbb";
		}
		else
		{
			this.DOMelem_input.style.backgroundColor=this._origbgColor;
			this._origbgColor="";
		}
	}
/**
*     @desc: switch to readonly mode
*     @param: mode - (boolean) readonly mode
*     @type: public
*     @topic: 1
*/
	Combo.prototype.readonly = function(mode)
	{
		this.DOMelem_input.readOnly=mode ? true : false;
	}
/**
*     @desc: set tabIndex
*     @param: newindex - (int) tab index
*     @type: public
*     @topic: 1
*/
	Combo.prototype.setTabIndex = function(newindex)
	{
		this.DOMelem_input.tabIndex=newindex;
	}
/**
*     @desc: get Option by value
*     @param: value - (string) value of option in question
*     @type: public
*     @return: option object
*     @topic: 2
*/
	Combo.prototype.getOption = function(value)
	{
		for(var i=0; i<this.optionsArr.length; i++)
			if(this.optionsArr[i].value==value)
				return this.optionsArr[i];
		return null;
	}
/**
*     @desc: get Option by label
*     @param: label - (string) label of option in question
*     @type: public
*     @return: option object
*     @topic: 2
*/
	Combo.prototype.getOptionByLabel = function(value)
	{
		for(var i=0; i<this.optionsArr.length; i++)
			if(this.optionsArr[i].text==value)
				return this.optionsArr[i];
		return null;
	}
/**
*     @desc: get Option by index
*     @param: ind - (int) index of option in question
*     @type: public
*     @return: option object
*     @topic: 2
*/
	Combo.prototype.getOptionByIndex = function(ind){
		return this.optionsArr[ind];
	}
/**
*     @desc: clear all options from combobox
*     @type: public
*     @topic: 2
*/
	Combo.prototype.clearAll = function()
	{
		this.optionsArr=new Array();
		this.redrawOptions();
	}
/**
*     @desc: delete option by value
*     @param: value - (string) value of option in question
*     @type: public
*     @topic: 2
*/
	Combo.prototype.deleteOption = function(value)
	{
        var ind=this.getIndexByValue(value);
		if(ind<0) return;
		this.optionsArr.splice(ind, 1);
		this.redrawOptions();
	}

/**
*     @desc: enable/disable immideatly rendering after changes in combobox
*     @param: mode - (boolean) enable/disable
*     @type: public
*     @topic: 1
*/
	Combo.prototype.render=function(mode){
		this._skiprender=(!convertStringToBoolean(mode));
		this.redrawOptions();
	}

/**
*     @desc: update option in combobox
*     @param: oldvalue - (string) index of option in question
*     @param: avalue - (variable)
*     @type: public
*     @topic: 2
*/
	Combo.prototype.updateOption = function(oldvalue, avalue, atext, acss)
	{
		var dOpt=this.getOption(oldvalue);
		if (typeof(avalue)!="object") avalue={text:atext,value:avalue,css:acss};
		dOpt.setValue(avalue);
        this.redrawOptions();
	}
/**
*     @desc: add new option
*     @param: value - (variable) - different input for different kinds of options - please refer to examples
*     @type: public
*     @topic: 2
*/
	Combo.prototype.addOption = function(options)
	{
		if (!arguments[0].length)
			args = [arguments];
		else
			args = options;

		this.render(false);
        for (var i=0; i<args.length; i++) {
            var attr = args[i];
			if (attr.length){
	            attr.value = attr[0]||"";
	            attr.text = attr[1]||"";
	            attr.css = attr[2]||"";
			}
            this._addOption(attr);
        }
		this.render(true);
	}

	Combo.prototype._addOption = function(attr)
	{
			dOpt = new this._optionObject();
			this.optionsArr.push(dOpt);
			dOpt._self = this;
			dOpt.setValue.apply(dOpt,[attr]);
			this.redrawOptions();
	}


/**
*     @desc: return index of item by value
*     @param: value - (string) value of option in question
*     @type: public
*     @return: option index
*     @topic: 2
*/
	Combo.prototype.getIndexByValue = function(val){
		for(var i=0; i<this.optionsArr.length; i++)
			if(this.optionsArr[i].value == val) return i;
		return -1;
	}

/**
*     @desc: get value of selected item
*     @type: public
*     @return: option value
*     @topic: 2
*/
	Combo.prototype.getSelectedValue = function(){
		return (this._selOption?this._selOption.value:null);
	}
/**
*     @desc: get current text in combobox
*     @type: public
*     @return: combobox text
*     @topic: 2
*/
	Combo.prototype.getComboText = function(){
		return this.DOMelem_input.value;
	}
/**
*     @desc: set text in covmbobox
*     @param: text - (string) new text label
*     @type: public
*     @topic: 2
*/
	Combo.prototype.setComboText = function(text){
		this.DOMelem_input.value=text;
	}
/**
*     @desc: get value which will be sent with form
*     @type: public
*     @return: combobox value
*     @topic: 2
*/
	Combo.prototype.getActualValue = function(){
		return this.DOMelem_hidden_input.value;
	}
/**
	*     @desc: set value which will be sent with form
	*     @param: text - (string) new value
	*     @type: public
	*     @topic: 2
*/
	Combo.prototype.setActualValue = function(text){
		this.DOMelem_hidden_input.value = text;
	}
/**
*     @desc: get text of selected option
*     @type: public
*     @return: text of option
*     @topic: 2
*/
	Combo.prototype.getSelectedText = function(){
		return (this._selOption?this._selOption.text:"");
	}
/**
*     @desc: get index of selected option
*     @type: public
*     @return: option index
*     @topic: 2
*/
	Combo.prototype.getSelectedIndex = function(){
		for(var i=0; i<this.optionsArr.length; i++)
			if(this.optionsArr[i] == this._selOption) return i;
		return -1;
	}
/**
*     @desc: set name used while form submit
*     @param: name - (string) new combobox name
*     @type: public
*     @topic: 2
*/
	Combo.prototype.setName = function(name){
		this.DOMforSbm.name = name;
		this.name = name;
	}
/**
*     @desc: show combox ( reversion to hide command )
*     @param: mode - (boolean) enable/disable
*     @type: public
*     @topic: 1
*/
	Combo.prototype.show = function(mode){
		if (convertStringToBoolean(mode))
			this.DOMelem.style.display = "";
		else
			this.DOMelem.style.display = "none";
	}

/**
*     @desc: destroy object and any related HTML elements
*     @type: public
*     @topic: 0
*/
	Combo.prototype.destructor = function()
	{
		var _sID = this._inID;
		this.DOMParent.removeChild(this.DOMelem);
		this.DOMlist.parentNode.removeChild(this.DOMlist);
		var s=dhx_glbSelectAr;
		this.DOMParent=this.DOMlist=this.DOMelem=0;
		this.DOMlist.combo=this.DOMelem.combo=0;
		for(var i=0; i<s.length; i++)
		{
			if(s[i]._inID == _sID)
			{
				this._selectsArr[i] = null;
				this._selectsArr.splice(i,1);
				return;
			}
		}
	}

/**
*     @desc: create self HTML
*     @type: private
*     @topic: 0
*/
		Combo.prototype._createSelf = function(selParent, name, width, height, listwidth)
		{
			width=width||100;
			height=height||20;
			listwidth=listwidth||width;
			this.ListPosition = "Bottom"; //set optionlist positioning
			this.DOMParent = selParent;
			this._inID = null;
			this.name = name;

			this._selOption = null; //selected option object pointer
			this.optionsArr = Array();

            var opt = new this._optionObject();
            opt.DrawHeader(this, name, width, height);
			//HTML select part 2 - options list DIV element
			this.DOMlist = document.createElement("DIV");
			this.DOMlist.className = 'dhx_combo_list';
			this.DOMlist.style.minWidth = listwidth - (_isIE?0:0) + "px";
			this.DOMlist.style.overflowX = "hidden";
			this.DOMlist.style.overflowY = "auto";
			this.DOMlist.style.display = "none";
			// Attach it within the hidden footer DIV to make sure it will hide
			// properly in IE6, follow the picturebox properly, and not blow
			// up IE7 as was the case when inserting at the top
			var hidFooter = getDHTMLObject('picturebox');
			if (hidFooter)
			{
				hidFooter.appendChild(this.DOMlist);
			}
			// Do not blow up IE7 an prevent IE6 from expanding
			//document.body.appendChild(this.DOMlist);
			//document.body.insertBefore(this.DOMlist,document.body.firstChild);
			if (_isIE)
			{
				this.DOMlist.style.width = listwidth - (_isIE?0:0) + "px";
			}

			this.DOMlist.combo=this.DOMelem.combo=this;
			this.DOMelem_input.onkeydown = this._onKey;
			this.DOMelem_input.onkeypress = this._onKeyF;
			this.DOMelem_input.onblur = this._onChange;
			this.DOMelem.onclick = this._toggleSelect;
			this.DOMlist.onclick = this._selectOption;
			this.DOMlist.onmouseover = this._listOver;
		}

		Combo.prototype._listOver = function(e)
		{
			e = e||event;
			e.cancelBubble = true;
			var node = (_isIE?event.srcElement:e.target);
			var that = this.combo;
			if ( node.parentNode == that.DOMlist ) {
				that.unSelectOption();
				var i=0;
				for (i; i<that.DOMlist.childNodes.length; i++) {
					if (that.DOMlist.childNodes[i]==node) break;
				}
				var z=that.optionsArr[i];
				that._selOption=z;
				that._selOption.select();
			}

		}

/**
*     @desc: place option list in necessary place on screen
*     @type: private
*     @topic: 0
*/
		Combo.prototype._positList = function()
		{
			var pos=this.getPosition(this.DOMelem);
			if(this.ListPosition == 'Bottom'){
				this.DOMlist.style.top = pos[1]+this.DOMelem.offsetHeight+"px";
				this.DOMlist.style.left = pos[0]+"px";
			}
			else{
				this.DOMlist.style.top = pos[1]+"px";
				this.DOMlist.style.left = pos[0]+this.DOMelem.offsetWidth+"px";
			}
		}

		Combo.prototype.getPosition = function(oNode,pNode)
		{
			// Only find the picturebox, go no further
			if(!pNode)
				var pNode = getDHTMLObject('picturebox');

			var oCurrentNode=oNode;
			var iLeft=0;
			var iTop=0;
			var teststring = '';

			iLeft += parseInt(oNode.style.paddingLeft) || 0;
			iTop += parseInt(oNode.style.paddingTop)  || 0;
			while ((oCurrentNode)&&(oCurrentNode!=pNode))
			{
				teststring += 'Name: ' + (oCurrentNode.id || oCurrentNode.name) + ' offsetLeft: ' + (oCurrentNode.offsetLeft-oCurrentNode.scrollLeft) + ' offsetTop: ' + (oCurrentNode.offsetTop-oCurrentNode.scrollTop) + ' borderLeftWidth: ' + (oCurrentNode.style.borderLeftWidth) + ' offsetTop: ' + (oCurrentNode.style.borderTopWidth) + '; ';
				iLeft+=oCurrentNode.offsetLeft-oCurrentNode.scrollLeft;
				iTop+=oCurrentNode.offsetTop-oCurrentNode.scrollTop;
				if (_isIE || _isFF)
				{
					var borderLeft = (oCurrentNode.style.borderLeftStyle != 'none' && oCurrentNode.style.borderLeftStyle != 'off') ? parseInt(oCurrentNode.style.borderLeftWidth) || 0 : 0;
					var borderTop = (oCurrentNode.style.borderTopStyle != 'none' && oCurrentNode.style.borderTopStyle != 'off') ? parseInt(oCurrentNode.style.borderTopWidth) || 0 : 0;

					iLeft += borderLeft;
					iTop += borderTop;

					if (_isFF && oCurrentNode != oNode && oCurrentNode.style.overflow != 'visible')
					{
						iLeft += borderLeft;
						iTop += borderTop;
					}
				}
				oCurrentNode=oCurrentNode.offsetParent;
			}

			if (pNode == document.body)
			{
				if (_isIE)
				{
					teststring += 'Name: body-tag scrollLeft: ' + document.documentElement.scrollLeft + ' scrollTop: ' + document.documentElement.scrollTop + '; ';
					if (document.documentElement.scrollTop)
						iTop+=document.documentElement.scrollTop;
					if (document.documentElement.scrollLeft)
						iLeft+=document.documentElement.scrollLeft;
				}
				else
				{
					if (!_isFF)
					{
						iLeft+=document.body.offsetLeft;
						iTop+=document.body.offsetTop;
					}
					teststring += 'Name: body-tag scrollLeft: ' + document.body.offsetLeft + ' scrollTop: ' + document.body.offsetTop + '; ';
				}
			}

			//alert(teststring);
			return new Array(iLeft,iTop);
		}
/**
*     @desc: correct current selection ( move it to first visible option )
*     @type: private
*     @topic: 2
*/
		Combo.prototype._correctSelection = function(){
			for (var i=0; i<this.optionsArr.length; i++)
				if (!this.optionsArr[i].isHidden())
					return this.selectOption(i,true);
		}
/**
*     @desc: select next option in combobox
*     @param: step - (int) step size
*     @type: private
*     @topic: 2
*/
		Combo.prototype.selectNext = function(step){
			var z=this.getSelectedIndex()+step;
			while (this.optionsArr[z]){
				if (!this.optionsArr[z].isHidden())
					return this.selectOption(z);
				z+=step;
			}
		}
/**
*     @desc: on keypressed handler
*     @type: private
*     @topic: 0
*/
		Combo.prototype._onKeyF = function(e){
			var that=this.parentNode.combo;
			var ev=e||event;
			if (ev.keyCode=="13" || ev.keyCode=="27"){ //enter
				that.closeAll();
			 	return false;
			}
			return true;
		}
/**
*     @desc: on keyup handler
*     @type: private
*     @topic: 0
*/
		Combo.prototype._onKey = function(e){
			var ev=(e||event).keyCode;
			var that=this.parentNode.combo;

			if ((that.DOMlist.style.display!="block")&&(ev!="13")&&(ev!="9"))
				that.DOMelem.onclick(e||event);

			window.setTimeout(function(){ that._onKeyB(ev); },1);
		}
		Combo.prototype._onKeyB = function(ev)
		{
			if (ev=="9"){ // Tab away
				this.closeAll();
			} else if (ev=="40"){  //down
				var z=this.selectNext(1);
			} else if (ev=="38"){ //up
				this.selectNext(-1);
			} else {
				if (this._filter) return this.filterSelf((ev==8)||(ev==46));
				for (var i=0; i<this.optionsArr.length; i++)
				{
					if (this.optionsArr[i].data()[1]==this.DOMelem_input.value)
					{
//						ev.cancelBubble=true;
						this.selectOption(i);
						return false;
					}
				}
				this.unSelectOption();
				this.setActualValue(this.DOMelem_input.value);
			}
			return true;
		}


/**
*     @desc: on data change handler
*     @type: private
*     @topic: 0
*/
		Combo.prototype._onChange = function()
		{
			var self = this.parentNode._self;
			var z=self.getOptionByLabel(self.DOMelem_input.value);

			self.DOMelem_hidden_input.value = z?z.value:self.DOMelem_input.value;
			self.DOMelem_hidden_input2.value = (z==null);
			//self.closeAll();
		}
/**
*     @desc: redraw combobox options
*     @type: private
*     @topic: 2
*/
		Combo.prototype.redrawOptions = function(){
			if (this._skiprender) return;
			for(var i=this.DOMlist.childNodes.length-1; i>=0; i--)
				this.DOMlist.removeChild(this.DOMlist.childNodes[i]);
			for(var i=0; i<this.optionsArr.length; i++)
				this.DOMlist.appendChild(this.optionsArr[i].render());
		}
/**
*     @desc: load list of options from XML
*     @param: url - (string) xml url
*     @type: public
*     @topic: 0
*/
		Combo.prototype.loadXML = function(url){
			this._load=true;
			if ((this._xmlCache)&&(this._xmlCache[url]))
				this._fillFromXML(this,null,null,null,this._xmlCache[url]);
			else{
				var xml=(new dtmlXMLLoaderObject(this._fillFromXML,this,true,true));
				xml._cPath=url;
				xml.loadXML(url);
			}
		}

/**
*     @desc: load list of options from XML string
*     @param: astring - (string) xml string
*     @type: public
*     @topic: 0
*/
		Combo.prototype.loadXMLString = function(astring){
			var xml=(new dtmlXMLLoaderObject(this._fillFromXML,this,true,true));
			xml.loadXMLString(astring);
		}

/**
*     @desc: on XML load handler
*     @type: private
*     @topic: 0
*/
		Combo.prototype._fillFromXML = function(obj,b,c,d,xml)
		{
			if (obj._xmlCache) obj._xmlCache[xml._cPath]=xml;

			var top=xml.doXPath("//complete");
			var options=xml.doXPath("//option");
			obj.render(false);
			if ((!top[0])||(!top[0].getAttribute("add"))){
				obj.clearAll();
				obj._lastLength=options.length;
			} else
				obj._lastLength+=options.length;

			for (var i=0; i<options.length; i++) {
				var attr = new Object();
				attr.text = options[i].firstChild?options[i].firstChild.nodeValue:"";
				for (var j=0; j<options[i].attributes.length; j++) {
					var a = options[i].attributes[j];
					if (a)
						attr[a.nodeName] = a.nodeValue;
				}
				obj._addOption(attr);
			}
			obj.render(true);
			if ((obj._load)&&(obj._load!==true))
				obj.loadXML(obj._load);
			else{
				obj._load=false;
		    	if ((!obj._lkmode)&&(!obj._filter))
					obj._correctSelection();
				}

		}
/**
*     @desc: deselect option
*     @type: public
*     @topic: 1
*/
		Combo.prototype.unSelectOption = function(){
			if (this._selOption)
				this._selOption.deselect();
			this._selOption=null;
		}
/**
*     @desc: select option
*     @param: ind - (int) index of option in question
*     @param: filter - (boolean) enable autocomplit range, optional
*     @type: public
*     @topic: 1
*/
		Combo.prototype.selectOption = function(ind,filter){
			this.unSelectOption();
			var z=this.optionsArr[ind];
			if (!z)  return;
			this._selOption=z;
			this._selOption.select();

			var corr=this._selOption.content.offsetTop+this._selOption.content.offsetHeight-this.DOMlist.scrollTop-this.DOMlist.offsetHeight;
			if (corr>0) this.DOMlist.scrollTop+=corr;
				corr=this.DOMlist.scrollTop-this._selOption.content.offsetTop;
			if (corr>0) this.DOMlist.scrollTop-=corr;

			var data=this._selOption.data();

			this.DOMelem_hidden_input.value=data[0];
            this.DOMelem_hidden_input2.value = "false";
			if ((this._autoxml)&&((ind+1)==this._lastLength))
				this._fetchOptions(ind+1,this._lasttext||"");

			if (filter){
				var text=this.getComboText();
				if (text!=data[1]){
					this.setComboText(data[1]);
					Range(this.DOMelem_input,text.length+1,data[1].length);
				}
			}
			else
				this.setComboText(data[1]);
			this._selOption.RedrawHeader(this);
		}
/**
*     @desc: option on select handler
*     @type: private
*     @topic: 2
*/
		Combo.prototype._selectOption = function(e)
		{
			(e||event).cancelBubble = true;
			var node=(_isIE?event.srcElement:e.target);
			var that=this.combo;
			while (!node._self)
			{
				node = node.parentNode;
				if (!node)
					return;
			}

			var i=0;
			for (i; i<that.DOMlist.childNodes.length; i++) {
				if (that.DOMlist.childNodes[i]==node) break;
			}
			that.selectOption(i);
			that.closeAll();
		}
/**
*     @desc: open list of options handler
*     @type: publiv
*     @topic: 2
*/
	Combo.prototype.openSelect = function(){
		if (this._disabled) return;
		this.closeAll();
		this._positList();
		this.DOMlist.style.display="block";
		this.DOMelem_input.focus();

		if (this._filter) this.filterSelf();
	}
/**
*     @desc: open(close) list
*     @type: private
*     @topic: 2
*/
	Combo.prototype._toggleSelect = function(e)
	{
		var that=this.combo;
		if ( that.DOMlist.style.display == "block" ) {
		that.closeAll();
		} else {
			that.openSelect();
		}
		(e||event).cancelBubble = true;
	}

	Combo.prototype._fetchOptions=function(ind,text)
	{
		if (text=="") return this.clearAll();
		var url=this._xml+((this._xml.indexOf("?")!=-1)?"&":"?")+"pos="+ind+"&mask="+escape(text);
		this._lasttext=text;
		if (this._load) this._load=url;
		else this.loadXML(url);
	}
/**
*     @desc: filter list of options
*     @type: private
*     @topic: 2
*/
    Combo.prototype.filterSelf = function(mode)
	{
		var text=this.getComboText();
		if (this._xml)
		{
			this._lkmode=mode;
			this._fetchOptions(0,text);
		}
		try{ var filter=new RegExp("^"+text,"i"); } catch (e){ var filter=new RegExp("^"+text.replace(/[\[\]\{\}\(\)]/g,"\\&1")); }

		var ind=-1;
		for(var i=0; i<this.optionsArr.length; i++)
			if ((!mode) && (filter.test(this.optionsArr[i].text)))
			{
				this.selectOption(i,true);
				break;
			}
		// Commented out by Jeremy Wilkins (annoying option hiding not desired)
		//	this.optionsArr[i].hide(!filter.test(this.optionsArr[i].text));

    	//if (!mode)
		//	this._correctSelection();

		//for(var i=0; i<this.optionsArr.length; i++)
		//	this.optionsArr[i].hide(false);
	}

/**
*     @desc: close opened combobox list
*     @type: public
*     @topic: 1
*/
	Combo.prototype.closeAll = function()
	{
		if(window.dhx_glbSelectAr)
			for (var i=0; i<dhx_glbSelectAr.length; i++)
				if (dhx_glbSelectAr[i].DOMlist.style.display=="block") {
					dhx_glbSelectAr[i].DOMlist.style.display = "none";
				}
	}
/**
*     @desc: create selection range in input control
*     @param: InputId - (string) id of input ( object can be used as well )
*     @param: Start - (int) start selection position
*     @param: End - (int) end selection position
*     @type: public
*     @topic: 0
*/
function Range(InputId, Start, End)
{
	var Input = typeof(InputId)=='object' ? InputId : document.getElementById(InputId);
	try
	{
		Input.focus();
	}
	catch(e)
	{
	};
	var Length = Input.value.length;
	Start--;
	if (Start < 0 || Start > End || Start > Length)
		Start = 0;
	if (End > Length)
		End = Length;
	if (Input.setSelectionRange)
	{
		Input.setSelectionRange(Start, End);
	} else if (Input.createTextRange)
	{
		var range = Input.createTextRange();
		range.moveStart('character', Start);
		range.moveEnd('character', End-Length);
		range.select();
	}
}
/**
*     @desc: combobox option object constructor
*     @type: public
*     @topic: 0
*/
		Combo_defaultOption = function()
		{
			this.init();
		}
/**
*     @desc: option initialization function
*     @type: private
*     @topic: 4
*/
		Combo_defaultOption.prototype.init = function()
		{
			this.value = null;
			this.text = "";
			this.selected = false;
			this.css = "";
		}
/**
*     @desc: mark option as selected
*     @type: public
*     @topic: 4
*/
		Combo_defaultOption.prototype.select = function()
		{
			if (this.content) ;
				this.content.className="dhx_selected_option";
		}
/**
*     @desc: hide option
*     @param: mode - (boolean)
*     @type: public
*     @topic: 4
*/
		Combo_defaultOption.prototype.hide = function(mode)
		{
			this.render().style.display=mode?"none":"";
		}
/**
*     @desc: return hide state of option
*     @type: public
*     @return: hide state of option
*     @topic: 4
*/
		Combo_defaultOption.prototype.isHidden = function()
		{
			return (this.render().style.display=="none");
		}
/**
*     @desc: mark option as not selected
*     @type: public
*     @topic: 4
*/
		Combo_defaultOption.prototype.deselect = function()
		{
			if (this.content) this.render();
				this.content.className="";
		}
/**
*     @desc: set value of option
*     @param: value - (string) value
*     @param: text - (string) text
*     @param: css - (string) css style string
*     @type: public
*     @topic: 4
*/
		Combo_defaultOption.prototype.setValue = function(attr)
		{
			this.value = attr.value||"";
			this.text = attr.text||"";
			this.css = attr.css||"";
			this.content=null;
		}
/**
*     @desc: render option
*     @type: private
*     @topic: 4
*/
		Combo_defaultOption.prototype.render = function()
		{
			if (!this.content){
				this.content=document.createElement("DIV");
				this.content._self = this;
				this.content.style.cssText='overflow:hidden; '+this.css;
				if (_isIE)
				{
					this.content.style.width = this._self.DOMlist.style.width;
				}
				else
				{
					this.content.style.minWidth = this._self.DOMlist.style.minWidth;
				}
				this.content.innerHTML=this.text;
			}
			return this.content;
		}
/**
*     @desc: return option data
*     @type: public
*     @return: array of data related to option
*     @topic: 4
*/
		Combo_defaultOption.prototype.data = function()
		{
			return [this.value,this.text];
		}

Combo_defaultOption.prototype.DrawHeader = function(self, name, width, height)
{
	var z=document.createElement("DIV");
	z.style.width = width + "px";
	z.style.height = height - 2 + "px";
	z.className = 'dhx_combo_box';
	z._self = self;
	self.DOMelem = z;
	this._DrawHeaderInput(self, name, width, height);
	this._DrawHeaderButton(self, name, width, height);
	self.DOMParent.appendChild(self.DOMelem);
}

Combo_defaultOption.prototype._DrawHeaderInput = function(self, name, width, height)
{
	var z=document.createElement('input');
	var actualHeight = height - 2;
	var actualWidth = width - 19;

	if (_isIE || _isFF)
	{
		// These browsers are correct
		actualHeight = actualHeight - 4;
		actualWidth = actualWidth - 4;
	}
	z.className = 'dhx_combo_input';
	z.type = 'text';
	z.style.width = actualWidth + 'px';
	z.style.height = actualHeight + 'px';
	self.DOMelem.appendChild(z);
	self.DOMelem_input = z;

	z = document.createElement('input');
	z.type = 'hidden';
	z.name = name;
	self.DOMelem.appendChild(z);
	self.DOMelem_hidden_input = z;

	z = document.createElement('input');
	z.type = 'hidden';
	z.name = name+"_new_value";
	z.value="true";
	self.DOMelem.appendChild(z);
	self.DOMelem_hidden_input2 = z;
}

Combo_defaultOption.prototype._DrawHeaderButton = function(self, name, width, height)
{
	var z=document.createElement('img');
	z.className = 'dhx_combo_img';
	z.src = (window.dhx_globalImgPath?dhx_globalImgPath:"")+'combo_select.gif';
	self.DOMelem.appendChild(z);
	self.DOMelem_button=z;
}

Combo_defaultOption.prototype.RedrawHeader = function(self)
{
}


Combo_optionTypes['default'] = Combo_defaultOption;