$(document).ready(function() {

  $('.searchInput').each(function(){

    this.value = $(this).attr('title');

    $(this).focus(function(){
      if(this.value == $(this).attr('title')) {
        this.value = '';
      }
    });

    $(this).blur(function(){
      if(this.value == '') {
        this.value = $(this).attr('title');
      }
    });
  });
  
  /*$('.routeBereken').click(function() {
    var adresFrom = $('#routeAdresFrom');
    var cityFrom = $('#routeCityFrom');
    var adresTo = $('#routeAdresTo');
    var doReturn = 0;

    $(adresFrom).removeClass('regexp-error-input');
    $(cityFrom).removeClass('regexp-error-input');
    $(adresFrom).addClass('searchInput');
    $(cityFrom).addClass('searchInput');
   
    if ($(adresFrom).val() == $(adresFrom).attr('title')) {
      $(adresFrom).addClass('regexp-error-input');
      doReturn = 1;
    }
    
    if ($(cityFrom).val() == $(cityFrom).attr('title')) {
      $(cityFrom).addClass('regexp-error-input');
      doReturn = 2;
    }

    if (doReturn > 0) {
      return false;
    }
    
    var valueFrom = $(adresFrom).val() + '-' + $(cityFrom).val();
    var valueTo = $(adresTo).val();
    
    valueFrom = valueFrom.replace(/, /gi, '+');
    valueFrom = valueFrom.replace(/ /gi, '+');
    valueTo = valueTo.replace(/, /gi, '+');
    valueTo = valueTo.replace(/ /gi, '+');
    
    var url = 'http://maps.google.com/maps?hl=nl&saddr=' + valueFrom + '&daddr=' + valueTo;
    window.open(url);
  });*/

  var count = 0;
  
  $('.routeBereken').click(function() {
    var count = $(this).attr('id').replace('routeBereken', '');    
    var adresFrom = $('#routeAdresFrom' + count);
    var cityFrom = $('#routeCityFrom' + count);
    var adresTo = $('#routeAdresTo' + count);
    var doReturn = 0;

    $(adresFrom).removeClass('regexp-error-input');
    $(cityFrom).removeClass('regexp-error-input');
    $(adresFrom).addClass('searchInput');
    $(cityFrom).addClass('searchInput');
   
    if ($(adresFrom).val() == $(adresFrom).attr('title')) {
      $(adresFrom).addClass('regexp-error-input');
      doReturn = 1;
    }
    
    if ($(cityFrom).val() == $(cityFrom).attr('title')) {
      $(cityFrom).addClass('regexp-error-input');
      doReturn = 2;
    }

    if (doReturn > 0) {
      return false;
    }
    
    var valueFrom = $(adresFrom).val() + '-' + $(cityFrom).val();
    var valueTo = $(adresTo).val();
    
    valueFrom = valueFrom.replace(/, /gi, '+');
    valueFrom = valueFrom.replace(/ /gi, '+');
    valueTo = valueTo.replace(/, /gi, '+');
    valueTo = valueTo.replace(/ /gi, '+');
    
    var url = 'http://maps.google.com/maps?hl=nl&saddr=' + valueFrom + '&daddr=' + valueTo;
    window.open(url);
      
  });

});