/**
 * Function for adding new image to references
 */
function add_link(showInput)
{
  if (null == showInput) {
    showInput = true;
  }
  var number = document.getElementById('num_links').value;

  ++number;

  document.getElementById('num_links').value = number;

  var li = document.createElement('li');

  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'link_target_'+number;
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < pages_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = pages_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(pages_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  li.appendChild(select);

  if (showInput) {
    var input = document.createElement('input');

    var attr_name = document.createAttribute('name');
    attr_name.nodeValue = 'link_title_'+number;
    input.setAttributeNode(attr_name);

    li.appendChild(input);
  }

  document.getElementById('links').appendChild(li);
}

/**
 * Function for adding related product
 */
function add_related_product()
{
  var number = document.getElementById('num_related_products').value;

  ++number;

  document.getElementById('num_related_products').value = number;

  var li = document.createElement('li');

  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'related_product_'+number;
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < products_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = products_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(products_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  li.appendChild(select);
  
  var input = document.createElement('input');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'related_product_name_'+number;
  input.setAttributeNode(attr_name);

  var attr_class = document.createAttribute('class');
  attr_class.nodeValue = 'text';
  input.setAttributeNode(attr_class);

  li.appendChild(input);

  document.getElementById('related_products').appendChild(li);
}

/**
 * Function for adding similar product
 */
function add_similar_product()
{
  var number = document.getElementById('num_similar_products').value;

  ++number;

  document.getElementById('num_similar_products').value = number;

  var li = document.createElement('li');

  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'similar_product_'+number;
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < products_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = products_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(products_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  li.appendChild(select);
  
  var input = document.createElement('input');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'similar_product_name_'+number;
  input.setAttributeNode(attr_name);

  var attr_class = document.createAttribute('class');
  attr_class.nodeValue = 'text';
  input.setAttributeNode(attr_class);

  li.appendChild(input);

  document.getElementById('similar_products').appendChild(li);
}

/**
 * Function for adding new accessory
 */
function add_accessory()
{
  var number = document.getElementById('num_accessory').value;

  ++number;

  document.getElementById('num_accessory').value = number;

  var li = document.createElement('li');

  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'accessory_'+number;
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < accessory_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = accessory_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(accessory_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  li.appendChild(select);

  document.getElementById('accessory').appendChild(li);
}

/**
 * Function for adding new related information link
 */
function add_related_information()
{
  var number = document.getElementById('num_related_informations').value;

  ++number;

  document.getElementById('num_related_informations').value = number;

  var li = document.createElement('li');

  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'related_information_'+number;
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < pages_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = pages_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(pages_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  li.appendChild(select);

  var input = document.createElement('input');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'related_information_title_'+number;
  input.setAttributeNode(attr_name);

  li.appendChild(input);

  document.getElementById('related_informations').appendChild(li);
}

/**
 * Function for adding new heading image
 */
function add_heading_image()
{
  var number = document.getElementById('num_images').value;

  ++number;

  document.getElementById('num_images').value = number;


//##############################################################################
//  <tr id="gallery_{$id}_row_{$id_2}">
//    <td>
//      <div>
//        {assign var=field_name_2 value=gallery_`$id`_image_`$id_2`}
//        <img src="{$page->$field_name_2->url}" alt="{$page->$field_name_2->alt}" />
//        <input type="file" id="{$field_name_2}" name="{$field_name_2}" value="" />
//      </div>
//    </td>
//    <td>
//      {assign var=field_name_2 value=gallery_`$id`_image_title_`$id_2`}
//      <div {if !$product_form.$field_name_2->valid}class="error"{/if}>
//        <input type="text" class="text" name="{$field_name_2}" id="{$field_name_2}" {$product_form.$field_name_2->data} />
//      </div>
//    </td>
//    <td>
//      <a href="javascript:void(0);" onclick="remove_image({$id}, {$id_2}); return false;">X</a>
//    </td>
//  </tr>

  var tr = document.createElement('tr');
  var attid = document.createAttribute('id');
  attid.nodeValue = 'gallery_row_'+number;
  tr.setAttributeNode(attid);

//##############################################################################
//    <td>
//      <div>
//        {assign var=field_name_2 value=gallery_`$id`_image_`$id_2`}
//        <img src="{$page->$field_name_2->url}" alt="{$page->$field_name_2->alt}" />
//        <input type="file" id="{$field_name_2}" name="{$field_name_2}" value="" />
//      </div>
//    </td>
  var td = document.createElement('td');

  var div = document.createElement('div');

  var image = document.createElement('image');

  var attsrc = document.createAttribute('src');
  attsrc.nodeValue = NO_IMAGE_URL;
  image.setAttributeNode(attsrc);

  var attalt = document.createAttribute('alt');
  attalt.nodeValue = NO_IMAGE_URL;
  image.setAttributeNode(attalt);

  div.appendChild(image);

  var input = document.createElement('input');

  var attid = document.createAttribute('id');
  attid.nodeValue = 'image_'+number;
  input.setAttributeNode(attid);

  var attname = document.createAttribute('name');
  attname.nodeValue = 'image_'+number;
  input.setAttributeNode(attname);

  var atttype = document.createAttribute('type');
  atttype.nodeValue = 'file';
  input.setAttributeNode(atttype);

  div.appendChild(input);

  var input = document.createElement('input');

  var attid = document.createAttribute('id');
  attid.nodeValue = 'image_'+number+'_id';
  input.setAttributeNode(attid);

  var attname = document.createAttribute('name');
  attname.nodeValue = 'image_'+number+'_id';
  input.setAttributeNode(attname);

  var atttype = document.createAttribute('type');
  atttype.nodeValue = 'hidden';
  input.setAttributeNode(atttype);

  var attvalue = document.createAttribute('value');
  attvalue.nodeValue = '';
  input.setAttributeNode(attvalue);

  div.appendChild(input);
  // --> <div>...</div>

  td.appendChild(div);
  tr.appendChild(td);

//##############################################################################
//    <td>
//      {assign var=field_name_2 value=gallery_`$id`_image_title_`$id_2`}
//      <div {if !$product_form.$field_name_2->valid}class="error"{/if}>
//        <input type="text" class="text" name="{$field_name_2}" id="{$field_name_2}" {$product_form.$field_name_2->data} />
//      </div>
//    </td>

  var td = document.createElement('td');

  var div = document.createElement('div');

  var input = document.createElement('input');

  var attid = document.createAttribute('id');
  attid.nodeValue = 'image_'+number+'_title';
  input.setAttributeNode(attid);

  var attname = document.createAttribute('name');
  attname.nodeValue = 'image_'+number+'_title';
  input.setAttributeNode(attname);

  var atttype = document.createAttribute('type');
  atttype.nodeValue = 'text';
  input.setAttributeNode(atttype);

  var attclass = document.createAttribute('class');
  attclass.nodeValue = 'text';
  input.setAttributeNode(attclass);

  var attvalue = document.createAttribute('value');
  attvalue.nodeValue = '';
  input.setAttributeNode(attvalue);

  div.appendChild(input);

  td.appendChild(div);
  tr.appendChild(td);

//##############################################################################
//    <td>
//      <a href="javascript:void(0);" onclick="remove_image({$id}, {$id_2}); return false;">X</a>
//    </td>
  var td = document.createElement('td');

  var div = document.createElement('div');

  var a = document.createElement('a');

  var atthref = document.createAttribute('href');
  atthref.nodeValue = 'javascript:void(0);';
  a.setAttributeNode(atthref);

  a.onclick = function() {
    remove_image(number);
    return false;
  }

  var text = document.createTextNode('X');
  a.appendChild(text);
  div.appendChild(a);
  td.appendChild(div);
  tr.appendChild(td);

  var last_row = document.getElementById('gallery_last_row');

  var parent = last_row.parentNode;
  parent.insertBefore(tr, last_row);
//##############################################################################
}

/**
 * Function for removing specified image from gallery.
 */
function remove_heading_image(id)
{
  //hide item
  document.getElementById('gallery_row_'+id).style.display = 'none';

  document.getElementById('image_'+id+'_title').value = '__remove__';
}

/**
 * Function for adding new target node for heading image
 */
function add_target_node(id)
{
  var number = document.getElementById('image_'+id+'_num_nodes').value;

  ++number;

  document.getElementById('image_'+id+'_num_nodes').value = number;

  var li = document.createElement('li');
  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'image_'+id+'_nodes_'+number;
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < pages_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = pages_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(pages_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  li.appendChild(select);

  document.getElementById('nodes_'+id).appendChild(li);
}

/**
 * Function for adding new interest item
 */
function add_interest()
{
  var number = document.getElementById('num_interests').value;

  ++number;

  document.getElementById('num_interests').value = number;


  var tr = document.createElement('tr');

  var td = document.createElement('td');

  var input = document.createElement('input');

  var attid = document.createAttribute('id');
  attid.nodeValue = 'interest_'+number+'_title';
  input.setAttributeNode(attid);

  var attname = document.createAttribute('name');
  attname.nodeValue = 'interest_'+number+'_title';
  input.setAttributeNode(attname);

  var atttype = document.createAttribute('type');
  atttype.nodeValue = 'text';
  input.setAttributeNode(atttype);

  var attclass = document.createAttribute('class');
  attclass.nodeValue = 'text';
  input.setAttributeNode(attclass);

  var attvalue = document.createAttribute('value');
  attvalue.nodeValue = '';
  input.setAttributeNode(attvalue);

  td.appendChild(input);

  tr.appendChild(td);

  // ======================

  var td = document.createElement('td');

  var select = document.createElement('select');

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'interest_'+number+'_target';
  select.setAttributeNode(attr_name);

  //options are stored in global variable "nutitems_options"
  for (var i = 0; i < pages_options.length; i++) {
    var option = document.createElement('option');

    var attr_value = document.createAttribute('value');
    attr_value.nodeValue = pages_options[i][0];
    option.setAttributeNode(attr_value);

    var text = document.createTextNode(pages_options[i][1]);
    option.appendChild(text);
    select.appendChild(option);
  }

  td.appendChild(select);

  tr.appendChild(td);

  // ======================

  var td = document.createElement('td');

  var input = document.createElement('input');

  var attid = document.createAttribute('id');
  attid.nodeValue = 'interest_'+number+'_order';
  input.setAttributeNode(attid);

  var attname = document.createAttribute('name');
  attname.nodeValue = 'interest_'+number+'_order';
  input.setAttributeNode(attname);

  var atttype = document.createAttribute('type');
  atttype.nodeValue = 'text';
  input.setAttributeNode(atttype);

  var attclass = document.createAttribute('class');
  attclass.nodeValue = 'text';
  input.setAttributeNode(attclass);

  var attvalue = document.createAttribute('value');
  attvalue.nodeValue = '';
  input.setAttributeNode(attvalue);

  td.appendChild(input);

  tr.appendChild(td);

  // ======================

  var last_row = document.getElementById('gallery_last_row');

  var parent = last_row.parentNode;
  parent.insertBefore(tr, last_row);
//##############################################################################
}

function update_order_checkboxes(price, discount, price_limit, discount_limit)
{
  if (document.getElementById('dodani_checkbox') != null) {
    if ((document.getElementById('platba2_checkbox').checked) || ((price >= price_limit) && (discount < discount_limit)))
    {
      document.getElementById('dodani_checkbox').disabled = true;
    }
    else
    {
      document.getElementById('dodani_checkbox').disabled = false;
    }
  }

  if (document.getElementById('dodani1_checkbox') != null) {
    if ((document.getElementById('platba2_checkbox').checked) || (price < price_limit) || (discount > discount_limit))
    {
      document.getElementById('dodani1_checkbox').disabled = true;
    }
    else
    {
      document.getElementById('dodani1_checkbox').disabled = false;
    }
  }

  if (document.getElementById('platba_checkbox').checked)
  {
    document.getElementById('dodani2_checkbox').disabled = true;
  }
  else
  {
    document.getElementById('dodani2_checkbox').disabled = false;
  }

  if (document.getElementById('dodani_checkbox') != null) {
    if (document.getElementById('dodani_checkbox').disabled) {
      document.getElementById('dodani_checkbox').checked = false;
      if ((document.getElementById('dodani1_checkbox') != null) && (!document.getElementById('dodani1_checkbox').disabled)) {
        document.getElementById('dodani1_checkbox').checked = true;
      } else {
        document.getElementById('dodani2_checkbox').checked = true;
      }
    }
  }
  if (document.getElementById('dodani1_checkbox') != null) {
    if (document.getElementById('dodani1_checkbox').disabled) {
      document.getElementById('dodani1_checkbox').checked = false;
      if ((document.getElementById('dodani_checkbox') != null) && (!document.getElementById('dodani_checkbox').disabled)) {
        document.getElementById('dodani_checkbox').checked = true;
      } else {
        document.getElementById('dodani2_checkbox').checked = true;
      }
    }
  }
  if (document.getElementById('dodani2_checkbox').disabled) {
    document.getElementById('dodani2_checkbox').checked = false;
    if ((document.getElementById('dodani_checkbox') != null) && (!document.getElementById('dodani_checkbox').disabled)) {
      document.getElementById('dodani_checkbox').checked = true;
    } else {
      document.getElementById('dodani1_checkbox').checked = true;
    }
  }
}

/**
 * Remember current value in order form
 */
function remember_order_detail(url, input)
{
  new Ajax.Request(url, {
    method:'get',
    parameters: $(input.id).serialize(true)
  });

  return false;
}

/**
 * Function for adding a file to product
 */
function add_line_file_item()
{
  var number = document.getElementById('num_files').value;

  ++number;

  document.getElementById('num_files').value = number;

//  <li>
//    <a href="javascript:void(0);" id="file_{$index}" onclick="window.open('{$ASSOCIATE_FILE_URL}&amp;file=file_{$index}&amp;field=file_{$index}_id');">{$file->title}</a>
//    <input type="hidden" name="file_{$index}" id="file_{$index}_id" value="{$file->id}" />
//  </li>
  var li = document.createElement('li');

//    <a href="javascript:void(0);" id="file_{$index}_file" onclick="window.open('{$ASSOCIATE_FILE_URL}&amp;file=file_{$index}&amp;field=file_{$index}_id');">{$file->title}</a>
  var a = document.createElement('a');

  var attr_href = document.createAttribute('href');
  attr_href.nodeValue = 'javascript:void(0);';
  a.setAttributeNode(attr_href);

  var attr_id = document.createAttribute('id');
  attr_id.nodeValue = 'file_'+number+'_file';
  a.setAttributeNode(attr_id);

  a.onclick = function() {
	  popup_associate_file_window(ASSOCIATE_FILE_URL, 'file_'+number+'_file', 'file_'+number+'_id', '');
  }

  var text = document.createTextNode(LANG_SELECT_FILE);
  a.appendChild(text);
  li.appendChild(a);

  li.appendChild(document.createElement('br'));
  li.appendChild(document.createTextNode('Po uložení můžete upravovat popis souboru.'));

//    <input type="hidden" name="file_{$index}_id" id="file_{$index}_id" value="{$file->id}" />
  var input = document.createElement('input');

  var attr_type = document.createAttribute('type');
  attr_type.nodeValue = 'hidden';
  input.setAttributeNode(attr_type);

  var attr_id = document.createAttribute('id');
  attr_id.nodeValue = 'file_'+number+'_id';
  input.setAttributeNode(attr_id);

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'file_'+number+'_id';
  input.setAttributeNode(attr_name);

  var attr_value = document.createAttribute('value');
  attr_value.nodeValue = '0';
  input.setAttributeNode(attr_value);

  li.appendChild(input);

  document.getElementById('files').appendChild(li);

  return false;
}

/**
 * Function for adding a video to product
 */
function add_line_video_item()
{
  var number = document.getElementById('num_videos').value;

  ++number;

  document.getElementById('num_videos').value = number;

  var li = document.createElement('li');
  
  var label = document.createElement('label');
  label.setAttribute('for', 'video_name_'+number);
  label.appendChild(document.createTextNode("Název"));
  li.appendChild(label);
  
  var input = document.createElement('input');

  var attr_type = document.createAttribute('type');
  attr_type.nodeValue = 'text';
  input.setAttributeNode(attr_type);
  
  input.id = "video_name_" + number;
  input.className = "text";

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'video_name_'+number;
  input.setAttributeNode(attr_name);

  li.appendChild(input);
  
  var label = document.createElement('label');
  label.setAttribute('for', 'video_html_code_'+number);
  label.appendChild(document.createTextNode("HTML kód"));
  li.appendChild(label);
  
  var input = document.createElement('textarea');

  input.id = "video_html_code_" + number;
  input.className = "smallText";

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'video_html_code_'+number;
  input.setAttributeNode(attr_name);

  li.appendChild(input);

  var input = document.createElement('input');

  var attr_type = document.createAttribute('type');
  attr_type.nodeValue = 'hidden';
  input.setAttributeNode(attr_type);

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'video_id_'+number;
  input.setAttributeNode(attr_name);

  var attr_value = document.createAttribute('value');
  attr_value.nodeValue = '0';
  input.setAttributeNode(attr_value);

  li.appendChild(input);

  document.getElementById('videos').appendChild(li);

  return false;
}

/**
 * Function for adding a section for instructions page
 */
function add_instruction_section()
{
  var number = document.getElementById('num_sections').value;

  ++number;

  document.getElementById('num_sections').value = number;

  var mainDiv = document.createElement('div');
  mainDiv.id = 'section_'+number;
  
  var div = document.createElement('div');
  
  var label = document.createElement('label');
  label.setAttribute('for', 'section_name_'+number);
  label.appendChild(document.createTextNode("Nadpis"));
  div.appendChild(label);
  
  var input = document.createElement('input');

  var attr_type = document.createAttribute('type');
  attr_type.nodeValue = 'text';
  input.setAttributeNode(attr_type);
  
  input.id = "section_name_" + number;
  input.className = "text";

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'section_name_'+number;
  input.setAttributeNode(attr_name);

  div.appendChild(input);
  mainDiv.appendChild(div);
  
  var div = document.createElement('div');
  
  var label = document.createElement('label');
  label.setAttribute('for', 'section_text_'+number);
  label.appendChild(document.createTextNode("Text"));
  div.appendChild(label);
  
  var input = document.createElement('textarea');

  input.id = "section_text_" + number;
  input.className = "smallText";

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'section_text_'+number;
  input.setAttributeNode(attr_name);

  div.appendChild(input);

  var input = document.createElement('input');

  var attr_type = document.createAttribute('type');
  attr_type.nodeValue = 'hidden';
  input.setAttributeNode(attr_type);

  var attr_name = document.createAttribute('name');
  attr_name.nodeValue = 'section_id_'+number;
  input.setAttributeNode(attr_name);

  var attr_value = document.createAttribute('value');
  attr_value.nodeValue = '0';
  input.setAttributeNode(attr_value);

  div.appendChild(input);
  mainDiv.appendChild(div);
  
  var imgDiv = document.createElement('div');
  imgDiv.className = "images";
  
  for (var i = 0; i < 4; i++) {
	  var img = document.createElement('img');
	  var attr_src = document.createAttribute('src');
	  attr_src.nodeValue = NO_IMAGE_URL;
	  img.setAttributeNode(attr_src);
	  
	  img.id = 'section_image_'+number+'_'+i;
	  
	  switch (i)
	  {
		  case 0:
			  if (img.addEventListener) {
				  img.addEventListener('click', function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_0', 'section_image_'+number+'_0_id',''); }, false);
			  } else {
				  img.attachEvent('onclick',  function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_0', 'section_image_'+number+'_0_id',''); });
			  }
			  break;
		  case 1:
			  if (img.addEventListener) {
				  img.addEventListener('click', function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_1', 'section_image_'+number+'_1_id',''); }, false);
			  } else {
				  img.attachEvent('onclick',  function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_1', 'section_image_'+number+'_1_id',''); });
			  }
			  break;
		  case 2:
			  if (img.addEventListener) {
				  img.addEventListener('click', function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_2', 'section_image_'+number+'_2_id',''); }, false);
			  } else {
				  img.attachEvent('onclick',  function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_2', 'section_image_'+number+'_2_id',''); });
			  }
			  break;
		  case 3:
			  if (img.addEventListener) {
				  img.addEventListener('click', function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_3', 'section_image_'+number+'_3_id',''); }, false);
			  } else {
				  img.attachEvent('onclick',  function(e) { popup_associate_image_window(ASSOCIATE_IMAGE_URL, 'section_image_'+number+'_3', 'section_image_'+number+'_3_id',''); });
			  }
			  break;
	  }
	  
	  imgDiv.appendChild(img);
	  
	  var input = document.createElement('input');
	  input.id = 'section_image_'+number+'_'+i+'_id';

	  var attr_type = document.createAttribute('type');
	  attr_type.nodeValue = 'hidden';
	  input.setAttributeNode(attr_type);

	  var attr_name = document.createAttribute('name');
	  attr_name.nodeValue = 'section_image_'+number+'_'+i;
	  input.setAttributeNode(attr_name);

	  var attr_value = document.createAttribute('value');
	  attr_value.nodeValue = '';
	  input.setAttributeNode(attr_value);

	  imgDiv.appendChild(input);
  }

  mainDiv.appendChild(imgDiv);
  
  var div = document.createElement('div');
  
  var input = document.createElement('input');

  var attr_type = document.createAttribute('type');
  attr_type.nodeValue = 'button';
  input.setAttributeNode(attr_type);
  
  input.className = "sub2";
  var attr_value = document.createAttribute('value');
  attr_value.nodeValue = "Odstranit sekci";
  input.setAttributeNode(attr_value);

  if (input.addEventListener) {
	  input.addEventListener('click', function(e) { remove_instruction_section(number); }, false);
  } else {
	  input.attachEvent('onclick',  function(e) { remove_instruction_section(number); });
  }

  div.appendChild(input);
  
  mainDiv.appendChild(div);
  
  document.getElementById('sections').appendChild(mainDiv);

  return false;
}

/**
 * Function for removing a section for instructions page
 */
function remove_instruction_section(number) {
	document.getElementById('section_name_' + number).value = "__remove__";
    var div = document.getElementById('section_' + number);
    if (div) {
  	    div.className = 'hid';
    }
}