/* Funkce pro 'Nepovinný' ve formuláři na hlavní straně */
function onf(th, text)
{ 
  if(th.value==text)
  {
    th.value=''; 
    th.style.color = '#000000';
  }
}
function onb(th, text) 
{ 
  if(th.value=='')
  {
    th.value=text; 
    th.style.color = '#999999';
  }
}
function onft(th, text)
{ 
  if(th.value==text)
  {
    th.value=''; 
    th.style.color = '#000000';
  }
}
function onbt(th, text)
{ 
  if(th.value=='')
  {
    th.value=text;
    th.style.color = '#8F5050'; 
  }
}

function submit_form()
{
  if(document.getElementsByName('jmeno')[0].value == '' || 
     document.getElementsByName('telefon')[0].value == '' ||
     document.getElementsByName('email')[0].value == '' ||
     document.getElementsByName('pokoj')[0].value == '' ||
     document.getElementsByName('termin')[0].value == '')
  {
    if(window.location.pathname == '/en/')
    {
      alert('Please fill in all fields (note is optional). Thank you.');
    }
    else if(window.location.pathname == '/de/')
    {
      alert('Bitte füllen Sie alle Felder (Bemerkung ist optional). Dank.');
    }
    else
    {
      alert('Vyplňte, prosím, všechna pole (poznámka je dobrovolná). Děkujeme.');
    }
    return false;
  }

  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function()
  {
    if(xmlhttp.readyState == 4)
    {
      if(xmlhttp.responseText)
      {
        if(window.location.pathname == '/en/')
        {
          state_message(1, 'The reservation was successfully sent.');
        }
        else if(window.location.pathname == '/de/')
        {
          state_message(1, 'Die Reservierung wurde erfolgreich versendet.');
        }
        else
        {
          state_message(1, 'Rezervace byla úspěšně odeslána.');
        }
        for(var i = 0; i < document.getElementById('reservation_middle').getElementsByTagName('input').length; i++)
        {
          document.getElementById('reservation_middle').getElementsByTagName('input')[i].value = '';
        }
        document.getElementById('reservation_middle').getElementsByTagName('textarea')[0].value = '';
      }
      else
      {
        if(window.location.pathname == 'en')
        {
          state_message(1, 'The reservation was not sent.');
        }
        else if(window.location.pathname == 'de')
        {
          state_message(1, 'Die Reservierung wurde nicht gesendet.');
        }
        else
        {
          state_message(0, 'Rezervaci se nepodařilo odeslat.');
        }      
      }
    }
  }

  params = 'jmeno=' + document.getElementsByName('jmeno')[0].value +
           '&telefon=' + document.getElementsByName('telefon')[0].value + 
           '&email=' + document.getElementsByName('email')[0].value + 
           '&pokoj=' + document.getElementsByName('pokoj')[0].value + 
           '&termin=' + document.getElementsByName('termin')[0].value + 
           '&poznamka=' + document.getElementsByName('poznamka')[0].value;
         
  xmlhttp.open('GET', '/pages/cs/kontakt_progress.php?' + params, true);
  xmlhttp.send(null);    

  return false;
}

var intval, intval2;

function state_message(state, text)
{
  document.getElementById('state_message').innerHTML = text;
  if(state)
  {
    document.getElementById('state_message').className = 'ok';
  }
  else
  {
    document.getElementById('state_message').className = 'chyba';
  }
  document.getElementById('state_message').style.top = - document.getElementById('state_message').offsetHeight + 'px';  
  
  intval = window.setInterval('roll_down()', 10); 
}

function roll_down()
{
  if(document.getElementById('state_message').offsetTop == -1)
  {
    document.getElementById('state_message').style.top = "-1px";
    window.clearInterval(intval);
    setTimeout("roll_up()", 3000);
  }
  else
  {
    document.getElementById('state_message').style.top = document.getElementById('state_message').offsetTop + 1 + "px";
  }
}

function roll_up()
{
  if(!intval2)
  {
    intval2 = window.setInterval('roll_up()', 10);
  }
  
  if(document.getElementById('state_message').offsetTop + document.getElementById('state_message').offsetHeight == -1)
  {
    window.clearInterval(intval2);
    intval2 = 0;
  }
  else
  {
    document.getElementById('state_message').style.top = document.getElementById('state_message').offsetTop - 1 + "px";
  }
}