YAHOO.namespace("compare");
YAHOO.util.Event.onContentReady("content",init_list);

function init_list(A){
  new Compare("salary_searchbox");
}

function Compare(container){
  this.container  = YAHOO.util.Dom.get(container);
  this.toggle_compare_flag = false;    
  this.next_id_array = new Array();
  this.max_input = 9;  
  this.salary_searchbox = null;
  this.compare_inputs_query = null;
  this.compare_inputs_location = null;
  this.salary_searchbox = null;
  this.compare_inputs_location = null;
  this.add_comparison = null;
  this.init_compare();  
}

Compare.prototype.init_compare = function() {   
  for(var i = 1; i <= this.max_input ; i++){
    this.next_id_array.push(i);
  }
  this.salary_searchbox = new YAHOO.widget.Module(this.container, { visible: this.toggle_compare_flag });   
  this.compare_inputs_location = new YAHOO.widget.Module("compare_inputs_location");
  this.add_comparison = new YAHOO.widget.Module("add_comparison");     
  this.compare_inputs_query = new YAHOO.widget.Module("compare_inputs_query");
  this.salary_searchbox.render();  
  this.addInput();
  YAHOO.util.Event.on("compare_salary",'click',this.toggleCompare,this,true);
  YAHOO.util.Event.on("add_comparison",'click',this.addInput,this,true);  
  return;
}

Compare.prototype.toggleCompare = function(){
  var img = YAHOO.util.Dom.get("compare_arrow");  
  if(this.toggle_compare_flag){
    img.src = "/c/simplyhired-common/images/icons/arrow-right.gif";
    this.salary_searchbox.hide();
    this.toggle_compare_flag = false;
  }
  else{
    img.src = "/c/simplyhired-common/images/icons/arrow-down.gif";
    this.salary_searchbox.show();
    this.toggle_compare_flag = true;
  }
  return;
}

Compare.prototype.addInput = function(){    
  if(this.next_id_array.length == 0){
    return;
  }
  next_id = this.next_id_array.shift();
  var query_input = document.createElement("input");
  query_input.type = "text";
  query_input.name = "q_" + next_id;
  query_input.id = "q_" + next_id;
  query_input.className = "text_input compareinput_" + next_id;
  this.compare_inputs_query.appendToBody(query_input);
  this.compare_inputs_query.render();  
  
  
  var location_input = document.createElement("input");
  location_input.type = "text";
  location_input.name = "l_" + next_id;
  location_input.id = "l_" + next_id;
  location_input.className = "text_input compareinput_" + next_id;
  this.compare_inputs_location.appendToBody(location_input);
  
  var minus = document.createElement("a");
  minus.name = "minus_" + next_id;    
  minus.id = "minus_" + next_id;  
  minus.innerHTML = "<img src=\"/c/salary/images/remove-salary-compare.gif\" id=\"imgminus_"+next_id+"\" align=\"middle\" class=\"minus\"/>";
  this.compare_inputs_location.appendToBody(minus);
  this.compare_inputs_location.render();   
    
  YAHOO.util.Event.on(minus,'click',this.deleteInput,this,true);    
  
  
  if(this.next_id_array.length == 0){
    this.add_comparison.hide();
  }
  return;
}


Compare.prototype.deleteInput = function(event){  
  var target_id = YAHOO.util.Event.getTarget(event).id;  
  var input_id = parseInt(target_id.substring(target_id.indexOf("_")+1));    
  
  this.next_id_array.push(input_id);  
  
    var temp = new YAHOO.widget.Module("q_" +input_id); 
    temp.destroy();
    temp = new YAHOO.widget.Module("l_" +input_id); 
    temp.destroy();
    temp = new YAHOO.widget.Module("minus_" +input_id); 
    temp.destroy();
  
  if(this.next_id_array.length > 0){
    this.add_comparison.show();
  }
  return;
}