var sidemots_iconeface = "droite";
var sidemots_iconecolor = "bleu";
var focus_motscles = false;
var sidemots_wait = 0;
function sidemots_init(){
    $("motscles_input").setValue("Rechercher");

    /*$("sidemotscles_content").style.height = $("sidemotscles_content").getHeight()+"px";
    $("sidemotscles_content").style.overflowY = "auto";
    */
    Event.observe($("motscles_input"),"mouseover",function(e){ sidemots_mouseover(e) });
    Event.observe($("motscles_input"),"mouseout",function(e){ sidemots_mouseout(e) });
    Event.observe($("motscles_input"),"focus",function(){ sidemots_focus() });
    Event.observe($("motscles_input"),"blur",function(){ sidemots_blur() });
    Event.observe($("motscles_input"),"click",function(){ 

      $('motscles_input').select($('motscles_input').getValue()); 

    });

      
    $("motscles_input").observe("keyup",sidemots_key);    

    Event.observe($("motscles_bouton"),"mouseover",function(e){ 
      sidemots_mouseover(e);
    });
    Event.observe($("motscles_bouton"),"mouseout",function(e){ 
      sidemots_mouseout(e);
    });
    Event.observe($("motscles_bouton"),"click",function(e){ 
      sidemots_icone_action();
    });
    
    sidemots_setmode(0);
//Event.observe($("motscles_input"),"blur",function(){  this.setValue("Rechercher");  });
//Event.observe($("motscles_input"),"click",function() { this.select(this.getValue()) });
}

function sidemots_mouseover(e){

 if(Event.element(e) == $("motscles_input")){
    sidemots_iconecolor = "blanc";
 }else{
    sidemots_iconecolor = "blanc";
 }
  $('motscles_input').addClassName('rechercheFocus');
  sidemots_update_icone();
}

function sidemots_mouseout(){
   
  sidemots_iconecolor = "bleu";
  
  //if(!focus_motscles){
    $('motscles_input').removeClassName('rechercheFocus');
    sidemots_update_icone();
  //}
  
}
function sidemots_focus(){
  focus_motscles=true;
  sidemots_iconecolor = "blanc";
  
  $('motscles_input').addClassName('rechercheFocus');
  sidemots_update_icone();
}
function sidemots_blur(){
  focus_motscles=false;
   sidemots_iconecolor = "bleu";
  $('motscles_input').removeClassName('rechercheFocus');
  if(sidemots_mode == 0){
    $('motscles_input').setValue("Rechercher");
  }
  sidemots_update_icone();
}

function sidemots_close_search(){
  sidemots_default_content();
  sidemots_update_icone();
}

function sidemots_key(){
				//alert("hello");
      clearInterval(sidemots_wait);
      
      if($("motscles_input").getValue().length > 1){
						sidemots_wait = setInterval("sidemots_suggerer()",500);
      }else{
            sidemots_wait = setInterval("sidemots_default_content()",500);
      }
      
}



function sidemots_setmode(n){
  sidemots_mode = n;
  switch(sidemots_mode){
    case 1:
      sidemots_iconeface = "fermer";
      //$("motscles_bouton").show();
      $('motscles_bouton').style.cursor = "pointer";
    break;
    default:
      if(!focus_motscles){
        $("motscles_input").setValue("Rechercher");
      }
      $('motscles_bouton').style.cursor = "auto";
     //$("motscles_bouton").hide();
      sidemots_iconeface = "droite";
    break;
  }
  sidemots_update_icone();
}

function sidemots_update_icone(){
    $('motscles_bouton').setAttribute("src",Cake.webroot+"img/icones/"+sidemots_iconeface+"_"+sidemots_iconecolor+".gif");

}
function sidemots_icone_action(){
  //clearInterval(sidemots_wait);
  switch(sidemots_mode){
    case 0:
      
    break;
    case 1:
      sidemots_default_content();
    break;
    
  }
}
function sidemots_suggerer(){
  clearInterval(sidemots_wait);
  sidemots_setmode(1);
  
  new Ajax.Updater("sidemotscles_content",Cake.base+"/etiquettes/suggerer",{
							method:"post",
							parameters:{q:$("motscles_input").getValue()}
  });
}
function sidemots_default_content(){
  clearInterval(sidemots_wait);
  sidemots_setmode(0);
  
  new Ajax.Updater("sidemotscles_content",Cake.base+"/etiquettes/top/25");
  
}