$(function() {
  var $select = $('.login_form select.dd');
  $select.change(function() {
    var $s = $(':selected', this);
    $('label.uid .hint', this.form).html($s.val() == 'oi' ? locale.address : locale.login);
    $('label.uid', this.form).css('visibility',$s.hasClass('uid') ? 'visible' : 'hidden');
    $('label.passwd', this.form).css('visibility',$s.hasClass('passwd') ? 'visible' : 'hidden');
  }).change();

  $('.login_form :text').focus(function() {
    $('.hint', this.parentNode).css('visibility', 'hidden');
  }).blur(function() {
    if (!this.value) {
      $('.hint', this.parentNode).css('visibility', 'inherit');
    }
  }).each(function() {
    $('.hint', this.parentNode).css('visibility', this.value ? 'hidden' : 'inherit');
  });

  $('.login_form :password').focus(function() {
    $('.hint', this.parentNode).css('visibility', 'hidden');
  }).blur(function() {
    if (!this.value) {
      $('.hint', this.parentNode).css('visibility', 'inherit');
    }
  }).each(function() {
    $('.hint', this.parentNode).css('visibility', this.value ? 'hidden' : 'inherit');
  });

  if ($.browser.mozilla && $.browser.version < '1.9') return;
  if ($.browser.msie && $.browser.version < '7') return;
  if ($.browser.opera && $.browser.version < '9.6') return;
  //alert($.browser.version);

  var $text = $('<span class="dd-text"/>');
  var $list = $('<span class="dd-list"/>');
  $select.find('option').each(function() {
    var v = this.value;
    var i = '<img src="/images/' + v + '.png" width="16" height="16" alt=""/>';
    $list.append($('<span/>')
      .html(i + $(this).html())
      .data('value', v));
    if ($(this).is(':selected')) {
      $text.html(i + $(this).html());
    }
  });
  $select.after(
    $('<span class="dd"/>').append('<i class="dd"/>', $text, $list)
      .click(function() {
        $list.toggle();
      })
  ).hide();
  $list.find('span').click(function(evt) {
    $text.html($(this).html());
    $select.val($(this).data('value')).change();
  });
  /*
  $dd.click(function() {
    $('.dd-list', this).show();
  });
  $('.dd-list').click(function(evt) {
    $dd.find('.dd-text').html($(evt.target).html());
    $(this).hide();
    return false;
  });*/
});