var SelEl=0;
var PreEl =0;
var SelText;

var C1 = "eye_q_st";
var C2 = "eye_r_st";

//var ColorSel   = "eye_q_st";
//var ColorUnSel = "#ffffff";

function ST (Sel,n) {
  if (SelEl>0) {
          document.getElementById("SL"+SelEl).className = C1+'_off';
          document.getElementById("SR"+SelEl).className = C2+'_off';  
//  document.getElementById("S"+SelEl).style.background=ColorUnSel;
  }
  document.getElementById("SL"+n).className = C1;
  document.getElementById("SR"+n).className = C2;
  //document.getElementById(Sel).style.background=ColorSel;

  if (n>0) PreEl = n-1;
  else PreEl =0;
  SelEl = n; 
}

function UST (Sel,n) {
  if (SelEl>0) {
    document.getElementById("SL"+SelEl).className = C1+'_off';
    document.getElementById("SR"+SelEl).className = C2+'_off';    
  }  
  document.getElementById("SL"+Sel).className = C1;
  document.getElementById("SR"+Sel).className = C2;
  document.getElementById("q").value = SelText;
  if (n>0) PreEl = n-1;
  else PreEl =0;
  SelEl = n;
}

function Navi (e) {
  if(!e){e=window.event;}
  if(e.target){var elTarget=e.target;}else{var elTarget=e.srcElement;}
  if (elTarget==document.getElementById('q')) {
    if (e.keyCode==40) {
    var el = document.getElementsByName("Suggest");
      if (el.length>0) {
        if (SelEl < el.length) {
          PreEl = SelEl; 
          SelEl++;
          if (PreEl>0) {
            document.getElementById("SL"+PreEl).className = C1+'_off';
            document.getElementById("SR"+PreEl).className = C2+'_off';
          }        
          document.getElementById("q").value = document.getElementById("SV"+SelEl).innerHTML;
          document.getElementById("SL"+SelEl).className = C1;
          document.getElementById("SR"+SelEl).className = C2;
          //alert (document.getElementById("SR"+SelEl).className);
          //ColorSel;
          
        } else {
          if (PreEl>0) {
            document.getElementById("SL"+PreEl).className = C1+'_off';
            document.getElementById("SR"+PreEl).className = C2+'_off';
          }
          document.getElementById("q").value = SelText;
          document.getElementById("SL"+SelEl).className = C1;
          document.getElementById("SR"+SelEl).className = C2;          
          //document.getElementById("S"+SelEl).style.background =ColorUnSel;
          PreEl=0;
          SelEl=0;
        }
      }
    } else if (e.keyCode==38) {
      el = document.getElementsByName("Suggest");
      if (el.length>0) {
        
        if (SelEl >=2) {
          PreEl = SelEl; 
          SelEl--;
          if (PreEl>0) {
            document.getElementById("SL"+PreEl).className = C1+'_off';
            document.getElementById("SR"+PreEl).className = C2+'_off';
          }        
          document.getElementById("q").value = document.getElementById("SV"+SelEl).innerHTML;
          document.getElementById("SL"+SelEl).className = C1;
          document.getElementById("SR"+SelEl).className = C2;   
          
        } else {
          PreEl=SelEl;
          SelEl=el.length;
          if (PreEl>0) {
            document.getElementById("SL"+PreEl).className = C1+'_off';
            document.getElementById("SR"+PreEl).className = C2+'_off';
          }
          document.getElementById("q").value = document.getElementById("SV"+SelEl).innerHTML;
          document.getElementById("SL"+SelEl).className = C1;
          document.getElementById("SR"+SelEl).className = C2;   
        }
      }
    } else if (e.keyCode==8) {
      document.getElementById("Suggestion").innerHTML = '';     
    }
  }  
}

function listener(e){
  if(!e){e=window.event;}
  if(e.target){var elTarget=e.target;}else{var elTarget=e.srcElement;}
  
  // 40 - Down;
  // 38 - Up;
  // 13 - Enter
 
  if (elTarget==document.getElementById('q')) {
    if (!SelText) SelText = document.getElementById('q').value;
    if (e.keyCode!=40 && e.keyCode!=38 && e.keyCode!=13  
        && e.keyCode!=39 && e.keyCode!=17 && e.keyCode!=116 
        && e.keyCode!=37 && e.keyCode!=8 && e.keyCode!=18
        && e.keyCode!=16 && e.keyCode<112 && e.keyCode<123 
        && e.keyCode!=9 && e.keyCode!=27 && e.keyCode!=20
        && e.keyCode!=34 && e.keyCode!=45 && e.keyCode!=36
        && e.keyCode!=46 && e.keyCode!=35 && e.keyCode!=34
        && e.keyCode!=19 && e.keyCode!=44) {
      var url = encodeURI('/scripts/search/search.php?style=xml&q='+document.getElementById('q').value);
      
      if(document.location.search.indexOf("sMachine=aport")!=-1) {
        url += '&sMachine=aport';
      }
      
      if (document.location.search.indexOf("img")!=-1) {
        url += '&pl=img';
      } else if (document.location.search.indexOf("mov")!=-1) {
        url += '&pl=mov';
      } else {
        url += '&pl=str';
      }

      AjaxRequest.get( {
         'url':url,
         'onSuccess':function(req){
            document.getElementById("Suggestion").style.display = 'block';
            document.getElementById("Suggestion").innerHTML = req.responseText;
          },
          'onError':function(req){ alert ("Error");}
        }
      );
  
    }
  }
  
  if(e.keyCode==13 && elTarget==document.getElementsByName('Password')[0]){
    document.forms['auth'].submit();
  }
  return;
}

function sOff (e) {
  if(!e){e=window.event;}
  document.getElementById("Suggestion").style.display = 'none';
  var message="";
  function clickIE() {if (document.all) {(message);return false;}}
  function clickNS(e) {if 
  (document.layers||(document.getElementById&&!document.all)) {
  if (e.which==2||e.which==3) {
  (message);
  return false;}}}
  if (document.layers) {
  document.captureEvents(Event.MOUSEDOWN);
  document.onmousedown=clickNS;
  }else{
//  document.onmouseup=clickNS;
//  document.oncontextmenu=clickIE;
  }
  //document.oncontextmenu=new Function("return false")
}

if(document.addEventListener){
  document.addEventListener("", Navi, true);
  document.addEventListener("keydown", Navi, true);    
  document.addEventListener("keyup", listener, true);
  document.addEventListener("click",sOff,true);
}else if(document.attachEvent){
  document.attachEvent("onclick",sOff);
  document.attachEvent("onkeyup",listener);
  document.attachEvent("onkeydown", Navi);
}else{
  document.onclick = sOff;
  document.onkeydown = Navi;
  document.onkeyup=listener;
}