function setCustomerReference(select_obj)
{
	var textfield = document.getElementById("reference_field");
	textfield.value = select_obj.options[select_obj.options.selectedIndex].value;
}

function removeRelation (id)
{
  var element = document.getElementById(id);
  element.parentNode.removeChild(element);
}

function removeAllRelations(id)
{
  var relDiv = document.getElementById(id);
  relDiv.innerHTML = "";
  
}

function addAllRelations(relation, imgpath)
{
  var relations;
  var relationString = relation.toString();
  var id;

  eval("(relations = document.getElementById('"+relationString+"'))");
  relations.innerHTML = "";
  var ref = document.getElementById(relationString+".ref");
  var select = ref.getElementsByTagName("select");
  select = select[0];

  var nrOfOptions = select.options.length;
  var i;
  
  for(i = 0; i < nrOfOptions; i++)
  {
      id = select.options[i].value;
      if(id == 0)
        continue;
      var text = select.options[i].text;
      var old = document.getElementById(relationString+"."+ id)
      
      
      if(((old != null) && (id > 0)) || (id == 0))
      {
        return;
      }
      
      var newdiv = document.createElement("div");
      var idstring = relationString+"."+id;
      newdiv.setAttribute("id", idstring);
      
      
      
      var newinput = document.createElement("input");
      newinput.setAttribute("type", "hidden");
      newinput.setAttribute("value", id);
      newinput.setAttribute("name", relationString.substring(2)+"[]");
      var display = document.createElement("input");
      display.setAttribute("readonly", "readonly");
      display.setAttribute("value", text);
      display.style.width = "300px";
      var newspan = document.createElement("span");
      var newimage = "<img src=\""+imgpath+"\" onclick=\"removeRelation('"+idstring+"');\"/>";
      //var newimg = document.createElement("img");
      //newimg.setAttribute("src", imgpath);
      
      //alert("relationString param: "+relationString+", relationStrings-object-id: "+relationStrings.id+", id: "+id);
    
      //if(document.all)
      //{        
        //newimg.onclick = function() { removeRelation(new String(idstring)); }
      //}
      
        //newimg.setAttribute("onclick", "removeRelation('"+relationString+"."+id+"')");
      
      newspan.innerHTML = newimage;
      
      newdiv.appendChild(newinput);
      newdiv.appendChild(display);
      newdiv.appendChild(newspan);
      newdiv.appendChild(document.createElement("br"));
      relations.appendChild(newdiv);  
  }

  
}

function addRelation(relation, imgpath)
{
  var relations;
  var relationString = relation.toString();

  eval("(relations = document.getElementById('"+relationString+"'))");
  var ref = document.getElementById(relationString+".ref");
  var select = ref.getElementsByTagName("select");
  select = select[0];

  var id = select.options[select.options.selectedIndex].value;

  var text = select.options[select.options.selectedIndex].text;
  var old = document.getElementById(relationString+"."+ id)
  
  
  if(((old != null) && (id > 0)) || (id == 0))
  {
    return;
  }
  
  
  var newdiv = document.createElement("div");
  newdiv.setAttribute("id", relationString+"."+id);
  
  
  
  var newinput = document.createElement("input");
  newinput.setAttribute("type", "hidden");
  newinput.setAttribute("value", id);
  newinput.style.width = "300px";
  newinput.setAttribute("name", relationString.substring(2)+"[]");
  var display = document.createElement("input");
  display.setAttribute("readonly", "readonly");
  display.setAttribute("value", text);
  display.style.width = "300px";
  var newimg = document.createElement("img");
  newimg.setAttribute("src", imgpath);
  
  //alert("relationString param: "+relationString+", relationStrings-object-id: "+relationStrings.id+", id: "+id);

  if(document.all)
  	newimg.onclick = function() { removeRelation(relationString+"."+id); }
    
  else
    newimg.setAttribute("onClick", "removeRelation('"+relationString+"."+id+"')");
  
  newdiv.appendChild(newinput);
  newdiv.appendChild(display);
  newdiv.appendChild(newimg);
  newdiv.appendChild(document.createElement("br"));
  relations.appendChild(newdiv);
  try
  {
    
  }
  catch(exc)
  {
    alert(exc.message);
  }

}