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');
    if(i==0) li.className = 'first';
    var txt = document.createTextNode(opts[i].text);
    li.appendChild(txt);
    li.selIndex = opts[i].index;
    li.selectID = obj.id;
    li.onclick = function() {
      selectMe(this);
    }
    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);
  }
  // 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].onclick = function() {
        selectMe(this);
      }
      if(i==0) lis[i].className='first';
   } else {
      setVal(obj.selectID, obj.selIndex);
      obj.className='selected';
      if(i==0) obj.className='first 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;
}
function setForm() {
  var s = document.getElementsByTagName('select');
  for (var i=0; i<s.length; i++) {
    selectReplacement(s[i]);
  }
}
function closeSel(obj) {
  // close the ul
}
function m_light(el) {
  target = el.parentNode.parentNode.parentNode;
  if(target.className == 'red_button') target.className = 'red_button over';
  else if(target.className == 'red_button over') target.className = 'red_button';
}

function t_light(el) {
  target = el.parentNode.parentNode.parentNode;
  if(target.className == 'more_link') target.className = 'more_link more_link_over';
  else target.className = 'more_link';
}

function s_light(el) {
  target = el;
  while(target = target.parentNode) {
    if(target.className == 'item' || target.className == 'item item_over') break;
  }
  if(target.className == 'item') target.className = 'item item_over';
  else target.className = 'item';
}

window.onload = function() {
  (document.all && !window.print) ? null : setForm();
}