window.onload = function() {
  var selectBox = $('#login-form .select')[0];
  var selectMenu = $('#login-form .select-menu')[0];
  var selectMenuItems = $('#login-form .select-menu li');
  var currentMenuValue = $('#login-form .select .current')[0];
  var menuValueInputHidden = $('#login-form input[@name=interface]')[0];
  var loginForm = $('#login-form')[0];
  
  selectBox.onclick = function() {
    openCloseMenu();
    document.body.skipClick = true;
  };
  document.body.onclick = function() {
    if (!this.skipClick && selectBox.opened) openCloseMenu();
    this.skipClick = false;
  }
  for (var i = 0; i < selectMenuItems.size(); i++) {
    selectMenuItems[i].onclick  = onMenuItemClick;
    selectMenuItems[i].onmouseover  = onMenuItemMouseOver;
    selectMenuItems[i].onmouseout  = onMenuItemMouseOut;
  }
  
  function openCloseMenu() {
    if (selectBox.opened == undefined) selectBox.opened = false;
    selectMenu.style.display = (selectBox.opened) ? '' : 'block';
    selectBox.opened = !selectBox.opened;
    
    if (selectBox.opened) {
      for (var i = 0; i < selectMenuItems.size(); i++) {
        //alert([selectMenuItems[i].getAttribute('id'), menuValueInputHidden.getAttribute('value')]);
        var selected = selectMenuItems[i].getAttribute('id') == menuValueInputHidden.getAttribute('value');
        selectMenuItems[i].className = (selected) ? 'selected' : '';
      }
    }
  }
  
  function onMenuItemClick() {
    currentMenuValue.innerHTML = this.innerHTML;
    menuValueInputHidden.value = this.getAttribute('id');
  }
  
  function onMenuItemMouseOver() {
    /*for (var ii = 0; ii < selectMenuItems.size(); ii++) {
      selectMenuItems[ii].className = '';
    }*/
    this.className = 'selected';
  }
  function onMenuItemMouseOut() {
    this.className = '';
  }
  
  window.onLoginFormSubmit = function() {
    var login = $('#login-form input[@name=login]')[0].value;
    var password = $('#login-form input[@name=password]')[0].value;
    var interfaceType = menuValueInputHidden.value;
    
    var f = document.createElement('form');
    document.body.appendChild(f);
    
    if (interfaceType == 'direct_admin') {
      var action = 'http://ehost.by:2222/CMD_LOGIN';
      var loginInput = document.createElement('input');
      loginInput.name = 'username';
      loginInput.value = login;
      var passwordInput = document.createElement('input');
      passwordInput.name = 'password';
      passwordInput.value = password;
    } else if (interfaceType == 'cpanel_russia') {
      document.location.href = 'https://' + login + ':' + password + '@dreamhoster.info:2083';
    } else if (interfaceType == 'cpanel_usa') {
      document.location.href = 'https://' + login + ':' + password + '@dreamhoster.org:2083';
    } else if (interfaceType == 'billing_panel') {
      var action = 'http://ehost.by/order/?mod=main';
      var loginInput = document.createElement('input');
      loginInput.name = 'useraccount';
      loginInput.value = login;
      var passwordInput = document.createElement('input');
      passwordInput.name = 'userpassword';
      passwordInput.value = password;
      var hiddenInput = document.createElement('input');
      hiddenInput.name = 'enterlogin';
      hiddenInput.value = 'customer';
      var hiddenInput2 = document.createElement('input');
      hiddenInput2.name = 'saveconfig';
      f.appendChild(hiddenInput);
      f.appendChild(hiddenInput2);
    };
    
    f.appendChild(loginInput);
    f.appendChild(passwordInput);
    f.method = 'POST';
    f.action = action;
    f.submit();
    
    return false;
  };
}