/*
    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._default=null;
    this._select=null;
    this._option=new Array();
    
    this._selectedIndex=0;
    
    this._id="F";
    this._width=null;
    this._height=null;
    this._top=null;
    this._left=null;
    this._align="left";
    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._opcount=0;
    
    this._addHeight="0";
    
    this._display="block";
    
    this._overflowX="hidden";
    this._overflowY="hidden";
    
    this._defWidth="0";
    this._defHeight="0";
    this._defMarTop="0";
    this._defMarBottom="0";
    this._defMarLeft="0";
    this._defMarRight="0";
    this._defPadTop="0";
    this._defPadBottom="0";
    this._defPadLeft="0";
    this._defPadRight="0";
    
    this._selMarTop="0";
    this._selMarBottom="0";
    this._selMarLeft="0";
    this._selMarRight="0";
    this._selPadTop="0";
    this._selPadBottom="0";
    this._selPadLeft="0";
    this._selPadRight="0";
    
    this._optMarTop="0";
    this._optMarBottom="0";
    this._optMarLeft="0";
    this._optMarRight="0";
    this._optPadTop="0";
    this._optPadBottom="0";
    this._optPadLeft="0";
    this._optPadRight="0";
    
    this._zIndex="999";
    
    // Init Div Select Box & Disable Normal Select Box Area
    createSelect.prototype.initSelect=function()
    {
        this._count=this._dis.options.length;
        
        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=this._display;
        this._div.style.border="0px";
        this._div.style.background="";
        this._div.style.padding="0px";
        this._div.style.zIndex=this._zIndex;
        
        var _createSelect=this;
        
        _createSelect.initDefault();
    }

    // Init Default Select Box
    createSelect.prototype.initDefault=function()
    { 
        var _createSelect=this;
        
        this._default=document.createElement("div");
        
        var _default=this._default;
        
        _default.id="id_default_"+this._id;
        _default.className="cls_default_"+this._id;
        if (this._defWidth>0) {
            _default.style.width=this._defWidth+"px";
        } else {
            _default.style.width=(this._width-2)+"px";
        }
        if (this._defHeight>0) {
            _default.style.height=this._defHeight+"px";
        } else {
            _default.style.height=this._height+"px";
        }        
        _default.style.font=this._size+"px "+this._font;
        _default.style.textAlign=this._align;
        _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.marginTop=this._defMarTop+"px";
        _default.style.marginBottom=this._defMarBottom+"px";
        _default.style.marginLeft=this._defMarBottom+"px";
        _default.style.marginRight=this._defMarRight+"px";
        _default.style.paddingTop=this._defPadTop+"px";
        _default.style.paddingBottom=this._defPadBottom+"px";
        _default.style.paddingLeft=this._defPadLeft+"px";
        _default.style.paddingRight=this._defPadRight+"px";
        _default.style.zIndex=this._zIndex;
        this._div.appendChild(_default);
        _text=document.createTextNode(this._dis.options[0].text);
        _default.appendChild(_text);
        
        this._select=document.createElement("div");
        
        var _select=this._select;
        
        _select.id="id_select_"+this._id;
        _select.className="cls_select_"+this._id;
        _select.style.width=(this._width-4)+"px";
        _select.style.height=(this._height*this._count+parseInt(this._addHeight))+"px";
        _select.style.overflowX=this._overflowX;
        _select.style.overflowY=this._overflowY;
        _select.style.font=this._size+"px "+this._font;
        _select.style.position="relative";
        _select.style.display="none";
        _select.style.textAlign=this._align;
        _select.style.border=this._border;
        _select.style.background=this._back; 
        _select.style.marginTop=this._selMarTop+"px";
        _select.style.marginBottom=this._selMarBottom+"px";
        _select.style.marginLeft=this._selMarBottom+"px";
        _select.style.marginRight=this._selMarRight+"px";
        _select.style.paddingTop=this._selPadTop+"px";
        _select.style.paddingBottom=this._selPadBottom+"px";
        _select.style.paddingLeft=this._selPadLeft+"px";
        _select.style.paddingRight=this._selPadRight+"px";
        _select.style.zIndex=this._zIndex;
        this._div.appendChild(_select);
        
        _default.onclick=function()
        {
            if (_select.style.display=="none") {
                _select.style.display="block";
            } else {
                _select.style.display="none";
            }
        } 
        
        _createSelect.makeOption();
    }
        
    
    // Make Select Option
    createSelect.prototype.makeOption=function()
    {      
        var _createSelect=this;  
        var _dis=this._dis;
        var _select=this._select;
        var _default=this._default;
        var _count=this._count;
        var _option=this._option;
        var _value=new Array();
        var _over=this._over;
        var _normal=this._normal;
        var j=this._opcount;
        
        for (var i=0;j<_count;i++,j++) {
            this._option[i]=document.createElement("div");
            _option[i]=this._option[i];
            _option[i].id="id_option_"+i+"_"+this._id;
            _option[i].className="cls_option_"+i+"_"+this._id;
            _option[i].style.width=(this._width-11)+"px";
            _option[i].style.height=this._height+"px";
            _option[i].style.font=this._size+"px "+this._font;
            _option[i].style.position="relative";
            _option[i].style.display="block";
            _option[i].style.textAlign=this._align;
            _option[i].style.background=this._back;
            _option[i].style.marginTop=this._optMarTop+"px";
            _option[i].style.marginBottom=this._optMarBottom+"px";
            _option[i].style.marginLeft=this._optMarBottom+"px";
            _option[i].style.marginRight=this._optMarRight+"px";
            _option[i].style.paddingTop=this._optPadTop+"px";
            _option[i].style.paddingBottom=this._optPadBottom+"px";
            _option[i].style.paddingLeft=this._optPadLeft+"px";
            _option[i].style.paddingRight=this._optPadRight+"px";
            _option[i].style.cursor="pointer";
            _option[i].style.zIndex=this._zIndex;
			_select.appendChild(_option[i]);
            _value[i]=document.createTextNode(this._dis.options[j].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];
                
                _dis.options[parseInt(_index)].selected=true;
                _dis.onchange();
                _default.firstChild.nodeValue=this.firstChild.nodeValue;
                _select.style.display="none";
            }
        }
        
        _dis.options[parseInt(this._selectedIndex)].selected=true;
        _default.firstChild.nodeValue=this._option[this._selectedIndex].firstChild.nodeValue;
    }
}

var whitchDiv=function(e)
{
    var e=e?e:window.event;
    
    var _obj,_dis;
    
    if (e.srcElement){
        _obj=e.srcElement;
    } else if (e.target){
        _obj=e.target;
    }
    
    var _disArray=["id_select_SELECTF","id_select_SELECTS","id_select_SELECTT"];
    
    if (_obj.id.indexOf("_SELECTF")==-1 && _obj.id.indexOf("_SELECTS")==-1 && _obj.id.indexOf("_SELECTT")==-1) {
        for(var i=0;i<_disArray.length;i++) {
            if (_dis=document.getElementById(_disArray[i])) {
                _dis.style.display="none";
            }
        }
    }
}

document.onmousedown=whitchDiv;