/* *************************************** */
/* JavaScript vytvori uzivatelske rozhrani */
/* *************************************** */
// Pridej odeber input
function Tinputovnik(linkId){
  
  this.linkId = linkId; // idecko linkovaneho elementu do ktereho budu sazet inputy
  this.inputArr = new Array(); // seznam inputu v elementu linkId
  this.constructor = function(){}
  
  
  /* ******************************* */
  /* pridani inputu do toho elementu */ 
  /* vytvorim pomoci create element  */
  /* ******************************* */
  this.add = function(){
    var elem = document.getElementById(this.linkId);
    
    /* ******************************* */
    /* hlavni fieldset pridavane casti */
    /* ******************************* */
    // fieldset
    var NarrowFieldset = document.createElement('fieldset');
    NarrowFieldset.className = 'NarrowForm';
    
    // legend
    var FieldsetLegend = document.createElement('legend');
    FieldsetLegend.innerHTML = 'nové balení';
    NarrowFieldset.appendChild(FieldsetLegend);
  
    /* ********************* */
    /* prvni radek formulare */
    /* ********************* */
    // div jako radek
    var FirstUpperDiv =  document.createElement('div');
    FirstUpperDiv.className = 'licha NoSubmit';
    
//     // p
//     var Popis = document.createElement('p');
//     Popis.className = 'popis';
//     // span
//     var span = document.createElement('span');
//     span.className = 'MusisVyplnit';
//     span.innerHTML = ' *';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'typ_baleni_'+this.inputArr.length;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'typ balení';
    // slozeni 
    LabelFile.appendChild(strong); 
//     LabelFile.appendChild(span); 
    FirstUpperDiv.appendChild(LabelFile); 
//     FirstUpperDiv.appendChild(Popis); 
    
    
//     // p
//     var Vstup = document.createElement('p');
//     Vstup.className = 'vstup';
    // Select
    var SelectBaleni = document.createElement('select');
    SelectBaleni.name = 'typ_baleni[]'; 
    SelectBaleni.id = 'typ_baleni_'+this.inputArr.length;
    // SelOption
    var SelOption = document.createElement('option');
    SelOption.value = '';
    SelOption.name = 'typ_baleni[]';
    SelOption.innerHTML = 'Vyberte';
    SelectBaleni.appendChild(SelOption); 
    var SelOption = document.createElement('option');
	SelOption.value = '6';
	SelOption.innerHTML = 'kbelík';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '3';
	SelOption.innerHTML = 'pack';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '4';
	SelOption.innerHTML = 'PAP skládačka';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '17';
	SelOption.innerHTML = 'papírový pytel';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '5';
	SelOption.innerHTML = 'PE dóza';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '8';
	SelOption.innerHTML = 'PE kanystr';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '2';
	SelOption.innerHTML = 'PE láhev';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '19';
	SelOption.innerHTML = 'PE láhev s rozpraš';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '1';
	SelOption.innerHTML = 'PE sáček';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '18';
	SelOption.innerHTML = 'PE sypačka';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '14';
	SelOption.innerHTML = 'PE tuba';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '15';
	SelOption.innerHTML = 'PET dóza';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '11';
	SelOption.innerHTML = 'PET krabička';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '7';
	SelOption.innerHTML = 'PET láhev';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '10';
	SelOption.innerHTML = 'PET met/PET sáček';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '16';
	SelOption.innerHTML = 'plastový sáček';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '13';
	SelOption.innerHTML = 'PP kelímek';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '12';
	SelOption.innerHTML = 'PP pouzdro';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '9';
	SelOption.innerHTML = 'volné balení';
	SelectBaleni.appendChild(SelOption);
	    // text nebo zadejte
    var NeboZadejte = document.createElement('em');
    NeboZadejte.innerHTML = ' nebo zadejte ';
    // pole pro zadani nove hodnoty
    var NoveBaleni = document.createElement('input');
    NoveBaleni.name = 'new_typ_baleni[]';
    NoveBaleni.size = '7';
    // slozeni 
    FirstUpperDiv.appendChild(SelectBaleni); 
    FirstUpperDiv.appendChild(NeboZadejte); 
    FirstUpperDiv.appendChild(NoveBaleni); 
//     FirstUpperDiv.appendChild(Vstup); 
    
    
    // hr 
    var Linka = document.createElement('hr');
    Linka.className = 'clear';
    FirstUpperDiv.appendChild(Linka); 
  
    /* ********************* */
    /* druhy radek formulare */
    /* ********************* */
    // div jako radek
    var SecondUpperDiv =  document.createElement('div');
    SecondUpperDiv.className = 'suda';
    
    // p
    var Popis = document.createElement('p');
    Popis.className = 'popis';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'mnozstvi_'+this.inputArr.length;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'množství';
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // slozeni 
    LabelFile.appendChild(strong);
    LabelFile.appendChild(span);
    Popis.appendChild(LabelFile); 
    SecondUpperDiv.appendChild(Popis); 
    
    
    // p
    var Vstup = document.createElement('p');
    Vstup.className = 'vstup';
    // Select
    var SelectMnozstvi = document.createElement('select');
    SelectMnozstvi.name = 'mnozstvi[]'; 
    SelectMnozstvi.id = 'mnozstvi_'+this.inputArr.length;
    // SelOption
    var SelOption = document.createElement('option');
    SelOption.value = '';
    SelOption.name = 'mnozstvi[]';
    SelOption.innerHTML = 'Vyberte';
    SelectMnozstvi.appendChild(SelOption); 
    var SelOption = document.createElement('option');
	SelOption.value = '9';
	SelOption.innerHTML = '1';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '6';
	SelOption.innerHTML = '10';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '15';
	SelOption.innerHTML = '100';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '22';
	SelOption.innerHTML = '1000';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '3';
	SelOption.innerHTML = '125';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '21';
	SelOption.innerHTML = '14';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '11';
	SelOption.innerHTML = '150';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '10';
	SelOption.innerHTML = '170';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '19';
	SelOption.innerHTML = '180';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '1';
	SelOption.innerHTML = '200';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '2';
	SelOption.innerHTML = '225';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '24';
	SelOption.innerHTML = '2,4';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '25';
	SelOption.innerHTML = '250';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '23';
	SelOption.innerHTML = '3';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '12';
	SelOption.innerHTML = '300';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '18';
	SelOption.innerHTML = '33';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '20';
	SelOption.innerHTML = '400';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '16';
	SelOption.innerHTML = '450';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '8';
	SelOption.innerHTML = '5';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '5';
	SelOption.innerHTML = '500';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '4';
	SelOption.innerHTML = '600';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '14';
	SelOption.innerHTML = '7';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '7';
	SelOption.innerHTML = '750';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '17';
	SelOption.innerHTML = '80';
	SelectMnozstvi.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '13';
	SelOption.innerHTML = '90';
	SelectMnozstvi.appendChild(SelOption);
	    // text nebo zadejte
    var NeboZadejte = document.createElement('em');
    NeboZadejte.innerHTML = ' nebo zadejte ';
    // pole pro zadani nove hodnoty
    var NoveMnozstvi = document.createElement('input');
    NoveMnozstvi.name = 'new_mnozstvi[]';
    NoveMnozstvi.size = '7';
    // slozeni 
    Vstup.appendChild(SelectMnozstvi); 
    Vstup.appendChild(NeboZadejte); 
    Vstup.appendChild(NoveMnozstvi); 
    SecondUpperDiv.appendChild(Vstup); 
    
    
    // hr 
    var Linka = document.createElement('hr');
    Linka.className = 'clear';
    SecondUpperDiv.appendChild(Linka); 
  
    /* ********************* */
    /* treti radek formulare */
    /* ********************* */
    // div jako radek
    var ThirdUpperDiv =  document.createElement('div');
    ThirdUpperDiv.className = 'licha';
    
    // p
    var Popis = document.createElement('p');
    Popis.className = 'popis';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'jednotka_'+this.inputArr.length;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'měrná jednotka';
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // slozeni 
    LabelFile.appendChild(strong); 
    LabelFile.appendChild(span); 
    Popis.appendChild(LabelFile); 
    ThirdUpperDiv.appendChild(Popis); 
    
    
    // p
    var Vstup = document.createElement('p');
    Vstup.className = 'vstup';
    // Select
    var SelectJednotka = document.createElement('select');
    SelectJednotka.name = 'jednotka[]'; 
    SelectJednotka.id = 'jednotka_'+this.inputArr.length;
    // SelOption
    var SelOption = document.createElement('option');
    SelOption.value = '';
    SelOption.innerHTML = 'Vyberte';
    SelectJednotka.appendChild(SelOption); 
    var SelOption = document.createElement('option');
	SelOption.value = '2';
	SelOption.innerHTML = 'g';
	SelectJednotka.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '3';
	SelOption.innerHTML = 'kg';
	SelectJednotka.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '4';
	SelOption.innerHTML = 'l';
	SelectJednotka.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '1';
	SelOption.innerHTML = 'ml';
	SelectJednotka.appendChild(SelOption);
	    // text nebo zadejte
    var NeboZadejte = document.createElement('em');
    NeboZadejte.innerHTML = ' nebo zadejte ';
    // pole pro zadani nove hodnoty
    var NoveMnozstvi = document.createElement('input');
    NoveMnozstvi.name = 'new_jednotka[]';
    NoveMnozstvi.size = '7';
    // slozeni 
    Vstup.appendChild(SelectJednotka); 
    Vstup.appendChild(NeboZadejte); 
    Vstup.appendChild(NoveMnozstvi); 
    ThirdUpperDiv.appendChild(Vstup); 
    
    
    // hr 
    var Linka = document.createElement('hr');
    Linka.className = 'clear';
    ThirdUpperDiv.appendChild(Linka); 
  
    /* ********************* */
    /* ctvrty radek formulare */
    /* ********************* */
    // div jako radek
    var ForthUpperDiv =  document.createElement('div');
    ForthUpperDiv.className = 'suda';
    
    // p
    var Popis = document.createElement('p');
    Popis.className = 'popis';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'popis_baleni_'+this.inputArr.length;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'popis';
    // slozeni 
    LabelFile.appendChild(strong); 
    Popis.appendChild(LabelFile); 
    ForthUpperDiv.appendChild(Popis); 
    
    
    // p
    var Vstup = document.createElement('p');
    Vstup.className = 'vstup';
    // input text
    var Popis = document.createElement('input');
    Popis.id = 'popis_baleni_'+this.inputArr.length;
    Popis.name = 'popis_baleni[]';
    Popis.size = '25';
    // slozeni 
    Vstup.appendChild(Popis); 
    ForthUpperDiv.appendChild(Vstup); 
    
    
    // hr 
    var Linka = document.createElement('hr');
    Linka.className = 'clear';
    ForthUpperDiv.appendChild(Linka); 
  
    /* ********************* */
    /* paty  radek formulare */
    /* ********************* */
    // div jako radek
    var FifthUpperDiv =  document.createElement('div');
    FifthUpperDiv.className = 'licha';
    
    // p
    var Popis = document.createElement('p');
    Popis.className = 'popis';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'cislo_'+this.inputArr.length;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'č. v.';
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // slozeni 
    LabelFile.appendChild(strong); 
    LabelFile.appendChild(span); 
    Popis.appendChild(LabelFile); 
    FifthUpperDiv.appendChild(Popis); 
    
    
    // p
    var Vstup = document.createElement('p');
    Vstup.className = 'vstup';
    // input text
    var Cislo = document.createElement('input');
    Cislo.id = 'cislo_'+this.inputArr.length;
    Cislo.name = 'cislo[]';
    Cislo.size = '7';
    // slozeni 
    Vstup.appendChild(Cislo); 
    FifthUpperDiv.appendChild(Vstup); 
    
    
    // hr 
    var Linka = document.createElement('hr');
    Linka.className = 'clear';
    FifthUpperDiv.appendChild(Linka); 
  
    /* ********************* */
    /* sesty radek formulare */
    /* ********************* */
    // div jako radek
    var SixthUpperDiv =  document.createElement('div');
    SixthUpperDiv.className = 'suda';
    
    // p
    var Popis = document.createElement('p');
    Popis.className = 'popis';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'zobrazovat_baleni_'+this.inputArr.length;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'zobrazovat';
    // slozeni 
    LabelFile.appendChild(strong); 
    Popis.appendChild(LabelFile); 
    SixthUpperDiv.appendChild(Popis); 
    
    
    // p
    var Vstup = document.createElement('p');
    Vstup.className = 'vstup';
    // input text
    var Zobrazovat = document.createElement('input');
    Zobrazovat.type = 'checkbox';
    Zobrazovat.checked = 'checked';
    Zobrazovat.id = 'zobrazovat_baleni_'+this.inputArr.length;
    Zobrazovat.name = 'zobrazovat_baleni[]';
    Zobrazovat.size = '7';
    // slozeni 
    Vstup.appendChild(Zobrazovat); 
    SixthUpperDiv.appendChild(Vstup); 
    
    // test
//     var strong = document.createElement('strong');
//     strong.innerHTML = 'cislo - '+this.inputArr.length;
//     SixthUpperDiv.appendChild(strong);
    
    // hr 
    var Linka = document.createElement('hr');
    Linka.className = 'clear';
    SixthUpperDiv.appendChild(Linka); 
    
    /* ********************************* */
    /* slozeni vytvorenych casti do sebe */
    /* ********************************* */
    // slozi radky za sebe
    NarrowFieldset.appendChild(FirstUpperDiv);
    NarrowFieldset.appendChild(SecondUpperDiv);
    NarrowFieldset.appendChild(ThirdUpperDiv);
    NarrowFieldset.appendChild(ForthUpperDiv);
    NarrowFieldset.appendChild(FifthUpperDiv);
    NarrowFieldset.appendChild(SixthUpperDiv);
    elem.appendChild(NarrowFieldset);
    
    // prilozeni k hlavnimu poli
    this.inputArr.push(NarrowFieldset);
  } // konec funkce add
  
  
  
  // odstraneni posledniho inputu z elementu ()
  this.remove = function(){
    var elem = document.getElementById(this.linkId);
    var last = this.inputArr.pop();
    if(last)elem.removeChild(last);
  } // konec funkce remove
  
  
  
  // naplni pole inputu jiz existujicimi inputy
  this.fill = function()
  {
    var elem = document.getElementById(this.linkId);
    if(elem)
      for(var i=0;i<elem.getElementsByTagName('input').length;i++)
      {
        this.inputArr.push(elem.getElementsByTagName('input')[i]);
      }
  } // konec funkce fill
  
  // volam konstruktor
  this.constructor();
  
} // konec funkce inputovnik



// /* ************************************** */
// /* funkce pro kontrolu vyplneni formulare */
// /* ************************************** */
// function pridat_zbozi_check(pridat_zbozi){
//   if (pridat_zbozi.nazev.value==""){
//   	alert("nezadali jste název výrobku");
//   	EmailForm.nazev.focus();
//   	return false;
//   }
//   if (pridat_zbozi.kategorie.value==""){
//   	alert("nevybrali jste kategorii");
//   	EmailForm.kategorie.focus();
//   	return false;
//   }
//   else {
//   	return true;
//   }
// }