var _SELECT_element_tag = "div"
var _SELECT_class       = "select"
var _SELECT_option_tag  = "div"

var oSelect = null
var oHidden = null


//+++++++++++++++++++++++++++++++++
function select_init() {
  var select_list = document.getElementsByTagName(_SELECT_element_tag)
  for (var i = 0; i < select_list.length; i++) {
    if (select_list[i].className == _SELECT_class) {
      select_create(select_list[i])
    }
  }
}

//+++++++++++++++++++++++++++++++++
function select_create(obj) {
  oSelect = obj

  oForm = getParentTag("FORM", oSelect.parentElement)
  var input_list = oForm.getElementsByTagName("INPUT")
  for (i = 0; i < input_list.length; i++) {
    if (input_list[i].name == obj.name) oHidden = input_list[i]
  }
  
  select_attachEvents()
  select_setValue(oHidden.value)
}

//+++++++++++++++++++++++++++++++++
function select_attachEvents() {
  var option_list = oSelect.getElementsByTagName(_SELECT_option_tag)
  for (i = 0; i < option_list.length; i++) {
    option_list[i].attachEvent("onclick", select_eventClick)
  }
}

//+++++++++++++++++++++++++++++++++
function select_eventClick() {
  select_setValue(getParentTag(_SELECT_option_tag, window.event.srcElement).value)
}

//+++++++++++++++++++++++++++++++++
function select_setValue(value) {
  var option_list = oSelect.getElementsByTagName(_SELECT_option_tag)
  for (i = 0; i < option_list.length; i++) {
    if (option_list[i].value == oHidden.value) option_list[i].className = ""
    if (option_list[i].value == value)         option_list[i].className = "selected"
  }
  oHidden.value = value
}