window.addEvent('domready',function(){
  $('select').activo = false;
  $('select').addEvent('mouseover',function(){
    this.style.backgroundImage = 'url(images/select_fondo2.png)';
  });
  $('select').addEvent('mouseout',function(){
    this.style.backgroundImage = 'url(images/select_fondo1.png)';
  });

  document.getElementById('select').onclick = mostrarLista;

  $$('#estadosLista ul li.item').addEvent('mouseover',function(){
    $('select').style.backgroundImage = 'url(images/select_fondo2.png)';
    //$('estadosLista').style.display = 'block';
  });

  $$('#estadosLista ul li.item').addEvent('click',function(){
     mostrarLista();
  });

  //precarga
  var imagenes = new Array();
  imagenes[0] = 'images/select_fondo1.png';
  imagenes[1] = 'images/select_fondo2.png';

  var images = new Array();

  cargarImagenes(imagenes,images);
});

function mostrarLista(){
    //alert($('select').activo);
    if(!$('select').activo){
      $('estadosLista').style.display = 'block';
      $('select').activo = true;
    }else{
      $('estadosLista').style.display = 'none';
      $('select').activo = false;
    }
}

function cargarImagenes(arreglo,lista_imagenes){
  for(var i in arreglo){
    lista_imagenes[i] = new Image();
    lista_imagenes[i].src = arreglo[i];
  }
}