function showRecepture(data) {
   var html = '';
   if (2 < data.length) {
      var values = eval('(' + data + ')');
      html += '<table class="receptury receptury-detail"><tr><th>Pigment</th><th>Váha (g)</th></tr>';
      for (x = 0; x < values.length; x++) {
         html += '<tr><td>' + values[x].pigment + '</td><td>' + values[x].vaha + '</td></tr>';
      }
      html += '</table><p id="receptura-author" class="receptury-author"></p>';
   } else {
     html += '<p class="receptura-text">Receptura neobsahuje žádné záznamy.</p>'; 
   }
   $('receptura-table').update(html);
}

function showAuthor(data) {
   var values = eval('(' + data + ')');
   $('receptura-author').update('Vytvořil: <strong><a href="mailto:' + values.email + '">' + values.email + '</a></strong> ' + values.date );
}

function hightlightRow(element) {
   receptureRows = $$('table.receptury tr');
   for(i=0;i<receptureRows.length;i++) {
      receptureRows[i].removeClassName('active');
   }
   
   Element.extend(element);
   element.up('tr').addClassName('active');
}

count = 0;
row = '';

function createReceptureFields() {
   html = '<p class="new-mix" id="new-mix"><a href="#" onclick="createField(); updateHtml(); return false;">Přidat další</a></p>';
   html += '<div class="form-line"><div class="formitem-pigment header-pigment">Pigment</div><div class="formitem-vaha header-vaha">Váha</div></div>';
   $('receptura-boxes').update(html);
   createObal();
   for (var i = 0; i < 7; i++) {
      createField();
      updateHtml(row);
   }
}

function createObal() {
   var el = document.createElement('div');
   el.setAttribute('id', 'obal' + count);
   $('receptura-boxes').appendChild(el);
}

function updateHtml() {
   var div = 'obal' + count
   $(div).update(row);
   getSystemyOptions();
   increment();
   createObal();
}

function increment() {
   count++;
}

function createField(def) {
   row = '';
   var pigment = '<div class="formitem-pigment formitem"><select class="text" id="pigment_' + count + '" name="pigment[' + count + ']"></select></div>';
   var vaha = '<div class="formitem-vaha formitem"><input type="text" class="text input-vaha" id="vaha_' + count + '" name="vaha[' + count + ']" />   </div>';
   row = '<div class="form-line">' + pigment + vaha + '</div>'; 
}

function getSystemyOptions() {
   var systemyId = $('systemyId').value;  
   var items = eval('(' + systemyOptions + ')');
   var values = Object.values(items[systemyId]);
   var keys = Object.keys(items[systemyId]);
   //for (var j = 0; j < count; j++) {
      var children = $('pigment_' + count).immediateDescendants(); 
      for (x = 0; x < children.length; x++) {
         children[x].remove();
      }
      for (var i = 0; i < values.length; i++) {
         $('pigment_' + count).options[i] = new Option(values[i], keys[i]);
      }
   //}
}

function getAllSystemsOptions() {
   var systemyId = $('systemyId').value;  
   var items = eval('(' + systemyOptions + ')');
   var values = Object.values(items[systemyId]);
   var keys = Object.keys(items[systemyId]);
   for (var j = 0; j < count; j++) {
      var children = $('pigment_' + j).immediateDescendants(); 
      for (x = 0; x < children.length; x++) {
         children[x].remove();
      }
      for (var i = 0; i < values.length; i++) {
         $('pigment_' + j).options[i] = new Option(values[i], keys[i]);
      }
   }
}

function checkWeightValues() {
   var result = true;
   weightEls = $$('input.input-vaha');
   var reg = /^[0-9]{1,10}\.[0-9]{1}$|^[0-9]{1,10}$|^$/;
   for(i=0; i < weightEls.length; i++) {
      if(!reg.test(weightEls[i].value)) {
         result = false;
      }
   }
   if (false == result) {
      alert('Váhu vkládejte ve tvaru 111.1 nebo 1111 nebo nechte pole prázdné !');
   }
   return result;
}