function selectReplacement(obj) {
      // append a class to the select
      obj.className += ' replaced';
      // create list for styling
      var ul = document.createElement('ul');
      ul.className = 'selectReplacement';
      var opts = obj.options;
      for (var i=0; i<opts.length; i++) {
        var selectedOpt;
        if (opts[i].selected) {
          selectedOpt = i;
          break;
        } else {
          selectedOpt = 0;
        }
      }
      for (var i=0; i<opts.length; i++) {
        var li = document.createElement('li');
        var span = document.createElement('span');
        var txt = document.createTextNode(opts[i].text);
        span.appendChild(txt);
        li.appendChild(span);
        li.selIndex = opts[i].index;
        li.selectID = obj.id;
        li.className = opts[i].className;
        li.title = opts[i].innerHTML;
        li.onclick = function() {
          selectMe(this);
        }
        if (i == 0) {
          li.className = 'firstOption';
        }
        if (i == selectedOpt) {
          li.className += ' selected';
          li.onclick = function() {
            this.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            }
          }
        }
        if (window.attachEvent) {
          li.onmouseover = function() {
            this.className += ' hover';
          }
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          }
        }
        ul.appendChild(li);
        if(i == opts.length - 1) {
            var li = document.createElement('li');
            var li2= document.createElement('li');
            li.className = 'last-position';
            li2.className = 'list-position-10';
            ul.appendChild(li2);
            ul.appendChild(li);
        }
      }
      // add the input and the ul
      obj.parentNode.appendChild(ul);
    }
    function selectMe(obj) {
      var lis = obj.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) {
        if (lis[i] != obj) { // not the selected list item
          lis[i].className = lis[i].className.replace('selected','');
          lis[i].onclick = function() {
            selectMe(this);
          }
       } else {
          setVal(obj.selectID, obj.selIndex);
          obj.className = obj.className.replace('selected','');
          obj.className+=' selected';
          obj.parentNode.className = 
            obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
          obj.onclick = function() {
            obj.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            }
          }
        }
      }
    }
    function setVal(objID, selIndex) {
      var obj = document.getElementById(objID);
      obj.selectedIndex = selIndex;
      if(selIndex != 0) {
          jQuery('#searchForm_showAdvance_field').attr('name','showAdvance')
      }else{
          jQuery('#searchForm_showAdvance_field').attr('name','_showAdvance_')
      }
    }
    function setForm() {
      var s = document.getElementsByTagName('select');
      for (var i=0; i<s.length; i++) {
        if(s[i].id == 'search-select-on-header'/* || s[i].id == 'st_search_producer'*/) selectReplacement(s[i]);
      }
    }
    function closeSel(obj) {
      // close the ul
    }
    window.onload = function() {
      (document.all && !window.print) ? null : setForm();
    }// JavaScript Document