var services = new Array();
 var servtexts = new Array();
 var servtypes = new Array();
 
 function servtp(name, names, types)
 {
  this.name=name;
  this.names=names;
  this.types=types;
 }
 
  servtypes[1] = new servtp
 ("Электродуговая  металлизация", 
 ["Начало работ",
  "Наименование объекта*",
  "Тип конструкции",
  "Объем работ (м² или кг)",
  "Наносимое покрытие",
  "Толщина покрытия (мкм)",
  "Тип работ",
  "Среда эксплуатации"], 
 ['<input type="text">',
  '<input type="text">',
  '<select><option value="---">---</option><option value="решетчатая">решетчатая</option><option value="труба">труба</option><option value="балки">балки</option><option value="резервуар">резервуар</option></select>',
  '<input type="text">',
  '<select><option value="---">---</option><option value="цинковое">цинковое</option><option value="алюминиевое">алюминиевое</option><option value="комбинированное">комбинированное</option></select>',
  '<input type="text">',
  '<select><option value="---">---</option><option value="выездные работы">выездные работы</option><option value="на нашем участке">на нашем участке</option></select>',
  '<input type="text">']);

  servtypes[2] = new servtp
 ("Абразивоструйная/пескоструйная  очистка", 
 ["Начало работ",
  "Наименование объекта*",
  "Тип конструкции",
  "Вид работ",
  "Объем работ (м&#178;, м&#179;)",
  "Тип работ"], 
 ['<input type="text">',
  '<input type="text">',
  '<select><option value="---">---</option><option value="решетчатая">решетчатая</option><option value="труба">труба</option><option value="балки">балки</option><option value="здание">здание</option><option value="резервуар">резервуар</option></select>',
  '<select><option value="---">---</option><option value="очистка внутри">очистка внутри</option><option value="очистка снаружи">очистка снаружи</option><option value="внутри и снаружи">внутри и снаружи</option></select>',
  '<input type="text">',
  '<select><option value="---">---</option><option value="выездные работы">выездные работы</option><option value="на нашем участке">на нашем участке</option></select>']);
 
  servtypes[3] = new servtp
 ("Окраска", 
 ["Начало работ",
  "Наименование объекта*",
  "Тип конструкции",
  "Объем работ (м&#178; или кг)",
  "Наносимое покрытие",
  "Количество слоев",
  "Тип работ"], 
 ['<input type="text">',
  '<input type="text">',
  '<select><option value="---">---</option><option value="решетчатая">решетчатая</option><option value="труба">труба</option><option value="балки">балки</option><option value="резервуар">резервуар</option></select>',
  '<input type="text">',
  '<select><option value="---">---</option><option value="грунтовка">грунтовка</option><option value="лакокраска">лакокраска</option><option value="цинкосодержащая краска">цинкосодержащая краска</option></select>',
  '<input type="text">',
  '<select><option value="---">---</option><option value="выездные работы">выездные работы</option><option value="на нашем участке">на нашем участке</option></select>']);
  

 function refreshField()
 {
// alert(services[0]);
  //Добавить все в textarea
  newFieldContent="";
  newodtContent="";
  for (i=0; i<services.length; i++)
   {
    newFieldContent+='<div class="servbox">';
    newFieldContent+='<a href="#" onclick="removeService('+i+'); return false;" class="closebtn">&nbsp;</a>';
    newFieldContent+= services[i];
    newFieldContent+='</div>';
    newodtContent+=servtexts[i]+"\n";
   }
   //alert(newFieldContent);
   document.getElementById('serviceform').innerHTML=newFieldContent;
   document.getElementById('odt').value=newodtContent;
 }

 function addService()
 {  
    sform = document.getElementById('ns');
    //alert(sform.elements[2].value);
   if((sform.elements[0].value != 0) && (sform.elements[4].value != '')){
   //alert(document.getElementById('ns').elements.length);
   newentry='<h2>'+servtypes[sform.elements[0].value].name+'</h2><p>';
   newtextentry=servtypes[sform.elements[0].value].name+"\n";
    for(i=1; i<sform.elements.length; i+=2)
       {
       //alert(sform.elements[i].value)
       newentry+=sform.elements[i].value + ' <b>' + sform.elements[i+1].value+'</b><br />';
       newtextentry+=sform.elements[i].value+' '+ sform.elements[i+1].value+"\n";
       }
    newentry+='</p>'; 
    services.push(newentry);
    servtexts.push(newtextentry);   
   //alert(newentry);
   }
   //Добавить обьект в массив
   refreshField();
  }
 
 function removeService(serviceNumber)
 {
    //alert('removed '+serviceNumber);
    services.splice(serviceNumber,1);
    //убрать из массива
    refreshField();
  }
 
 function updateService(serviceNumber)
 {
 
     refreshField();
 }

function loadDetails(serviceType)
 {
  details="";
   //alert(servtypes[serviceType].names.length);
   
    sform = document.getElementById('ns');
   if(sform.elements[0].value != 0)
  {
   for(i=0; i<servtypes[serviceType].names.length; i++)
    {
       details+='<input type="text" style="width: 180px;" readonly="readonly" value="' + servtypes[serviceType].names[i] + ':" class="ro">';
       details+=servtypes[serviceType].types[i]+'<br />';
    }
  }
  //details='<input type="text" readonly="readonly" value="Поле" class="ro"><input type="text" />';
  document.getElementById('usldetails').innerHTML=details;
 
 }