/*
    Page Name : Search Menu Script
    Language : Javascript
    First Update : 2008. 03. 21(by ynmoon)
    Last Update : 2008. 03. 21(by ynmoon)
*/
// Create Select Box
createSelect=function(div,dis)
{
    this._div=document.getElementById(div);
    this._dis=document.getElementById(dis);
    this._width=null;
    this._height=null;
    this._top=null;
    this._left=null;
    this._size=null;
    this._img=null;
    this._normal=null;
    this._over=null;
    this._border=null;
    this._back=null;
    this._color=null;
    this._count=null;
    this._selindex=null;
    
    // Init Div Select Box & Disable Normal Select Box Area
    createSelect.prototype.initSelect=function()
    {
        this._count=this._dis.options.length;
        
        this._div.id="id_div";
        this._div.className="cls_div";
        this._div.style.width=this._width+"px";
        this._div.style.height=this._height+"px";
        this._div.style.position="absolute";
        this._div.style.top=this._top+"px";
        this._div.style.left=this._left+"px";
        this._div.style.display="block";
        this._div.style.border="0px";
        this._div.style.background="";
        this._div.style.padding="0px";
        this._div.style.zIndex="7";
        
        this.initDefault();
    }

    // Init Default Select Box
    createSelect.prototype.initDefault=function()
    { 
        var _default=document.createElement("div");
        
        _default.id="id_default";
        _default.className="cls_default";
        _default.style.width=(this._width)+"px";
        _default.style.height=this._height+"px";
        _default.style.font=this._size+"px "+this._font;
        _default.style.color="#666666";
        _default.style.position="relative";
        _default.style.display="block";
        _default.style.background="url('"+this._img+"') no-repeat"; 
        _default.style.cursor="pointer";
        _default.style.margin="0px";
        _default.style.paddingTop="5px";
        _default.style.paddingLeft="8px";
        _default.style.zIndex="7";
        this._div.appendChild(_default);
        _text=document.createTextNode(this._dis.options[0].text);
        _default.appendChild(_text);
        
        var _select=document.createElement("div");
        _select.id="id_select";
        _select.className="cls_select";
        _select.style.width=(this._width-3)+"px";
        _select.style.height=(this._height*3)+"px";
        _select.style.position="relative";
        _select.style.display="none";
        _select.style.border=this._border;
        _select.style.background=this._back; 
        _select.style.marginTop="7px";
        _select.style.paddingBottom="1px";
        _select.style.cursor="pointer";
        _select.style.zIndex="7";
        this._div.appendChild(_select);
        
        _default.onclick=function()
        {
            if (_select.style.display=="none") {
                _select.style.display="block";
            } else {
                _select.style.display="none";
            }
        }        
        _default.onblur=function()
        {
            var _bool=_select.style.display;		
            
    		if (_bool!="none") {
        		createSelect._select=_select;
    			setTimeout("createSelect.blurEvent()",500);
    		}
        }        
        
        this.makeOption(_select,_default);
        
        this.selIndex(_select,_default);
    }
        
    
    // Make Select Option
    createSelect.prototype.makeOption=function(_sel,_def)
    {        
        var _select=_sel;
        var _default=_def;
        var _count=this._count;
        var _option=new Array();
        var _value=new Array();
        var _over=this._over;
        var _normal=this._normal;
      
        for (var i=0;i<_count;i++) {
            _option[i]=document.createElement("div");
            _option[i].id="id_option_"+i;
            _option[i].className="cls_option_"+i;
            _option[i].style.width=(this._width-3)+"px";
            _option[i].style.height=this._height+"px";
            _option[i].style.position="relative";
            _option[i].style.display="block";
            _option[i].style.background=this._back;
            _option[i].style.paddingTop="5px";
            _option[i].style.paddingLeft="8px";
            _option[i].style.cursor="pointer";
            _option[i].style.zIndex="7";
			_select.appendChild(_option[i]);
            _value[i]=document.createTextNode(this._dis.options[i].text);
            _option[i].appendChild(_value[i]);
            
            _option[i].onmouseover=function()
            {
                this.style.background=_over;
            }
            
            _option[i].onmouseout=function()
            {
                this.style.background=_normal;
            }
            
            _option[i].onclick=function()
            {
                var _index=(this.id.split("_"))[2];
                
                createSelect._dis.options[parseInt(_index)].selected=true;
                createSelect._dis.onchange();
                _default.firstChild.nodeValue=this.firstChild.nodeValue;
                _select.style.display="none";
            }
        }
    }
    
    // Create Selected Index
    createSelect.prototype.selIndex=function(_sel,_def)
    {        
        var _select=_sel;
        var _default=_def;
        var _index=this._selindex;
        
        createSelect._dis.options[parseInt(_index)].selected=true;
        createSelect._dis.onchange();
        _default.firstChild.nodeValue=createSelect._dis.options[parseInt(_index)].text;
        _select.style.display="none";
    }
    
    // Blur Event
    createSelect.prototype.blurEvent=function()
    {
        createSelect._select.style.display="none";
    }
}